Log In · Register

 
Basic CSS Quesiton
cherry_starr
post Oct 26 2007, 11:58 AM
Post #1


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127



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!!
 
 
Start new topic
Replies (1 - 5)
IVIike
post Oct 26 2007, 12:04 PM
Post #2


Hey, I'm Mike
******

Group: Staff Alumni
Posts: 1,272
Joined: May 2006
Member No: 406,241



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
post Oct 26 2007, 12:29 PM
Post #3


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127



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
post Oct 27 2007, 01:01 PM
Post #4


DDR \\ I'm Dee :)
*******

Group: Mentor
Posts: 8,662
Joined: Mar 2006
Member No: 384,020



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
post Nov 2 2007, 08:29 PM
Post #5


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127



Awesome! thank you for the link :)
 
karmakiller
post Nov 2 2007, 09:23 PM
Post #6


DDR \\ I'm Dee :)
*******

Group: Mentor
Posts: 8,662
Joined: Mar 2006
Member No: 384,020



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
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: