View Full Version : CSS Trouble


polynesia
01-09-2003, 02:35 AM
I can't seem to keep all of my codes together while I use CSS. What I mean is, parts of it are deemed invalid and cut off. How can I stop this?

lefty
01-09-2003, 02:41 AM
that's odd. mind posting your css?

polynesia
01-10-2003, 02:18 AM
<HTML>
<HEAD>

<style type="text/css">

A:link
{ text-decoration: underline; color:#89b900 }
A:visited
{ text-decoration: underline; color:#2e7c00 }
A:active
{ text-decoration: underline; color:#2e7c00 }
A:hover
{ text-decoration: underline; color:#2e7c00;

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

cursor:default }

body
{ background-color: ffed61;
background-image: images.neopets.com/template_images/eyriestatue1.gif ; background-repeat: repeat-y;
background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: fixed

font-family: bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial;
color: #2e7c00 ;
letter-spacing: 1;
font-weight:bold;
font-size:medium;



scrollbar-face-color : #e2b500;
scrollbar-highlight-color : #ac6c00;
scrollbar-3dlight-color : #ac6c00;
scrollbar-shadow-color : #ac6c00;
scrollbar-darkshadow-color : #ac6c00;
scrollbar-track-color : #e2b500;
scrollbar-arrow-color : #723600 }

td
{ font-family: bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial;
color: #7b5700;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: 2cm;
padding: value value [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
background: #efd700 url(yourimage.gif);
font-family: bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial;
color: #2e7c00;
border-style: solid;
border-color: #000000;
border-width: 0;


-->
</style>



</HEAD>

<BODY>
---Everything that appears on your page will be entered here, text, images etc.---
</BODY>


</HTML>


The uppermost HTML tag turns into an invalid tag one.

lefty
01-10-2003, 04:09 AM
you have to take out all the cases of "value" and replace it with your information. Also the stuff in the brackets shouldn't be there. :)

oh, and your background image code needs to look like this:
background-image:url(images.neopets.com/template_images/eyriestatue1.gif);

polynesia
01-12-2003, 04:35 PM
Like this?

<HTML>
<HEAD>

<style type="text/css">

A:link
{ text-decoration: underline; color:#89b900 }
A:visited
{ text-decoration: underline; color:#2e7c00 }
A:active
{ text-decoration: underline; color:#2e7c00 }
A:hover
{ text-decoration: underline; color:#2e7c00;


background-color:#efd700;

cursor:default }

body
{ background-color: ffed61;
background-image:url(images.neopets.com/template_images/eyriestatue1.gif); background-repeat: repeat-y;


background-attachment: fixed

font-family: bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial;
color: #2e7c00 ;
letter-spacing: 1;
font-weight:bold;
font-size:medium;



scrollbar-face-color : #e2b500;
scrollbar-highlight-color : #ac6c00;
scrollbar-3dlight-color : #ac6c00;
scrollbar-shadow-color : #ac6c00;
scrollbar-darkshadow-color : #ac6c00;
scrollbar-track-color : #e2b500;
scrollbar-arrow-color : #723600 }

td
{ font-family: bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial;
color: #7b5700;
padding-left: 0cm;
padding-right: 0cm;
padding-top: 0cm;
padding-bottom: 0cm;
padding: 0cm;
}

input, textarea
background: #efd700 ;
font-family: bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial;
color: #2e7c00;
border-style: solid;
border-color: #000000;
border-width: 0;


-->
</style>



</HEAD>

<BODY>
---Everything that appears on your page will be entered here, text, images etc.---
</BODY>


</HTML>

iwasneocoolbabe
01-12-2003, 04:39 PM
That would look like..

I have no idea why but that page was forwarding to a very very very unsuitable site, please dont post links that are gonna do that again o_0

is that what you want?

polynesia
01-12-2003, 04:44 PM
No, actually. Why isn't the text what I made it to be? ((That's my big problem with it now))

iwasneocoolbabe
01-12-2003, 04:58 PM
what do you mean? you want a text box? like an IFrame??

polynesia
01-12-2003, 05:11 PM
No, I mean, why is my font wrong?

starlet
01-12-2003, 05:59 PM
Your font is comic sans for me, because i dont have any of the others installed on my computer...you cant use 'special' fonts really, you should use standard ones....so out of your list of...bradley hand itc,dragonwick,french script mt, comic sans,arial rounded,arial... comic sans is the first i have so thats what i see, other than that its the right colour and size that you specified....does that help at all?

polynesia
01-12-2003, 06:03 PM
I have those fonts on my computer, and they're not showing up. What's really strange is that there's some wording at the bottom of the screen that the host puts there (automatically) and that's in the proper font.

starlet
01-12-2003, 06:11 PM
weird, is the page uploaded? If so could you give us a link to it, its sometimes easier to work out whats going on with the page infront of ya :)

polynesia
01-12-2003, 06:14 PM
http://home.neopets.com/templates/homepage.phtml?pet_name=Branwyn_

starlet
01-12-2003, 06:27 PM
ah ok, its neopets!
I have no experience with them but i know 'normal' css doesnt work there, you need to use different codes and overrides and stuff.
Try this site, i think it explains it all
http://home.neopets.com/templates/homepage.phtml?pet_name=csshelp

epolady
01-12-2003, 08:30 PM
Go here (http://www.neopets.com/~epobaby), view source and copy where it says <! -- Copy Here -- >

polynesia
01-12-2003, 11:06 PM
Oh, thanks so much! I've finally got it working!