Some help with this code please......

[Moonshinefairy]

I'd like some help with this code:

Code: Select all

<style type=text/css>
A{COLOR:#CCCC99 ;FONT-FAMILY:eurostile;FONT-SIZE:10pt;TEXT-DECORATION:none}
TD,P,body{FONT-FAMILY:eurostile;FONT-SIZE:10pt;}
A:hover{COLOR:# CCCC99</style><style type="text/css">
a:link,a:visited,a:active{
color:# CCCC99;font:8pt}
</style>

<style type="text/css">
a:hover{
text-transform:uppercase}
</style>

<style type="text/css">
td,p{
color:#996600;font:10pt #CCCC99 }
</style>
<STYLE type=text/css>
BODY{
scrollbar-arrow-color: #FFCC00;
scrollbar-track-color: #875f00;
scrollbar-face-color: #FFCC00;
scrollbar-highlight-color: #D2D2A0;
scrollbar-3dlight-color: ; #D8D8A8
scrollbar-darkshadow-color: #BEBE93;
scrollbar-shadow-color: #CCCC99;
}
</STYLE>

<style type="text/css">
TABLE,TD,FONT,P,I,BODY,DIV 
{COLOR: # CCCC99; font-family:"veranda"; font-size:10px;}  
BODY 
A{
COLOR:;FONT-FAMILY:eurostile;
FONT-SIZE:8px;
TEXT-DECORATION:none;
cursor:ne-arrow;
}
A:link
{ text-decoration: none; color: #A100EC}
A:visited
{ text-decoration: none; color: #DE9CFC}
A:hover {COLOR: #DE9CFC; text-decoration: none"> }
</style>
<img src="http://www.geocities.com/bluejeanskittie/backgroundimage.jpg">


<table style="Position:absolute; top:440; left:290;"><ilayer name="scroll1"><br><div id="scroll3" 
style="width:210; height:300;
background-color:; FONT-SIZE: 10px; 
COLOR:#CCCC99 ; overflow:auto">
Welcome to  Dolendae, the Capitol city of Land of Quellefëa.  This is the City Hall. From here on, you can explore the world of Quellefëa. Someareas though have not been explored yet, so for your health, you can’t explore them yet.

<p>Enjoy your stay here and be sure to<a href=" http://www.neopets.com/neomessages.phtml?type=send&recipient=moonshinefairy "> neomail me</a> with any questions you might have.
<p>
*~*Moonshinefairy, Queen of Dolendae and Guild Leader*~*

</style></table>

<table style="Position:absolute; top:265; left:735;"><ilayer name="scroll1"><br><div id="scroll3" 
style="width:120; height:150;
background-color:; FONT-SIZE: 10px; 
COLOR:#CCCC99; overflow:auto">
<a href="http://www.neopets.com">link here</a><br>
<a href="http://www.neopets.com">link here</a><br>
<a href="http://www.neopets.com">link here</a><br>
<a href="http://www.neopets.com">link here</a><br>

</style></table>

<table style="Position:absolute; top:440; left:610;"><ilayer name="scroll1"><br><div id="scroll3" 
style="width:250; height:300;
background-color:; FONT-SIZE: 10px; 
COLOR:#CCCC99 ; overflow:auto">
contests contests contests contests contests contests contests contests contests contests contests contests contests contests contests CONTESTS CONTESTS CONTESTS CONTESTS CONTESTS

</style></table>
</tr>
</table>

My problem is the color of the text before this:

Welcome to Dolendae, the Capitol city of Land of Quellefëa. This is the City Hall. From here on, you can explore the world of Quellefëa. Someareas though have not been explored yet, so for your health, you can’t explore them yet.

Given the color code, the whole text in that piece should be that color(beige like), but only the first alinea does. this doesn't happen when I use

Code: Select all

<br>

insted of

Code: Select all

<p>

, but I want them to be that color. I tried a lot, but I can't get it to work. Any help please?

this is what it looks like now:
http://www.neopets.com/guilds/guild.phtml?oid=moonshinefairy

[shapu]

Actually, it all looks fine to me.

Although there are some tidbits that could use some cleaning up.

In most of your declarations, you failed to put a semicolon at the very end, right before the closing curly bracket. It's not necessary, but would make the code a little cleaner and up to W3C requirements.

Secondly, in your td, p declarations, you can only choose one color. You have two hexadecimal colors in that same declaration. Remove one.

Also, your <p> with the Welcome line is inside a table. I was not aware you could put paragraphs in tables (though I'm not surprised if you can). Either way, you should put a <TD> leading into it.

So

Code: Select all

<table style="Position:absolute; top:440; left:290;"><ilayer name="scroll1"><br><div id="scroll3"
style="width:210; height:300;
background-color:; FONT-SIZE: 10px;
COLOR:#CCCC99 ; overflow:auto">
Welcome to  Dolendae, the Capitol city of Land of Quellefëa.  This is the City Hall. From here on, you can explore the world of Quellefëa. Someareas though have not been explored yet, so for your health, you can’t explore them yet. 

Should become

Code: Select all

<table style="Position:absolute; top:440; left:290;"><ilayer name="scroll1"><br><div id="scroll3"
style="width:210; height:300;
background-color:; FONT-SIZE: 10px;
COLOR:#CCCC99 ; overflow:auto">
<TD>
Welcome to  Dolendae, the Capitol city of Land of Quellefëa.  This is the City Hall. From here on, you can explore the world of Quellefëa. Someareas though have not been explored yet, so for your health, you can’t explore them yet. 
</TD>

See what I done?

EDIT:
Also, I suggest you visit this site:
http://www.w3schools.com

It's the World Wide Web Consortium's basic reference page, with modifiable examples and the like. It's got a lot of info on CSS and CSS2 coding.

[Hunter Lupe]

You can't nest anything inside TABLE tags. You should not be allowed to, anyway, and stricter browsers can do weird things.

TABLE tags are only allowed to contain TR (TABLE ROWS) tags, which can contain TH and TD (TABLE CELLS) tags, which in turn can contain your content. You don't declare the middle in the middle of the table declaration -- consider that the "middle of nowhere". (Sure, I'm generalizing on the elements part, but the rest is a bit out of scope for this)

Code: Select all

<!-- You can place text here -->
<table>
<!-- NO TEXT HERE. -->
<tr>
<!-- NO TEXT HERE EITHER. -->
<td>Table cell (anything goes here, more or less)</td>
<!-- NO TEXT HERE AS WELL. -->
<td><div id="whatever" style="foo: bar">Bla bla bla... </div></td>
</tr>
<!-- STILL NO TEXT HERE. -->
</table>
<!-- You can place text here -->

[Tranx]

Even though I am no go at any code except fairly basic HTML, I'd like to say that the background graphic is GREAT!!!!!

Lots of amazing cool well going whatever,
Please disregard the line below this text and also the tiny line that this text makes.

[Moonshinefairy]

Thanks:) I added the faded areas myself, adn I got the pciture from a wallpaper site. I took me quite some time to code the thing(with help from a tutorial). I am now trying to get aa good logo.