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
Make a navgation button go vertical instead of horizontal
Really bad bad code !!!
Forget HTML and TABLE and do the same thing with CSS & XHTML
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>
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.