Hello
Sorry - looks as though my message got cut off near the beginning. The problem is that I can't get the images to stay in one line - if the window is resized, or not big enough to begin with, the last one or two images go down onto a new line.
It is apparently particularly bad in IE viewed on a pc (I'm working on a Mac), because the images are much larger there to begin with.
I have tried specifying percentage or absolute pixel sizes for the images in the style sheet, but when I do that, the list no longer displays horizontally at all in IE, so I'm really stuck.
This is the code in the css sheet for the navigation:
-
#maintab {
-
color: #003366;
-
margin: 15px 0px 15px 0px;
-
padding: 10px;
-
z-index: 1;
-
display: inline;
-
padding-left: 10px }
-
-
#maintab ul {
-
display: inline;
-
overflow: hidden;
-
width: 100%
-
list-style-type: none; }
-
-
#maintab ul li {
-
display: inline;
-
overflow: hidden;
-
list-style-type: none; }
-
-
#maintab li.selected {
-
border-bottom: 20px solid #003366
-
}
-
-
#maintab li.active {
-
border-bottom: 20px solid #003366
-
}
-
And this is the page itself:
http://www.independentliving.co.uk/new-ad/new-ad.html
I'd be very grateful if you have any suggestions!
Thanks
Frances