Log In · Register

 
Stylesheets in all browsers
giraffasaurous
post Jul 2 2007, 06:16 PM
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. :)
 
 
Start new topic
Replies
*tripvertigo*
post Jul 6 2007, 12:25 AM
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;
    }
 

Posts in this topic
giraffasaurous   Stylesheets in all browsers   Jul 2 2007, 06:16 PM
tripvertigo   what are you trying to do?   Jul 2 2007, 08:15 PM
phoenixdown   all browsers? that really isn't neccessary. ie...   Jul 3 2007, 03:29 PM
synkro   you probably have some errors in your coding. can ...   Jul 4 2007, 12:24 AM
giraffasaurous   The codes I'm using is here: http://www.freewe...   Jul 5 2007, 04:30 PM
The Markster   QUOTE(giraffasaurous @ Jul 5 2007, 02:30 ...   Jul 14 2007, 05:30 PM
tripvertigo   right off the bat, css files do not use <title...   Jul 6 2007, 12:25 AM
1angel3   Another thing to make sure your layout works in al...   Jul 9 2007, 05:28 PM
tripvertigo   QUOTE(1angel3 @ Jul 9 2007, 03:28 PM) Ano...   Jul 11 2007, 08:38 PM
1angel3   ^ well it's a start. If you understand your co...   Jul 13 2007, 01:50 PM
tripvertigo   99% of the time, my shit passes validation and i s...   Jul 14 2007, 12:25 AM
threepointone   the \par coding is actually the coding for th...   Jul 19 2007, 11:25 PM
Chicago   the coding above is much neater, and looks like it...   Jul 21 2007, 11:02 PM


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