Problem Styling with LI Tags
Posted: 27 July 2006 03:11 PM   [ Ignore ]
Newbie
Rank
Total Posts:  8
Joined  2006-07-24

Hi,
I am using a LI Tag in a Document and its used as follow,
<DIV>
<UL>
<LI> ... </LI>
<LI> ... </LI>
<LI> ... </LI>
<LI> ... </LI>
<LI> ... </LI>
</UL>
</DIV>
Now, I have specified that the list-style-type as none as I want no list icons, but still, my list items within the DIV appear aligned to the Right, leaving spaces on the bottom and left,
If I remove the UL Tag, it aligns well to the immediate left of the DIV.
Also, Dreamweaver shows me the list icons even though the property is none, but the browser preview shows none.

Profile
 
 
Posted: 28 July 2006 07:10 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  19
Joined  2006-05-22

KESHAVi PATEL,

Firstly, if you’re trying to LEARN CSS, get rid of DREAMWEAVER.  It’s a WYSIWYG editor.  Not helpful.

It’s expensive and it’s not necessary.

HTML

<div id=‘navcontainer’>
<ul id=‘navlist’>
<li></li>
<li></li>
</ul>
</div>

CSS

#navcontainer ul#navlist{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

#navcontainer ul li{
display: block;
}

#navcontainer ul li a{text-decoration: underline; ...etc…}
#navcontainer ul li a:hover{ .... etc ... }

Something like the above, you’ll have to play with it to tune it to your liking ...
Al Toman

Profile
 
 
Posted: 28 July 2006 12:37 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  8
Joined  2006-07-24

Thanks again !

Profile
 
 
   
 
 
‹‹ Postioning Issues      Image Shadow by CSS ››