Hello there everyone I'm new so... please ignore my ignorance!!
I'm sure my problem will be simple to fix.... I have in my document a centre aligned wrapper div containing some noscript text, a flash movie and a footer with 4 or 5 links inside (set as display: block in an unstyled list) all floated to the right with a little padding - the problem I have is that in firefox it all looks lovely and the links are next to each other horizontally under the flash movie as I want them to be, but when I open my page in explorer the links are in a vertical pile?
Can anyone help please
Can you send us a link to
Can you send us a link to the site? Or post some html and CSS, please?
Sure, code attached... sorry!
* {
margin: 0;
padding: 0;
}
#wrapper {
width: 790px;
margin: 0 auto;
text-align: left;
background-color: #fff;
}
body {
font: 70%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
}
a:link {
text-decoration: none;
font-weight: normal;
color: #cccccc;
}
a:hover, a:active {
text-decoration: none;
font-weight: normal;
color: #cccccc;
}
a:visited {
text-decoration: none;
font-weight: normal;
color: #cccccc;
}
body {
text-align: center;
min-width: 790px;
}
#footer {
text-align: right;
padding-right: 25px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul a {
padding: 0 .3em;
line-height: 2.1em;
text-decoration: none;
color: #fff;
float: right;
display: block;
}
//description of site
Float the li instead of the
Float the li instead of the a.
li { float: right; } ul a { padding: 0 .3em; line-height: 2.1em; text-decoration: none; color: #fff; display: block; }
cheers,
gary
Thats it!
Thanks Gary that's done the trick just fine!!