• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

HTML help

jonMEGA

Golden Member
I'm working on my personal website and made a new navagation frame and put the links into a table. It looks good in the WYSIWYG window in Dreamweaver but when I view it "live" the links are all spaced apart. I dont want them all spaced apart like that. What do I need to do?

And please check out the rest of my site and critque it for me..... 🙂
http://www.jonmega.com
 
How far do you want them to be spaced? Go ahead and get into your HTML file by opening it through notepad or word. Get rid of all the <pre> and </pre> tags. That should fix it...your font size might be increased because of that...go ahead and fix your font size by adding the "size=10pt" tag into <font>. That should fix it. Below is an example of what one row should look like.

Before:
<tr>
<td><div align="center">
<pre><font color="#666699" face="Tahoma">jonMEGA.com</font></pre>
</div></td>
</tr>


After:
<tr>
<td><div align="center">
<font color="#666699" size="10pt" face="Tahoma">jonMEGA.com</font>
</div></td>
</tr>
 
After looking at your code, you really need to make use of that stylesheet being called. If you edit the stylesheet, you won't have to call the font tab everytime you want text to apear.

Here's a stylesheet I had for an old CS Clan site...

body, tr, td { font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 10px; font-style: normal;

a:link { color: #000000; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

.button { font-family: verdana; font-size: 11px; border: 1px #000000 solid; background-color: #FFFFFF; color: #000000; }
.textbox { font-family: verdana; font-size: 11px; border: 1px #000000 solid; background-color: #FFFFFF; color: #000000; }
.textarea { font-family: verdana; font-size: 11px; border: 1px #000000 solid; background-color: #FFFFFF; color: #000000; }
 
Back
Top