I've obviously missed a vital part of the code and that is the
"navlist li" part.
Thanks all guys.
Sent from my iPhone
On 19/11/2009, at 11:18 AM, "Stuart Foulstone"
<[email protected]> wrote:
What you're trying to do is alter the display of the native list
structure
- not the links.
That is you want to display the list-items inline and floated left. (
e.g.
.navlist li {
display: inline;
float: left;
list-style-type: none;
}
On Wed, November 18, 2009 10:24 am, Jerome Carpen wrote:
hey guys,
Have got the following navigation to work in firefox, safari, chrome,
opera and the such, but not IE.
In IE, the links do not go inline but scale left to right in a step
manner.
Any ideas of what i'm missing?
==========HTML================
<ul class="navlist">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
</ul>
==========CSS================
#nav {
background-color: #930;
float: left;
width: 600px;
}
.navlist {
list-style-type: none;
}
.navlist li a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #FFF;
text-decoration: none;
display: block;
float: left;
padding-right: 20px;
padding-left: 20px;
}
.navlist li a:hover {
color: #0F3;
}
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
