I am designing a website using Dreamweaver in addition to I’m using tables for that layout. I build a vertical navigation bar around the left hand side from the page and towards right of that is definitely another cell (obviously) we am inserting graphics and text towards. However, whenever I add a number of images or loads of text, it causes the contents on the navigation cell to transfer downward and I can’t get them to the top of your page where that they originally were, regardless of the I do.
Sorry if this is hard to fully grasp but I dont recognize how else to clarify this. Basically all I’d like to see is a top to bottom navigation bar on the left whose material don’t get messed up once i change the belongings of other tissues within that dining room table! Thanks for a person’s help.
Attempt adding valign=" top" on the navigation td
< td valign=" top" >
Are you able to post a screenshot Of course the perfect solution could be not to apply tables for system, as these forms of problems are usually not solvable by way of logic because table markup just isn’t designed for making layouts.
But for the present time, it would be best in case you provide the HTML.
Sure, recommendations the html for that page. The part we am having difficulties with, I changed of which font to tangerine so it’s easier to discover.
<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML YOU. 0 Transitional//EN" " http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd" >
< html xmlns=" http: //www. w3. org/1999/xhtml" >
< head>
< meta http-equiv=" Content-Type" content=" text/html; charset=iso-8859-1" />
< title> Untitled Document< /title>
< fashion type=" text/css" >
<! —
. style2 font-family: Georgia, " Periods New Roman", Periods, serif; font-size: x-large;
. natural
font-family: Georgia, " Periods New Roman", Periods, serif;
font-size: medium;
font-variant: natural;
text-transform: none;
. delightful
. intending
font-variant: small-caps;
letter-spacing:. 6em;
. nav
font-family: Georgia, " Periods New Roman", Periods, serif;
font-size: medium;
border-right-style: none;
border-right-color: #CCCCCC;
border-left-style: none;
border-left-color: #000000;
–>
< /style>
< /head>
< body>
< stand width=" 100%" border=" 0" >
< tr>
< td bgcolor=" #CCCCCC" > < img src=" croppedlogo. gif" width=" 447" height=" 109" alt=" home" /> < /td>
< /tr>
< /table>
< stand width=" 100%" border=" 0" cellpadding=" 10" >
< tr>
< td bgcolor=" #FFCCFF" > < div align=" right" class=" style2" > about us all order contact< /div> < /td>
< /tr>
< /table>
< stand width=" 100%" border=" 0" cellpadding=" 10" >
< tr>
< td width=" 32%" bordercolor=" #FFFFFF" bgcolor=" #FFFFFF" class=" welcome" > < div align=" center" class=" nav" >
< p> < strong> this language of bloom series < /strong> < /p>
< human resources />
< p> < strong> journey cards< /strong> < /p>
< human resources />
< p> < strong> gifts< /strong> < /p>
< human resources />
< p> < strong> this language of flowers < /strong> < /p>
< human resources />
< p> < /p>
< /div> < /td>
< td width=" 68%" > < div align=" center" class=" welcome" >
< stand width=" 100%" border=" 0" >
< tr>
< td class=" heading" > < div align=" center" > < strong> the language of flowerS series < /strong> < /div> < /td>
< /tr>
< /table>
< p> insert test < /p>
< stand width=" 100%" border=" 0" >
< tr>
< td width=" 31%" > < p align=" center" > < img src=" " alt=" " name=" card1" width=" 174" height=" 179" id=" card1" /> < /p>
< p> caption the following < /p> < /td>
< td width=" 38%" > < div align=" center" >
< p> < img src=" " alt=" " name=<span style="colo