Complete CSS Problems! :P [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Complete CSS Problems! :P

creme_noire

07-18-2004, 09:53 PM

Hi! I am new to CSS, and for some reason i cant get it to work! :P this is what it looks like

<html>
<head>

<title>CCS FIRST TRY</title>

<style type="text/css">

A:link
{ text-decoration: value; none color:#FFCCCC; }
A:visited
{ text-decoration: value; line-through color:#FFCCCC; }
A:hover
{ text-decoration: value; overline color:#FFCCCC;
A:active
{ text-decoration: value; underline color:#FFCCCC; }

background-image: url(yourimage.gif);
background-color: #FFFFFF;

cursor: value; crosshair
cursor: url('yourdomain.com/cursor.ani');}

h1 {font-family: value; arial
color: value; #FFCCCC }

p {font-family: value; arial
color: value; #FFCCCC }

body
{ background: #FF9999;
background-image: url(value); [url of background image to be used, i.e. background.gif]
background-repeat: value; no-repeat
background-position: valueI valueII; center valueII: center
background-attachment: value; fixed

font-family: value; arial
color: #FFCCCC ;
letter-spacing: value; 1pt
font-weight: value; normal
font-size: value; xx-small 1pt

direction:rtl;

scrollbar-face-color : #FFCCCC;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFCCCC;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFCCCC;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFCCCC;

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: value; arial
color: #FFCCCC;
padding-left: value; 2cm
padding-right: value; 4cm
padding-top: value; 6cm
padding-bottom: value; 8cm
padding: value; 10cm
padding: value value; 12cm }

input, textarea
{ background: #FFCC66 url(yourimage.gif);
font-family: value; arial
color: #FFCCCC;
border-style: value; dotted
border-color: #FFCC66;
border-width: valuepx; 6 }

</style>

</head>

<body>

hi!

</body>
</html>

1st of all, i cant get the back ground image to show up, secondly, my text is still black, and times new roman! what have i done wrong?

Merike

07-18-2004, 10:12 PM

change few things

font-family: arial;

background-image: url(yourimage.gif);
there needs to be relative or absolute url of image like that: background-image: url(http://www...../image.gif);

you need to take out value; from everywhere and remember that css looks like property:value;
value can be font, size color etc

salomeyasobko

07-18-2004, 10:14 PM

also, you forgot the red part:

A:link
{ text-decoration: value; none color:#FFCCCC; }
A:visited
{ text-decoration: value; line-through color:#FFCCCC; }
A:hover
{ text-decoration: value; overline color:#FFCCCC; }
A:active
{ text-decoration: value; underline color:#FFCCCC; }

kittycat

07-18-2004, 11:35 PM

There's quite a few problems that weren't mentioned, here's a better version of your CSS:
<style type="text/css">

A:link
{ text-decoration: none; color:#FFCCCC; }
A:visited
{ text-decoration: line-through; color:#FFCCCC; }
A:hover
{ text-decoration: overline; color:#FFCCCC; }
A:active
{ text-decoration: underline; color:#FFCCCC; }

h1 {font-family: arial;
color: #FFCCCC; }

p {font-family: arial;
color: #FFCCCC; }

body
{ background: #FF9999;
background-image: url(value);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
font-family: arial;
color: #FFCCCC;
letter-spacing: 1pt;
font-weight: normal;
font-size: xx-small;

direction:rtl;

scrollbar-face-color : #FFCCCC;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFCCCC;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFCCCC;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFCCCC;

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: arial;
color: #FFCCCC;
padding-left: 2cm;
padding-right: 4cm;
padding-top: 6cm;
padding-bottom: 8cm;
padding: 10cm;
padding: 12cm; }

input, textarea
{ background: #FFCC66 url(yourimage.gif);
font-family: arial;
color: #FFCCCC;
border-style: dotted;
border-color: #FFCC66;
border-width: 6px; }

</style>

Just replace the background image urls with the correct ones.

creme_noire

07-19-2004, 06:07 AM

Thanks Everyone! :) you Helped alot! but i still have another question!

My Page now, is like really wide and long! :P

the linke---->http://www.geocities.com/peascharm/css2.html

if you guys have any suggestions for me, please email me! thanks!

creme_noire

07-19-2004, 07:56 PM

Does Anyone know whats wrong with my css? my page is really long... http://www.geocities.com/peascharm/css2.html

and i don't know how to fix it..

Monkey Bizzle

07-19-2004, 08:07 PM

prolly cause all you have is CSS code... add the things in bold and see what happens...

<html>
<head>

<title>
whatever
</title>

<style type="text/css">
Here is all your CSS
</style>

</head>

<body>
all of your content...
</body>

</html>

creme_noire

07-22-2004, 01:35 AM

My page is still long in both directions, and i can't post back ground images, or regular images! why doesn't it work? can any body help? this is my coding...

<html>
<head>

<title>
Chy B<---
</title>

<style type="text/css">

A:link
{ text-decoration: none; color:#FFCCCC; }
A:visited
{ text-decoration: line-through; color:#FFCCCC; }
A:hover
{ text-decoration: overline; color:#FFCCCC; }
A:active
{ text-decoration: underline; color:#FFCCCC; }

h1 {font-family: arial;
color: #FFCCCC; }

p {font-family: arial;
color: #FFCCCC; }

body
{ background: #FF9999;
background-image: url http://geocities.com/peascharm/morbidfreakshow.png;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
font-family: arial;
color: #FFCCCC;
letter-spacing: 1pt;
font-weight: normal;
font-size: xx-small;

scrollbar-face-color : #FFCCCC;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFCCCC;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFCCCC;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFCCCC;

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: arial;
color: #FFCCCC;
padding-left: 2cm;
padding-right: 4cm;
padding-top: 6cm;
padding-bottom: 8cm;
padding: 10cm;
padding: 12cm; }

input, textarea
{ background: #FFCC66;
font-family: arial;
color: #FFCCCC;
border-style: dotted;
border-color: #FFCC66;
border-width: 1px; }

</style>

<body>

<img src="ChysDepressed.png" width="yourwidth" height="yourheight" alt="Where All the Images are Bad!! =D">

</body>

</html>

Monkey Bizzle

07-22-2004, 02:32 AM

replace:
background-image: url http://geocities.com/peascharm/morbidfreakshow.png;
with
background-image: url(http://geocities.com/peascharm/morbidfreakshow.png);

but i dunno why your page is so big...

salomeyasobko

07-22-2004, 02:34 AM

you messed up the coding abit.. replace that part of your CSS with this:

body { background: #FF9999;
background-image: url (http://geocities.com/peascharm/morbidfreakshow.png);
background-repeat: no-repeat;

and then replace your image code with this:

<img src="ChysDepressed.png" alt="Where All the Images are Bad!! =D" />

EDIT: meh you beat me for the first part :P

kittycat

07-22-2004, 03:36 AM

You need a </head> tag before your body tag and after the end style tag.
And just so you know, the numbers you have in the td section of your CSS will create quite large margin/padding areas....