Problem with css

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:

"http://www.w3.org/TR/html4/loose.dtd">














Here is the css file:

body {
background:#11418b;
margin:0 auto;
padding:0;
font-family:"Trebucht MS", Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
position:absolute;
border:0;
margin:0 auto;
width:900px;
height:700px;
text-align:left;
background-color:#ab0801;
left: 12px;
top: 96px;
z-index: 5;
}

#header {
background-color: #ab0801;
background-image: url(../i/header_bg.jpg);
color: #fff;
position:absolute;
left:10px;
width: 900px;
}

#menu {
position:absolute;
left:5px;
width:160px;
height:auto;
z-index:1;
padding: 5px;
top: 5px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

#content {
position:absolute;
left:184px;
top:5px;
width:700px;
height:680px;
z-index:2;
background-color: #CCCCCC;
padding: 5px;
}

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font weight: bold;
border-bottom: thin #FFFFFF solid;
display: block;
padding-bottom: 3px;
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
font-size: 14px;
font weight: bold;
border-bottom: thin #FFFFFF solid;
display: block;
padding-bottom: 3px;
text-decoration: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font weight: bold;
border-bottom: thin #FFFFFF solid;
display: block;
padding-bottom: 3px;
text-decoration: none;
}
a.main:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
font-size: 16px;
font weight: bold;
text-decoration: none;
border-bottom: none;
width: 130px;
display: block;
padding-bottom: 3px;
}

a.main:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
font weight: bold;
width: 130px;
text-decoration: none;
border-bottom: none;
display: block;
padding-bottom: 3px;
}

a.main:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
font-size: 16px;
font weight: bold;
width: 130px;
text-decoration: none;
border-bottom: none;
display: block;
padding-bottom: 3px;
}

Re: Problem with css

Shelly schreef:
> 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
>
[snipped code]

Can you provide a link to the page?

We're a little reluctant to copy/paste the code you gave.


--
Rob Waaijenberg

Re: Problem with css

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:



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



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;
}

Re: Problem with css

Thank you very much. That did the trick!

Sheldon

"John L." wrote in message
news:5n9buaFh32ldU1@mid.individual.net...
> 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:
>
>
>
> It should be class="main", not style="main".
>
>
>
> 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;
> }

Re: Problem with css

Shelly wrote:
> Thank you very much. That did the trick!

But Shelly forget the CSS, if you are a PHP coder what the hell are you
doing with "mailto" in links?








Tisk-tisk! And what happens to the webmail only folks? Should be at least:




main_2
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

"Jonathan N. Little" wrote in message
news:8e65d$470f8251$40cba7c7$31027@NAXS.COM...
> Shelly wrote:
>> Thank you very much. That did the trick!
>
> But Shelly forget the CSS, if you are a PHP coder what the hell are you
> doing with "mailto" in links?

If I want to sent a packaged email from the web, or even have the
composition of the text, etc. done in the web app, then I do just as you say
(and have done so before many times). However, this is for a small company
for internal use, and part of the app is to send email to clients not using
this app. I want the app to bring up the sender's own email client and have
the address be in there automatically. They will then write whatever they
want as text for the email. "mailto" does this perfectly, as the users all
have email clients.

Did I misinterpret what you are saying?

Sheldon


>
>
>
>
>
>
>
>
> Tisk-tisk! And what happens to the webmail only folks? Should be at least:
>
>
>
>
> main_2 >
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com