|
|||||||||
|
|||||||||
| |||||||||
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
Stop making mediocre tutorials.The best tutorials are video! Camtasia Studio makes it easy to create engaging, buzz-building screen videos at any size, in any popular format. Download the free trial!
|
|
#1
June 2nd, 2004, 06:02 AM
|
|||
|
|||
|
html table help
hi i was wondering if anybody cuold help me with my html problems
ive made my site www.media.stee.co.uk and i had my layout which i was finally happy with for the time being, the problem is thatwhen i insert content on the pages my tables change size even though ive set the sizes :S and also the more i write in the main box my links box on the left starts to move further down the page, this can be corrected by putting < br /> a few times after the box in order to move it up but im thinking that this isnt the correct way to go about it so if anyone could view my code and perhaps give me a few pointers id be very grateful Ive posted my code below incase you cant view the page as my server is being updated Code:
</style>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="120" colspan="3"><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" height="20" background="background/topleft.jpg"> </td>
<td width="560" height="20" background="background/top.jpg"> </td>
<td width="20" height="20" background="background/topright.jpg"> </td>
</tr>
<tr>
<td width="20" height="80" background="background/left.jpg"> </td>
<td width="560" height="80" background="background/red.jpg"><img src="logo/logohome.jpg" width="226" height="75" /></td>
<td width="20" height="80" background="background/right.jpg"> </td>
</tr>
<tr>
<td width="20" height="20" background="background/bottomleft.jpg"> </td>
<td width="560" height="20" background="background/bottom.jpg"> </td>
<td width="20" height="20" background="background/bottomright.jpg"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="20" colspan="3"> </td>
</tr>
<tr>
<td width="120" height="379">
<table width="120" height="313" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20" height="18" background="background/topleft.jpg"> </td>
<td width="80" height="18" background="background/top.jpg"> </td>
<td width="20" height="18" background="background/topright.jpg"> </td>
</tr>
<tr>
<td width="20" height="134" background="background/left.jpg"> </td>
<td width="80" background="background/red.jpg"> <a href="index.html">Home</a><br/>
<a href="news.php">News</a><br/> <a href="templates.html">Templates</a><br/>
<a href="graphics.html">Graphics</a><br/> <a href="media.html">Media</a><br/>
<a href="scripts.html">Scripts</a><br/> <a href="contact.html">Contact</a><br/>
</td>
<td width="20" background="background/right.jpg"> </td>
</tr>
<tr>
<td height="18" background="background/bottomleft.jpg"> </td>
<td height="18" background="background/bottom.jpg"> </td>
<td height="18" background="background/bottomright.jpg"> </td>
</tr>
<tr>
<td height="143" colspan="3">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table></td>
<td width="20"> </td>
<td width="460"><table width="460" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" height="20" background="background/topleft.jpg"> </td>
<td height="20" background="background/top.jpg"> </td>
<td width="20" height="20" background="background/topright.jpg"> </td>
</tr>
<tr>
<td width="20" height="286" background="background/left.jpg"> </td>
<td background="background/red.jpg">
<p> </p>
<p> </p>
</td>
<td width="20" background="background/right.jpg"> </td>
</tr>
<tr>
<td height="18" background="background/bottomleft.jpg"> </td>
<td height="18" background="background/bottom.jpg"> </td>
<td height="18" background="background/bottomright.jpg"> </td>
</tr>
<tr>
<td height="55" colspan="2"> <p> </p>
<p> </p></td>
<td width="20" height="55"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
|
|
#2
June 2nd, 2004, 07:17 AM
|
|||
|
|||
|
You are supposed to use the tag <br> to make a new line,
i am also cleaning up your design at the moment using a differnt cell for every link....i will past the new html in a few minutes
|
|
#3
June 2nd, 2004, 07:33 AM
|
|||
|
|||
|
I have aligned the main content box using valign="top"
I have made each of the navigation into difernt cells... Here is the new code...... <html > <head> <title>Media-Home</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="resource-type" content="document" /> <META NAME="Keywords" CONTENT="graphics jpgs jpg jpeg images website templates template .jpg .jpeg animations scripts"> <meta name="audience" content="all" /> <meta name="distribution" content="global" /> <meta name="robots" content="INDEX, FOLLOW" /> <meta name="revisit-after" content="10 days" /> <meta name="Description" content="Free website graphics jpgs jpg jpeg .jpg templates designs images" /> </head> <style type="text/css"> body{background:#000; font-family:arial; font-color:#ffffff;} a:link{color:#ffffff; text-decoration:none;} a:visited{color:#ffffff; text-decoration:none;} a:hover{ color:#c00000; text-decoration:none; background: #ffffff;} </style> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" style="border:none; background:#000;"> <tr> <td height="120" colspan="3"><table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="20" background="background/topleft.jpg"> </td> <td width="560" height="20" background="background/top.jpg"> </td> <td width="20" height="20" background="background/topright.jpg"> </td> </tr> <tr> <td width="20" height="80" background="background/left.jpg"> </td> <td width="560" height="80" background="background/red.jpg"><img src="logo/logohome.jpg" width="226" height="75" /></td> <td width="20" height="80" background="background/right.jpg"> </td> </tr> <tr> <td width="20" height="20" background="background/bottomleft.jpg"> </td> <td width="560" height="20" background="background/bottom.jpg"> </td> <td width="20" height="20" background="background/bottomright.jpg"> </td> </tr> </table></td> </tr> <tr> <td height="20" colspan="3"> </td> </tr> <tr> <td width="120" height="379"> <table width="120" height="313" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="20" height="18" background="background/topleft.jpg"> </td> <td width="80" height="18" background="background/top.jpg"> </td> <td width="20" height="18" background="background/topright.jpg"> </td> </tr> <tr> <td width="20" height="134" background="background/left.jpg"> </td> <td width="80" background="background/red.jpg" valign="top"> <table border="1" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" width="100%" id="AutoNumber1"> <tr> <td width="100%" style="border-style: none; border-width: medium"><a href="index.html">Home</a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium"><a href="news.php">News</a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium"><a href="templates.html">Templates</a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium"> <a href="graphics.html">Graphics</a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium"><a href="media.html">Media</a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium"><a href="news.php"> <a href="scripts.html">Scripts</a></a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium"><a href="contact.html">Contact</a></td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium" > </td> </tr> </table> <br/> </td> <td width="20" background="background/right.jpg"> </td> </tr> <tr> <td height="18" background="background/bottomleft.jpg"> </td> <td height="18" background="background/bottom.jpg"> </td> <td height="18" background="background/bottomright.jpg"> </td> </tr> <tr> <td height="143" colspan="3"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p></td> </tr> </table></td> <td width="20"> </td> <td width="460"><table width="460" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="20" background="background/topleft.jpg"> </td> <td height="20" background="background/top.jpg"> </td> <td width="20" height="20" background="background/topright.jpg"> </td> </tr> <tr> <td width="20" height="286" background="background/left.jpg"> </td> <td background="background/red.jpg" valign="top"> <p>Still being made but some of the links work, </p> <p>This site is basically just to upload things ive made at uni or in my spare time, if you see something you like feel free to take a copy of it, although i would like to know if you have used anything, if you need any help with your website design feel free to ask, you never know i might be able to help.</p> <p>Thats about it for now, ill update it when i get chance</p> </td> <td width="20" background="background/right.jpg"> </td> </tr> <tr> <td height="18" background="background/bottomleft.jpg"> </td> <td height="18" background="background/bottom.jpg"> </td> <td height="18" background="background/bottomright.jpg"> </td> </tr> <tr> <td height="55" colspan="2"> <p> </p> <p> </p></td> <td width="20" height="55"> </td> </tr> </table></td> </tr> </table> </body> </html>
|
|
| Viewing: Dev Shed Forums > Other > Project Help Wanted > html table help |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
