Help - Search - Members - Calendar
Full Version: Basic CSS Quesiton
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
cherry_starr
I've got a pretty basic CSS question... i tried googling the answer, but i wasn't sure what it was even called, and i wasn't coming up with what i was looking for, and i am sure someone on here knows, so here goes:

I was wondering how to code a bg colour/underline/overline into a menu/header. And i don't mean just closely around the text. I am sort of unsure how to describe it, but some examples of layouts that use it are:

http://www.createblog.com/layouts/code.php?id=22628

The menu and the headers are using the CSS i am talking about, but i can't figure out the part of the code that does that. So if anyone could give me a hand that would be awesome, and greatly appreciated :)

Thank you!!
IVIike
I think this is the code
CODE
font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt;
color:XXXXXX;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 17px;}

h1 {
font: 8pt "verdana";
text-align: left;
letter-spacing: 3px;
text-transform: uppercase;
margin: 5 0 10px 0;
color:XXXXXX;
border-bottom:1px solid;
border-bottom-color:595B4D;
font-weight:bold;}

div.title {
font: 20pt "arial";
text-align: left;
letter-spacing: 0px;
text-transform: lowercase;
position:absolute;
z-index:2;
top:50%;
margin-top:-200px;
left: 50%;
margin-left: -300px;
color:XXXXXX;}


ect.
cherry_starr
Awesome :)

So if i wanted to change the length i would just edit the margin section of the code right?

Also do you happen to know what to put in there to get it solid and not just underline?

karmakiller
The margin areas will actually change the positioning of the menu.

If you don't want it underlined, take out this:
QUOTE
border-bottom:1px solid;


There's a more detailed tutorial that might help you:
http://www.createblog.com/scripts/script.php?id=345
cherry_starr
Awesome! thank you for the link :)
karmakiller
No problem. I'm going to leave this open, so let us know how it works or if you have any problems with it. _smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.