Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

What's wrong with this CSS selector.class? 1

Status
Not open for further replies.

josel

Programmer
Joined
Oct 16, 2001
Messages
716
Location
US
Hello friends!

I am working with CSS (actually trying to learn) and I can't figure out why following would not give me a list style block of text

<style>
font.list
{
font-size: 8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
font-style : normal;
vertical-align : top;
list-style-type : disc;
}
</style>

I though that list-style-type: disc; would define text as a list text using disc. All I get is a block of data without line break. Tried it with NS and IE and they both look same ...

Any idea as to what am I doing wrong? Here's the code

<font class=&quot;list&quot;>
Satisfaction Guaranteed
Instant Credit
<span style=&quot;font-weight: bold; font-variant: small- caps;&quot;>FREE</span>&#149; & Fast Delivery
Lowest Prices
Largest Selection
All Brands of Wallpaper
<br><br>
&#149;Under 102&quot; not including Alaska and Hawaii
</font>

Thanks;

josel If you have the knowledge, consult and educate those who need it! - Jose Lerebours
 
Instead of list-style-type : disc;

Try

ListStyleType:disc DeZiner
Never be afraid to try something new.
Remember that amateurs built the Ark.
Professionals built the Titanic
 
I could only get list variations to apply
to list tags?

<style>
.list
{
list-style-type: upper-roman;
list-style-position: inside;
}
</style>

<ul>
<li class=&quot;list&quot;>sdfdsf
<li class=&quot;list&quot;>dsfdsf
</ul>

if you dont know the types
disk
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none

this style may work work with other tags
but its a trial and error thing

 
Thank you for such quick response ...

I had to split my code and use both tags <font> and <li> to get what I was looking for.

Regards;

josel If you have the knowledge, consult and educate those who need it! - Jose Lerebours
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top