Jump to content

Build Theme!
  •  
  • Infected?

WE'RE SURE THAT YOU'LL LOVE US!

Hey there! :wub: Looks like you're enjoying the discussion, but you're not signed up for an account. When you create an account, we remember exactly what you've read, so you always come right back where you left off. You also get notifications, here and via email, whenever new posts are made. You can like posts to share the love. :D Join 93084 other members! Anybody can ask, anybody can answer. Consistently helpful members may be invited to become staff. Here's how it works. Virus cleanup? Start here -> Malware Removal Forum.

Try What the Tech -- It's free!


Photo

Need Some Help


  • Please log in to reply
7 replies to this topic

#1 Zero

Zero

    Not really Less Than One ;-)

  • Authentic Member
  • PipPipPip
  • 268 posts
  • Interests:Long walks on the beach.

Posted 22 May 2003 - 08:30 PM

Well im making a webpage and I need some help. I have a table and want JUST the table to be a colour. If I put <bg color="#FFFFFF"> that makes the whole page that color. Would I have to put it as some sort of frame? Heh here is what Ive got so far. <html> <head> <meta http-equiv="Content-Language" content="en-us"> <title>New Page 2</title> </head> <body bgcolor="#FFFFFF"> <div align="left"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="127" height="374" id="AutoNumber1"> <tr> <td width="127" height="23"> <p align="center"> <a href="home.htm">Home</a></td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="staff.htm">Staff</a></td> </tr> <tr> <td width="127" height="23"> <p align="center">&nbsp; <a href="frankenmonster.htm">Frankenmonster</a></td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="fatman">Fatman</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="duck.htm">Crazy Duck</a></td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="about.htm">About</a></td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; <a href="links.htm">Links</a></td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a href="contact.htm">Contact</a></td> </tr> <tr> <td width="127" height="23">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <a href="other.htm">Other</a></td> </tr> <tr> <td width="127" height="23"><center><img src="Untitled-2.gif"></center></td> <tr> <td width="127" height="105"><center><p><font face="Arial Narrow" size="2">This site was deigned and created by Zero. All pictures are copyright their original owners. You may <b>not</b> take credit for anything here.</font></p></center></td> </tr> </tr> </table> </div> </body> </html>
Posted Image

    Advertisements

Register to Remove


#2 Zero

Zero

    Not really Less Than One ;-)

  • Authentic Member
  • PipPipPip
  • 268 posts
  • Interests:Long walks on the beach.

Posted 22 May 2003 - 08:51 PM

Thanks to everyone that helped. I got it. Now im going to try and explain this next problem as clear as possable. I have my "Table" and I want another table beside it. Like this. _______ ______________ |............| |..........................| |............| |..........................| |............| |..........................| |............| |..........................| |............| |..........................| |............| |..........................| |............| |..........................| See? Beside eachother. But when i try it wont let me. I only get that smaller table followed by the big one underneathe. Help?

Edited by Zero, 22 May 2003 - 08:56 PM.

Posted Image

#3 Guest_Mosaic1_*

Guest_Mosaic1_*
  • Guests

Posted 23 May 2003 - 09:22 AM

Yes. I do know exactly what you mean. The workaround is to either use one large table and try to do what you want using td's or to use a nested table.

Have a look at my introductoin page here:
http://www.geocities...troduction.html

Or to use nested tables, (I did that on the original More spybot help page but changed it so all Browsers would be able to read. ) Here's an example of nested tables with assorted colors. Everything is bordered and has a different backgrond color. Too much! But an example:
<html><title> Nested tables</title>
<body bgcolor ="navy">


<TABLE width="600" border="4" bgcolor = "gold" BorderColor = "green"> 
<TD align="center"> 
      <TABLE width="275" border="4" Bordercolor ="Blue" bgcolor = "red"> 
      <TD align="center"> 
      I'm in the first table. 
      </TD> 
      </TABLE> 
