teenchaozie
12-12-2004, 04:23 PM
My image isn't working, why?
<style type="text/css">
A:link
{ text-decoration: none; color:#0099FF; }
A:visited
{ text-decoration: none; color:#996600; }
A:active
{ text-decoration: none; color:#996600; }
A:hover
{ text-decoration: none; color:#996600;
background-image:game_076.jpg;
background-color: #FFFFFF;
{ background: #FFFFFF;
background-image: game_076.jpg);
background-repeat: no-repeat;
background-position:center center;
background-attachment: fixed;
font-family: Monotype Corsiva;
color: #996633 ;
letter-spacing: 3pt;
font-weight: normal;
font-size: 12pt;
{ font-family: Monotype Corsiva;
color: #996633 ;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm;}
margin: 0 0 0 1px
{ background: #FFFFFF url(game_076.jpg);
font-family: Monotype Corsiva;
color: #996633;
border-style: solid;
border-color: #FFCCCC;
border-width: 5;}
</style>
Chris
12-12-2004, 04:51 PM
<style type="text/css">
A:link
{ text-decoration: none; color:#0099FF; }
A:visited
{ text-decoration: none; color:#996600; }
A:active
{ text-decoration: none; color:#996600; }
A:hover
{ text-decoration: none; color:#996600;
background-image:game_076.jpg;
should be background-image: url(game_076.jpg);
background-color: #FFFFFF;
{ background: #FFFFFF;
background-image: game_076.jpg);
you don't need this twice
background-repeat: no-repeat;
background-position:center center;
background-attachment: fixed;
font-family: Monotype Corsiva;
color: #996633 ;
letter-spacing: 3pt;
font-weight: normal;
font-size: 12pt;
{ font-family: Monotype Corsiva;
color: #996633 ;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm;}
margin: 0 0 0 1px
{ background: #FFFFFF url(game_076.jpg);
you don't need this three times
font-family: Monotype Corsiva;
color: #996633;
border-style: solid;
border-color: #FFCCCC;
border-width: 5;}
</style>
Hope that helps
Thanks,
Chris
Monkey Bizzle
12-12-2004, 06:14 PM
Your style sheet is messed up... I am really not sure what you are trying to do...
<style type="text/css">
Okay, I get that the below is for your links...
A:link
{ text-decoration: none; color:#0099FF; }
A:visited
{ text-decoration: none; color:#996600; }
A:active
{ text-decoration: none; color:#996600; }
A:hover
{ text-decoration: none; color:#996600;
background-image:game_076.jpg;
background-color: #FFFFFF;
you are missing a closing } above and if the below is for a new section, you don't have what it is? is it body or p or for a div or what? you can't just stick random stuff into a style sheet... you have to state what it is for!
{ background: #FFFFFF;
background-image: game_076.jpg);
background-repeat: no-repeat;
background-position:center center;
background-attachment: fixed;
font-family: Monotype Corsiva;
color: #996633 ;
letter-spacing: 3pt;
font-weight: normal;
font-size: 12pt;
whatever this is for, you are missing an ending } above
{ font-family: Monotype Corsiva;
color: #996633 ;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm;}
another section that doesn't belong to anything and below you just have a random margin code that isn't even in a section
margin: 0 0 0 1px
{ background: #FFFFFF url(game_076.jpg);
font-family: Monotype Corsiva;
color: #996633;
border-style: solid;
border-color: #FFCCCC;
border-width: 5;}
and another sectoin that doesn't belong to anything...
</style>
You seriously need to look at Lissa's CSS page.
Harriet Potter
12-14-2004, 06:34 AM
Ok, well my image won't appear either and now my font isn't on Verdana anymore. Will someone help, please?
A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: none; color:#000000; }
A:active
{ text-decoration: none; color:#000000; }
A:hover
{ text-decoration: none; color:#000000; }
background-image: image1.jpg;
background-color: #66CCFF;}
h1 {font-family: verdana;
color: #000000; }
p {font-family: verdana;
color: #000000; }
body
{ background: #66CCFF;
background-image: image1.jpg;
background-repeat: no-repeat;
background-position: 50% 0%;
background-attachment: scroll;}
font-family: verdana;
color: #000000 ;
letter-spacing: 1pt;
font-weight: normal;
font-size: xx-small;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;}
td
{ font-family: verdana;
color: #000000;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm
padding: 2cm 2cm;}
input, textarea
{ background: #66CCFF url(yourimage.gif);
font-family: verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 5px; }
Monkey Bizzle
12-14-2004, 06:55 AM
A:hover
{ text-decoration: none; color:#000000; }
background-image: image1.jpg;
background-color: #66CCFF;}
you need to delete those 2 lines. This particular background-image and color are for your links when you hover over them.
h1 {font-family: verdana;
color: #000000; }
p {font-family: verdana;
color: #000000; }
body
{ background: #66CCFF;
background-image: image1.jpg;
the red part should be url(image1.jpg)
background-repeat: no-repeat;
background-position: 50% 0%;
background-attachment: scroll;}
that's the reason why your font isn't working... you have added a random } in your CSS! Delete that and then it should work.
font-family: verdana;
color: #000000 ;
letter-spacing: 1pt;
font-weight: normal;
font-size: xx-small;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;}
td
{ font-family: verdana;
color: #000000;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm 2cm;}
choose one of these 3 groups. The purple is telling each side individually what the padding should be, the blue is telling all 4 sides to be the same, and the green is telling the top/bottom to be one thing, and the left/right to be something else... you don't need to use all three forms of padding. since you want the padding to be 2em on all sides, then i suggest going with the blue group.
input, textarea
{ background: #66CCFF url(yourimage.gif);
delete the red part.
font-family: verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 5px; }
Monkey Bizzle
12-15-2004, 07:53 AM
i take it it works now. you're welcome!