Posted by John L. on 10/12/07 13:42

Shelly wrote:
> I want to have two links on a single line. The css I have inherited (I am a
> php person and not much on css) makes them come out on individual lines with
> a long white bar under and in white font.
> Whether or not I specify style="main" the problem occurs. If I delete the
> css fle include, then it works correctly. Can anyone help this novice?
>
> Sheldon
>
> Here is my test code:

<snip>

It should be class="main", not style="main".

<a href="mailto:main2@a.com" class="main">main_2</a>

The links appear on different lines because of the 'display: block;'
declarations in the CSS. Try changing your stylesheet so the a rules
look like this:

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font weight: bold;
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
font-size: 14px;
font weight: bold;
text-decoration: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font weight: bold;
text-decoration: none;
}
a.main:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
font-size: 16px;
font weight: bold;
text-decoration: none;
}

a.main:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
font weight: bold;
text-decoration: none;
}

a.main:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
font-size: 16px;
font weight: bold;
text-decoration: none;
}

[Back to original message]