</TD> 
<TD align="center"> 
      <TABLE width="275" border="4" bgcolor = "green" bordercolor="blue"> 
      <TD align="center"> 
       I am another table.
      </TD> 
      </TABLE> 
</TD> 
</TABLE> 
</body>
</html>







In the td Tag, use bgcolor and each one can have a different backgroind color. Also, you can have the Page's background, the table's background too. And if you use borders, they can have a color.

How many columns did you want on this page?

#4 Guest_Mosaic1_*

Guest_Mosaic1_*
  • Guests

Posted 23 May 2003 - 09:36 AM

If that picture is how you want it to look, with very little space in between, it can be done. Did you want an empty space in between these?

Have a look at this html. The first table looks solid. The second table further down the page has cellspacing so each row has a space separating it from the next row. You may need an invisible spacer here. Not sure. And how long the text is in each table will change how everything looks. There is RowSpan to take care of that. We'll help. Post your html using the Code tags.
<html>
<title>Zero's Tables</title>
<body bgcolor>
<table width ="90%" Cellpadding = "5" cellspacing = "0">
<tr><td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" Colspan ="4"><br></td></tr>
<tr>
<td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" width = "70%"><br></td></tr>
<tr><td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" Colspan ="4"><br></td></tr>
<tr>
<td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" width = "70%"><br></td></tr>

</table>

 <table width ="90%" Cellpadding = "5" cellspacing = "9">
<tr><td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" Colspan ="4"><br></td></tr>
<tr>
<td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" width = "70%"><br></td></tr>
<tr><td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" Colspan ="4"><br></td></tr>
<tr>
<td bgcolor = "red"><br></td>
<td width = "15%"><br></td>
<td bgcolor="green" width = "70%"><br></td></tr>

</table>




</body>
</html>

Edited by Mosaic1, 23 May 2003 - 09:38 AM.


#5 Zero

Zero

    Not really Less Than One ;-)

  • Authentic Member
  • PipPipPip
  • 268 posts
  • Interests:Long walks on the beach.

Posted 23 May 2003 - 03:43 PM

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <title>New Page 2</title> </head> <div align="left"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="128" height="373" id="AutoNumber1" background="texture-blue.jpg"> <tr> <td width="128" height="23" align="center"> <p> <a href="index.htm" style="text-decoration: none; font-weight:700"> <font color="#FFFF00" face="Comic Sans MS">Home</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="staff.htm" style="text-decoration: none; font-weight:700"> <font color="#FFFF00" face="Comic Sans MS">Staff</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <p> <a href="frankenmonster.htm" style="text-decoration: none; font-weight:700"> <font color="#FFFF00" face="Comic Sans MS">Frankenmonster</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="fatman" style="text-decoration: none; font-weight:700"> <font color="#FFFF00" face="Comic Sans MS">Fatman</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="duck.htm" style="text-decoration: none; font-weight:700"> <font color="#FFFF00" face="Comic Sans MS">Crazy Duck</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="about.htm" style="text-decoration: none; font-weight: 700"> <font color="#FFFF00" face="Comic Sans MS">About</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="links.htm" style="text-decoration: none; font-weight: 700"> <font color="#FFFF00" face="Comic Sans MS">Links</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="contact.htm" style="text-decoration: none; font-weight: 700"> <font color="#FFFF00" face="Comic Sans MS">Contact</font></a></td> </tr> <tr> <td width="128" height="23" align="center"> <a href="other.htm" style="text-decoration: none; font-weight: 700"> <font color="#FFFF00" face="Comic Sans MS">Other</font></a></td> </tr> <tr> <td width="128" height="23"><center><img src="button.gif"></center></td> <tr> <td width="128" height="105"><center><p><font face="Arial Narrow" size="2">This site was deigned and created by Zero. All pictures are copyright their original owners. You may <b>not</b> take credit for anything here.</font></p></center></td> </tr> </tr> </table> </div> </body> </html> Alright... That what I have now. Please im beggin you. Can you put a table beside that one so I know what do do for the future. Just I guess in lamins terms, do it for me so I know what to do in furtue... Yeah dont have to if you dont want to but it would make things a lot easier... heh. Thanks in advance.,
Posted Image

