PDA

View Full Version : Ahh! In desperate need of help!!!

twistabomb
07-14-2003, 10:19 AM
Ahhh! I need help! Okay, my tables won't work properly. I'm trying to figure out if that has to do with my css coding, which I don't really think it does, or the html. In any case, I've done just about everything I can think of and it still doesn't seem to help! ::cries:: Any information or suggestions would be GREATLY appreciated. Here's my css coding:

/*BACKGROUND*/

A:link
{ text-decoration:none; color:#9BD400; font-weight:bold; }
A:visited
{ text-decoration: none; color:#9BD400; font-weight:bold;}

A:hover
{ text-decoration: none; cursor:se-resize; color:#808080; font-size:10pt;
letter-spacing:2px;}

body
{background-color: #FFFFFF;
font-family: arial;
color: #000000 ;
font-weight: lighter;
font-size: 8 pt;
line-spacing: 15px;
margin-left: 2px;

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


td
{font-family: arial;
color: black ;
font-weight: normal;
font-size: 8 pt;}







table table {border: 1px #000000 solid; }
table table table {border: 1px #000000 dotted; }




p, div
{font-family: arial;
color: black ;
font-weight: normal;
font-size: 8 pt;
align: left;}






input, textarea {color:BLACK; font-size:8PT;
letter-spacing:1PT; font-family:arial; background:clear; border:1PT inset BLACK;}



H1

{ FONT-FAMILY: ARIAL;

COLOR: #647070;

letter-spacing: 3pt;

line-spacing: 5pt;

font-size: 9pt}





And then this is the code for my site:



<html>
<head>



<link rel="stylesheet" href="/blog/unrestricted/digital.css" type="text/css">







</head>


<body topmargin="0" marginheight="2" marginwidth="2">
<div align="center">

<table border="0" cellspacing="0" cellpadding="0" valign="top" width="600">

<tr>
<td width="100%">
<IMG NAME="top20" SRC="/blog/unrestricted/blue/top2.jpg" WIDTH="600" HEIGHT="100" BORDER="0" USEMAP="#top2">

<MAP NAME="top2">
<AREA SHAPE="rect" COORDS="50,62,82,70" HREF="/blog/unrestricted/gurl/indexx.html" ALT="THE GURL">
<AREA SHAPE="rect" COORDS="91,62,116,70" HREF="/blog/unrestricted/visitor/indexx.html" ALT="VISITOR">
<AREA SHAPE="rect" COORDS="124,62,154,70" HREF="/blog/unrestricted/lyricist/indexx.html" ALT="LYRICIST">
<AREA SHAPE="rect" COORDS="162,62,189,71" HREF="/blog/unrestricted/fiction/indexx.html" ALT="FICTION">
<AREA SHAPE="rect" COORDS="196,62,226,70" HREF="/blog/unrestricted/webpage/indexx.html" ALT="WEBPAGE">
<AREA SHAPE="rect" COORDS="234,62,267,71" HREF="/blog/unrestricted/internet/indexx.html" ALT="INTERNET">
</MAP>
</img>

</td>
</tr>

<tr>
<td width="100%">
<table border="1" bordercolor="red" cellspacing="0" cellpadding="0" width="100%">

<!--THIS IS THE LEFT IMAGE-->
<td width="50%">
<img src="/blog/unrestricted/blue/v1.jpg" border="0" width="300" height="400"></img>
</td>
<!--LEFT IMAGE CODES END-->



<!--THIS IS THE IFRAME-->
<td width="50%">
<iframe src="/blog/unrestricted/welcome.html" width="200" height="400" frameborder="0" scrolling="yes" border="0" name="menu"></iframe>
</td>
<!--IFRAME CODE ENDS-->
</tr>

<tr>
<td width="100%">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="100%" bgcolor="#B6CDE2" height="15">
</td>
</tr>
</table>
</td>
</tr>




<tr>
<td width="500" height="400" bgoclor="#FFFFFF" valign="top" align="left">

<p class="margin" style="letter-spacing: 2px"><img src="/blog/unrestricted/blue/bullet.gif"></img>&nbsp;<B>U P D A T E S </b></p>

<p align="right" class="margin">[<font color="#B6CDE2"><b>12 Jul 2003</b></font>]</p>

<p class="margin">
Wow! I guess I <i>finally</i> got the site up and running with a new layout. I should explain; the original one I had I ended up not using cause I liked this one better, YAY! But if you wanna see what the site <i>was</i> gonna look like, you can view it <a href="/blog/unrestricted/green_main.html" target="new">here</a>. Anyway, I've got some story updates and a couple new sections. Go on, jump for joy! And while you're at it, take a look:
<br>
</p>
<ul>
<li><a href="/blog/unrestricted/fiction/wip.html">WIP</a>
<li>NEW SERIAL:<a href="/blog/unrestricted/fiction/serial/CU/index.html">Caught Up</a>
<li>Check out the <a href="/blog/unrestricted/visitor/index.html">VISITOR</a> & <a href="/blog/unrestricted/gurl/index.html">ME</a> sections
</p>
</td>



<td width="100" height="400" valign="top" bgcolor="#C9E9FF">

<p class="margin" style="letter-spacing: 2px"><img src="/blog/unrestricted/blue/bullet.gif"></img>&nbsp;<B>TAG ME </b></p>
<br><br>
<div align="right">
<p class="margin">
<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js"></SCRIPT>



<iframe src="http://www.tag-board.com/my.tag?name=un-restriked" name="tag" width="140" height="200"
marginwidth="1" marginheight="0" scrolling="auto" style="border: 1px #000000 inset;" frameborder="0"></iframe>
<script>netscape_support();</script>
<br>
<a href="http://www.tag-board.com/" target="_new">tagboard</a>
<br><br>
<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="un-restriked">

<input name="tagname" maxlength="20" value="Name?" size="20"><br>
<br>
<input name="tagurl" maxlength="100" value="Email? Url?" size="20"><br>

<br> </font>
<input name="message" size="20" value="Message" size="20"><br>
<input class=button type="submit" value="TAG" onclick="return Clear_Last_Message_on_Submit();">
</form>
<script>rememberme()</SCRIPT> <br>
(<a href="http://www.tag-board.com/smilies/smilies.htm" onClick="return pop_up_smilies();" target="_blank">smilies</a>)</font>

</td>
</tr>









<tr>
<td width="600">
<table border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td width="600" bgcolor="#B6CDE2" height="15">
</td>
</tr>
</table>
</td>
</tr>

<tr>

<td width="600" height="150"
bgcolor="#FFFFFF" valign="top">
<p class="margin">
<img src="/blog/unrestricted/blue/bullet.gif"></img>
<b>SIBLINGS</b>

<br><br>
This is for my people, strictly for my people.. If you ain't kno, thas a song. I forget who sings it so don't ask, but below are a few people that I had to plug =D.
<br><br>
<a href=" no advertising" target="new"><img src="/blog/unrestricted/msgban.gif" border="0" ALT="MS. G'S SITE..CLICK OR DIE, lol"></img>
</td>
</tr>

<tr>
<td width="600">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" bgcolor="#B6CDE2" height="15">
</td>
</tr>
</table>
</td>
</tr>






<tr>
<td width="600" height="250" bgcolor="#FFFFFF">
<iframe src="/blog/unrestricted/xtra.html" width="600" height="300" frameborder="0" border="0" scrolling="yes"></iframe>
</td>



<tr>
<td width="600">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" bgcolor="#B6CDE2" height="15">
</td>
</tr>
</table>
</td>
</tr>



<tr>
<td width="400" height="300" colspan="1" bgcolor="#FFFFFF" valign="top">

<p class="margin" style="letter-spacing: 2px"><img src="/blog/unrestricted/blue/bullet.gif"></img>&nbsp;<B>LINK UNrestricted.tk</b></p>



<p class="margin">
Wanna link me? Yayyy! I feel so special, lol. You can
use a text link or one of the images. If you use an image please remember to upload to <b>your own server</b>! My host does not allow offsite linking, sorry.

<img src="/blog/unrestricted/banners/100x35-01.gif">&nbsp;&nbsp;
<img src="/blog/unrestricted/banners/100x35-02.gif"><br><br>
<img src="/blog/unrestricted/banners/100x35-03.gif"><&nbsp;&nbsp;
<img src="/blog/unrestricted/banners/100x35-04.gif"><br><br>
<img src="/blog/unrestricted/banners/100x35-05.gif">&nbsp;&nbsp;
<img src="/blog/unrestricted/banners/100x35-07.gif">
<br><br>


<p class="margin" style="letter-spacing: 2px"><img src="/blog/unrestricted/blue/bullet.gif"></img>&nbsp;<B> WANNABE LINKED? </b></p>

<br><br>
<p class="margin">

<!-- FORM THINGY -->

<FORM action="http://www.response-o-matic.com/cgi-bin/rom.pl" method="POST">


<INPUT TYPE="hidden" NAME="your_email_address"
VALUE="twistabomb@comcast.net">
<INPUT TYPE="hidden" NAME="your_name"
VALUE="Des">
<INPUT TYPE="hidden" NAME="email_subject_line"
VALUE="Link Me">
<INPUT TYPE="hidden" NAME="required_fields" VALUE="your_email_address">
<INPUT TYPE="hidden" NAME="required_fields" VALUE="web_address">
<INPUT TYPE="hidden" NAME="thank_you_title"
VALUE="Thanks! I'll add you to my link section!">
<INPUT TYPE="hidden" NAME="return_link_url"
VALUE="http://www.angelfire.com/blog/unrestricted/linkme-1.html">
<INPUT TYPE="hidden" NAME="return_link_name"
VALUE="back">
<INPUT TYPE="hidden" NAME="background_color"
VALUE="#FFFFFF">

<center>

<INPUT TYPE="text" NAME="visitor_name" VALUE="Name?" SIZE=15>
<p>
<INPUT TYPE="text" NAME="visitor_email_address" VALUE="Email?"
SIZE=15>
<p>
<INPUT TYPE="text" NAME="web_address" VALUE="http://"
SIZE=15>
<p>
<INPUT TYPE="submit" NAME="Submit"
VALUE="work it">&nbsp;

<!-- END OF FORM -->
</td>

<td width="200">
test
</td>

</body>
</html>
MaGiCSuN
07-14-2003, 01:59 PM
table table {border: 1px #000000 solid; }
table table table {border: 1px #000000 dotted; }

should be:

table {border: 1px #000000 solid; }

Love,
Mirna
twistabomb
07-14-2003, 02:04 PM
Thanks Mirna for your help, but that's not what's going to solve it. You see, my page consists of three tables. The first table will not have a border around it because the top image has a corner missing. And that is not the problem I was looking for, it's the table cells. I can not control the widths of them! See? click (http://www.angelfire.com/blog/unrestricted/indexx.html)
MaGiCSuN
07-14-2003, 02:11 PM
having table table table willl not go to the third table. You will need to make classes for each table:

.table { coding for table 1}
.table2 {coding for table 2}
.table3 {coding for table 3}

put that into your css and ten put this in your table:

class="table"
class="table2"
class="table3"

put second for table 2 and third for table 3 inside the <table> tag

Love,
Mirna
twistabomb
07-14-2003, 02:22 PM
Okay I did that and all that did was make everything more organized... the problem with the table cells still occurs. In the second table, first row, I have two columns. One holds an image, and the other an iframe and the width of the whole table is 600. No matter what width I set for them, the cells stretch beyond 600 pixels. Also, in rows below it, they all stretch out to meet the first column. I've checked my numbers a few times seeing if everything adds up to 600 and it does. Then, I tried switching to percentages and seeing if everything added up to 100%, and it did. Regardless, the problem with the cells still occurs.
MaGiCSuN
07-14-2003, 07:20 PM
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" bgcolor="#B6CDE2" height="15">
</td>
</tr>
</table>

this part? if so, you have to add atleast something, otherwise that table will not show up in your layout. if you don't want to see anything in it, then set font color the same as background and add some text to it :)

Love,
Mirna
twistabomb
07-14-2003, 09:29 PM
It shows up... that's not the problem I'm having. I want to change the widths in my table cells on different rows. It WILL NOT allow me to have the top row with two columns both set to 300 pixels at the width, and the following row with two columns set at a width of 450 for one, and 150 for the other. It lines them up exactly with the two columns above it. Is there anyway I can change that from occuring?