2 replies [Last post]
Homeboy
Offline
Enthusiast
Last seen: 15 years 14 weeks ago
Joined: 2004-08-17
Posts: 96
Points: 0

Hi.

I have these codes I am using and I want it to go vertical (up and down) instead of horizontal. How do I do that? Also, how do I make lines go between each word?

Here is the code that I am using:

<table width="800" border="0" cellspacing="0" cellpadding="0" style="border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF;" bordercolor="#FFFFFF" height="44" id="table6" bgcolor="#000000">
<tr>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="99">
<div align="center">
<a href="../index.html"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
Home</font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="99">
<div align="center">
<a href="../services/service.html"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
Services</font></a></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font color="#FFFFFF" size="2"><span style="font-family: Verdana">
<a href="../infor/infor.html"><font size="2" color="#FFFFFF">Information</font></a></span></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../tips/tip.html"><font color="#FFFFFF" size="2">Cleaning Tips</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../products/products.html"><font color="#FFFFFF" size="2">Products</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../testimonials/test.html"><font size="2" color="#FFFFFF">Testimonials</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="galleries.html"><font size="2" color="#FFFFFF">Gallery</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../contacus/contact.html"><font size="2" color="#FFFFFF">Contact Us</font></a></font></div>
</td>
</tr>
</table>

Thank you so much

Rod
Offline
Regular
Last seen: 18 years 9 weeks ago
Joined: 2004-07-27
Posts: 12
Points: 0

Make a navgation button go vertical instead of horizontal

Really bad bad code !!! Smile

Forget HTML and TABLE and do the same thing with CSS & XHTML Smile

But if you want to stay with old and not pretty HTML, it's quite easy ...

<table width="800" border="0" cellspacing="0" cellpadding="0" style="border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF;" bordercolor="#FFFFFF" height="44" id="table6" bgcolor="#000000">
<tr>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="99">
<div align="center">
<a href="../index.html"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
Home</font></div>
</td>
</tr>
<tr>

<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="99">
<div align="center">
<a href="../services/service.html"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
Services</font></a></div>
</td>
</tr>
<tr>

Add <tr></tr> between each </td> <td>

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 1 day ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Make a navgation button go vertical instead of horizontal

Explanation:

Everything you had was on one row (a <tr>). By putting in <tr> and </tr> you split the content onto more rows.

Verschwindende wrote:
  • CSS doesn't make pies