PDA

View Full Version : text wont show up in div

tkdgurl927
10-31-2005, 11:16 PM
when i typed hi and hello inmy div, the text wouldnt show up...can someone please help me fix this? i want to make seperate tables with each of them having something different written in them...thanks

here's my code:

<HTML>
<HEAD>
<TITLE>none</TITLE>


</HEAD>


<body background="rose2.jpg" bgcolor="#000000" text="#000066" link="#FFFFFF" alink="#FFFFFF" vlink="#C0C0C0" style="text-align: center; color:#FFFFFF">

<body scroll="yes" bgcolor="#000000" style="text-align: left; color:#FFFFFF">
<style TYPE="text/css">
<!-- BODY, TD, P {font-family: century gothic; color: #ffffff; scroll: yes; font-size: 8pt}
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000066;
scrollbar-3dlight-color: #000066;
scrollbar-darkshadow-color: #000066;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000066;
scrollbar-track-color: #ffffff;
cursor: help;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:20px;
border-color:000000;
border-style:solid;

}
A:link {
COLOR: #000066; TEXT-DECORATION: none
}
A:visited {
COLOR: #000066; TEXT-DECORATION: none
}
A:active {
COLOR: #000066; TEXT-DECORATION: none
}
A:hover {background-image:url('http://i18.photobucket.com/albums/b138/paradiseispink/backgrounds/thcelestialblue04_aa.gif');
CURSOR: w-resize; COLOR: #ffffff; text-transform: uppercase

} -->
</STYLE>

<div id="layer0" style="position: absolute; z-index: 1; left: 15; top:180">
<TABLE cellpadding="0" cellspacing="0" border="0 border="solid" color="000000" width="150" height="100" style="background-color: FFFFFF;
filter: alpha(opacity=80); font-size: 8pt; font-family: sydnie;">
<tr><td>
</td>
<td>
</td>
<tr>
</tr><td>
</td>
<td width="150" height="200" align="center" valign="center">

<!-- Place Your Text And Images Below This Line -->

hi

</DIV>





<div id="Layer1" style="position: absolute; width: 407; z-index: 1; left:120; top:0; height:300">

<TABLE cellpadding="0" cellspacing="0" border="0 border="solid" color="ffffff" width="318" height="323" style="background-color: FFFFFF;
filter: alpha(opacity=80);"><tr><td height="319" width="312">

<!-- Main TEXT -->

hello



</td></tr></TABLE></div>



<div id="Layer2" style="position: absolute; width: 192; z-index: 2; left: 517; top: 320; height:310">

<table width="180" align="right" height="331"><tr><td height="327">



</td></tr></table></DIV>

<!-- End Text And Images Above This Line -->

<td bgcolor="" width="35" height="35">
</td>
</tr>
<tr>
<td>
</td>
</tr></table>
</div>
</body>
</html>
J-man91
11-01-2005, 01:50 AM
It's your font color. Change it to black or something darker and it should show.
pb&j
11-01-2005, 05:30 AM
you seem to have a lot of crazy table tags that dont seem to be doing much. perhaps try this and work from there...


<HTML>
<HEAD>
<TITLE>none</TITLE>
<style TYPE="text/css">
BODY, TD, P {font-family: century gothic; color: #ffffff; scroll: yes; font-size: 8pt}
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000066;
scrollbar-3dlight-color: #000066;
scrollbar-darkshadow-color: #000066;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000066;
scrollbar-track-color: #ffffff;
cursor: help;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:20px;
border-color:#000000;
border-style:solid;
}

A:link {
COLOR: #000066; TEXT-DECORATION: none;
}
A:visited {
COLOR: #000066; TEXT-DECORATION: none;
}
A:active {
COLOR: #000066; TEXT-DECORATION: none;
}
A:hover {background-image:url('http://i18.photobucket.com/albums/b138/paradiseispink/backgrounds/thcelestialblue04_aa.gif'); CURSOR: w-resize; COLOR: #ffffff; text-transform: uppercase;
}
</STYLE>

</HEAD>

<body background="rose2.jpg" bgcolor="#000000" style="color:#FFFFFF">

<div id="layer0" style="position: absolute; z-index: 1; left: 15px; top:180px; width:150px; height:100px;">
<!-- Place Your Text And Images Below This Line -->
hi
</DIV>

<div id="Layer1" style="position: absolute; width: 318px; z-index: 1; left:120px; top:0px; height:323px; background-color: #000000; filter: alpha(opacity=80);">
<!-- Main TEXT -->
hello
</div>



<div id="Layer2" style="position: absolute; width: 180px; z-index: 2; left: 517px; top: 320px; height:327px;">

</DIV>


</body>
</html>