Got a little techonology problem that you need fixed pronto? Post it here and we'll see what we can do.
Topic locked

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

Tue Sep 07, 2004 5:30 pm

I'd like some help with this code:
Code:
<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:
<br>
insted of
Code:
<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

Tue Sep 07, 2004 7:33 pm

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:
<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:
<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.

Tue Sep 07, 2004 8:07 pm

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:
<!-- 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 -->

Sat Sep 11, 2004 9:41 pm

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.

Sun Sep 12, 2004 9:26 am

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.
Topic locked