Stylesheets in all browsers |
Stylesheets in all browsers |
![]()
Post
#1
|
|
![]() Member ![]() ![]() Group: Member Posts: 17 Joined: Jun 2007 Member No: 532,062 ![]() |
So I'm trying to mess with stylesheets to hopefully make editing the layout and whatnot on my boyfriend's site a little bit easier. It's working in AOL, and IE, but it isn't in Firefox. How do I get it to work in all browsers?
Any help is appreciated. Thanks. :) |
|
|
![]() |
*tripvertigo* |
![]()
Post
#2
|
Guest ![]() |
right off the bat, css files do not use <title> tags, or even any html tag really.
you dont need <style type="text/css">, again because its an html tag. also, before every } you need a ; try this: CODE body { background-color:#000000; background-image:url(http://www.freewebs.com/evolution-studios/pattern%5F149.bmp); } table,td { cellspacing: 2px; cellpadding: 2px; border: 3px double #FFFFFF; background-color: transparent; } hr { width:50px; height:25px; color:#FFFFFF; background-color:transparent; border:0px; } font,td,div,table,xmp,p { font-family:trebuchet ms; font-size:12px; line-height: 12px; color:#000000; } a:link { color: #000000; border-bottom: 0px dotted #ffffff; text-decoration: none; font-size: 10px; font-weight: normal; font-family: trebuchet ms; cursor: crosshair; } a:visited,a:active { color: #000000; border-bottom: 0px dotted #ffffff; text-decoration: none; font-size: 10px; font-weight: normal; font-family: trebuchet ms; cursor: crosshair; } a:hover { color: #FFFFFF; border-bottom: 1px solid #9B0505; text-decoration: none; font-size: 10px; font-weight: normal; font-family: palatino linotype; cursor: crosshair; } a.navigate,a.navigate:active,a.navigate:visited { padding:1px; color:#FFFFFF; font-size:10px; display:block; margin-top:1px; cursor:crosshair; line-height:21px; border:1px solid; text-align:left; font-weight:normal; letter-spacing:0px; font-family:trebuchet ms; border: 1px solid #000000; text-decoration:none; text-transform:none; background-image: url(http://www.freewebs.com/evolution-studios/rlinks.jpg); } a.navigate:hover { padding:1px; color:#FFFFFF; font-size:12px; display:block; margin-top:1px; cursor:crosshair; text-indent:3px; line-height:22px; border:1px solid #000000; text-align:center; font-weight:bold; font-style: italic; letter-spacing:0px; font-family:palatino linotype; text-decoration:none; text-transform:none; background-image: url(http://www.freewebs.com/evolution-studios/rhlinks.jpg); } b, strong { font-size: 10px; font-family: trebuchet ms; color: #9B0505; } u { color:#FFFFFF; font-family:palatino linotype; text-decoration: none; font-size:12px; border-bottom:3px double #4682B4; } i { font-size: 10px; font-family: palatino linotype; color: #FFFFFF; } s { font-size: 10px; font-family: palatino linotype; color: #000000; } .textarea { background-color: transparent; font-family: trebuchet ms; font-size: 10px; border:1px solid #000000; width:25%; height: 15%; padding:5px; } .sidebar { position: absolute; border: 0px solid #000000; left: 220px; top: 263px; width: 250px; height: 407px; overflow: none; } .linkh { font-family: palatino linotype; font-size: 14px; color: #FFFFFF; text-align: center; border: 1px solid #000000; display:block; line-height: 14px; margin-top:1px; width: 249px; height: 25px; background-image: url(http://www.freewebs.com/evolution-studios/linkheader.jpg); } .content { position: absolute; left: 473px; top: 264px; width: 547px; border: 1px solid #000000; overflow: none; background-image: url(http://www.freewebs.com/evolution-studios/rcontentbg.jpg); } .contenth { font-family: palatino linotype; font-size: 12px; color: #000000; font-weight: bold; font-style: italic; text-transform: none; text-align: center; line-height: 12px; letter-spacing: 0px; background-color: transparent; border-bottom: 2px solid #9B0505; cursor: crosshair; } |
|
|
![]() ![]() |