Basic CSS Quesiton |
Basic CSS Quesiton |
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!! |
|
|
|
![]() |
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. |
|
|
|
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? |
|
|
|
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 |
|
|
|
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 :)
|
|
|
|
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.
|
|
|
|
![]() ![]() |