#6 Guest_Mosaic1_*

Guest_Mosaic1_*
  • Guests

Posted 23 May 2003 - 04:33 PM

Here you go. I always use different bgcolors when I am confused to map out what's what. Your right table consists of two rows with one td in each. . One is purple and the other is red. That way you know where to add. Leave the structure. But you can add more td's and tr's if you like. Keep them inside the second table, though. Another thing I do is this. Before I start making big changes. I always make a copy of what I have, That way, if I mess up and can't get back, I can just delete and have lost nothing.

Hope it helps.
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">

<title>New Page 2</title>
</head>
<table width ="100%">
<TD>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="128" height="373" id="AutoNumber1" background="texture-blue.jpg">
<tr>
<td width="128" height="23" align="center">
<p> <a href="index.htm" style="text-decoration: none; font-weight:700">
<font color="#FFFF00" face="Comic Sans MS">Home</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="staff.htm" style="text-decoration: none; font-weight:700">
<font color="#FFFF00" face="Comic Sans MS">Staff</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center">
<p> 
<a href="frankenmonster.htm" style="text-decoration: none; font-weight:700">
<font color="#FFFF00" face="Comic Sans MS">Frankenmonster</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="fatman" style="text-decoration: none; font-weight:700">
<font color="#FFFF00" face="Comic Sans MS">Fatman</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="duck.htm" style="text-decoration: none; font-weight:700">
<font color="#FFFF00" face="Comic Sans MS">Crazy Duck</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="about.htm" style="text-decoration: none; font-weight: 700">
<font color="#FFFF00" face="Comic Sans MS">About</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="links.htm" style="text-decoration: none; font-weight: 700">
<font color="#FFFF00" face="Comic Sans MS">Links</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="contact.htm" style="text-decoration: none; font-weight: 700">
<font color="#FFFF00" face="Comic Sans MS">Contact</font></a></td>
</tr>
<tr>
<td width="128" height="23" align="center"> 
<a href="other.htm" style="text-decoration: none; font-weight: 700">
<font color="#FFFF00" face="Comic Sans MS">Other</font></a></td>
</tr>
<tr>
<td width="128" height="23"><center><img src="button.gif"></center></td> 
<tr>
<td width="128" height="105"><center><p><font face="Arial Narrow" size="2">This site was deigned and created by Zero. All pictures are copyright their original owners. You may <b>not</b> take credit for anything here.</font></p></center></td>
</tr>

</table></td>
<td width = "100%" valign ="top" align ="center">
<table bgcolor="navy" align ="top" Width ="80%"><tr>
<td bgcolor="Purple" valign ="top"> Another one</td></tr><tr>
<td bgcolor = "red"> more</td></tr>
</td></table>

</td></table>


</body>

</html>


#7 Zero

Zero

    Not really Less Than One ;-)

  • Authentic Member
  • PipPipPip
  • 268 posts
  • Interests:Long walks on the beach.

Posted 23 May 2003 - 04:36 PM

THANK YOU!! Man that makes sense. When I tried I forgot to inculde "</table></td>" Screwed me up. Thanks mosiac!
Posted Image

#8 Guest_Mosaic1_*

Guest_Mosaic1_*
  • Guests

Posted 23 May 2003 - 04:48 PM

Zero,

Sure. No problem.
If you want to upload it, a few of us can go over to be sure it renders ok in different Browsers. And depending on what you want to do, it can be rewritten not using nested tables if need be.

Mo

EDIT: Here's a link to a really great Table Tutorial. I used it to learn. It's clear and teaches what you need to know.

http://www.pageresou...html/table1.htm

Edited by Mosaic1, 23 May 2003 - 04:58 PM.

Related Topics



0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users