|
Posted by dorayme on 11/26/87 11:54
In article
<1154527562.449347.62570@p79g2000cwp.googlegroups.com>,
"squareboy" <max.christian@gmail.com> wrote:
> The simple HTML & CSS below uses float:left and float:right to display
> the three <li>'s on the same line. This works on IE, and it also works
> on Firefox if there is no <a href> tag inside the <li>. But Firefox
> puts the "should be on the same line" link on the following line. Any
> advice on how to get it to stay on the same line?
>
> TIA
> style.css:
>
> .header li {
> float:left;
> }
> .header a {
> float:left;
> display:block;
> }
> .header .sitelink {
> float:right;
> }
> .header .sitelink a {
> float:right;
> }
Get rid of all your css on this and replace with
..header li {
display:inline;
}
add margins and padding appropriately. You are getting too fancy.
--
dorayme
Navigation:
[Reply to this message]
|