3 replies [Last post]
roadman1977
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-01-27
Posts: 2
Points: 0

I am trying to put a line (divider lines that runs all the way across) under my website logo using Cascading Style Sheet.

The code I have for the CSS # is:

#border
{border-bottom-width: thin;
border-bottom-style: solid;}

The code I have in my HTML to call the border function is :

<div id = "border"> </div>.

This is located in the header tag.

The border always appears where the top body margin starts, instead of right under my logo.

The border is right above the words "Welcome to my first site", instead of right under the Conrad's Computer Solutions logo.

Here is the code I have for the body section of the CSS.

body
{color : 000000;
background-color:#FFFFCC;
margin-top: 230px;
margin-bottom: 60px;
margin-left: 40px;
margin-right: 40px;
background-image : url('logo3.gif');
background-position : 50% 25px;
background-repeat : no-repeat;}

Any help is greatly appreciated!!!!

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 33 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Need help putting line under logo with CSS

It'd help if you posted a link to the page. Or, at least the HTML that you are using?

Also, if your logo is an image, you could give the image a border? Or, used a CSS styled horizontal rule... <hr />.

The next sentence is true. The previous sentence is false. Discuss...

tommuir
Offline
Regular
Upper east side
Last seen: 13 years 50 weeks ago
Upper east side
Joined: 2004-04-05
Posts: 40
Points: 0

Need help putting line under logo with CSS

It's the site in his profile box.

i am not here

LaLindsey
LaLindsey's picture
Offline
Regular
NY
Last seen: 12 years 7 weeks ago
NY
Timezone: GMT-4
Joined: 2003-12-16
Posts: 14
Points: 0

Need help putting line under logo with CSS

Well, seeing as you have the image set as your background there, you can't actually have a border beneath it.

What you can do is, in between you <div="border"><img src="logo2.gif"></div> and than customize the border according to that.

Also, I am using Mozilla and the border isn't showing up at all. And you should declare a color for your border too:

something like:

#border
{border-bottom: thin solid #000;} 

Oh, and if you put the img into the border div you are going to have to position it.

----------------------------------
Lindsey

CSSgirl Designs