Question About Html
Supra_Soldier
Join Date: 2003-02-02 Member: 12993Members, Constellation
in Off-Topic
<div class="IPBDescription">its stupid but heeeelp mee!</div> Ok, I made a menu in HTML but the way I made it it only appears if you have your IE text size at "smaller". So, if anyone were to visit my site with something other than that text size they wouldn't be able to use the menu! Anyone know how I can make the text one size all the time without making it a picture... here is my uber simple site, maybe it will help? Thanks in advance <!--emo&:)--><img src='http://www.unknownworlds.com/forums/html/emoticons/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif'><!--endemo-->.
<!--c1--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>CODE</b> </td></tr><tr><td id='CODE'><!--ec1-->
<html>
<head>
<style type="text/css">
A:link {color:006699;}
A:visited {color:006699;}
A:hover {text-decoration:none}
</style>
</head>
<body link="006699" alink="336699" bgcolor="FFFFFF" background="images/titlebg.jpg" bgproperties="fixed">
<center>
<font size="7" face"arial">
<b>
<i>
Supra_Soldier's
</i>
 
; Realm
</b>
</font>
</center>
<center>
<a href="home.htm" target="content">Home</a>
<a href="released.htm" target="content">Released</a>
<a href="projects.htm" target="content">Projects</a>
<a href="photoshop.htm" target="content">Photoshop</a>
<a href="models.htm" target="content">Models</a>
<a href="contact.htm" target="content">Contact</a>
<a href="links.htm" target="content">Links</a>
</center>
</body>
</html>
<!--c2--></td></tr></table><span class='postcolor'><!--ec2-->
Don't make fun of my n00b code, just help me <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html/emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif'><!--endemo-->.
<!--c1--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>CODE</b> </td></tr><tr><td id='CODE'><!--ec1-->
<html>
<head>
<style type="text/css">
A:link {color:006699;}
A:visited {color:006699;}
A:hover {text-decoration:none}
</style>
</head>
<body link="006699" alink="336699" bgcolor="FFFFFF" background="images/titlebg.jpg" bgproperties="fixed">
<center>
<font size="7" face"arial">
<b>
<i>
Supra_Soldier's
</i>
 
; Realm
</b>
</font>
</center>
<center>
<a href="home.htm" target="content">Home</a>
<a href="released.htm" target="content">Released</a>
<a href="projects.htm" target="content">Projects</a>
<a href="photoshop.htm" target="content">Photoshop</a>
<a href="models.htm" target="content">Models</a>
<a href="contact.htm" target="content">Contact</a>
<a href="links.htm" target="content">Links</a>
</center>
</body>
</html>
<!--c2--></td></tr></table><span class='postcolor'><!--ec2-->
Don't make fun of my n00b code, just help me <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html/emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif'><!--endemo-->.
Comments
Use DreamweaverMX
You've set absolutely no font size for the "menu" to conform to. When it's left at it's default setting it falls prey to the browser's custom settings, which is what is happening here.
The way to remedy this is to put each menu item into font tags (The slow and messy way), defining the exact point or pixel size (NOT percentage), or to create a menu style class and put each of the menu items into it.
WYSIWYG editors promote laziness and not learning HTML, mmkay? Then you get more sites that go like "OMG WELCOME TO MY PEAG I MAD THIS ON ME OWN UZIN HTMZ!@!@##$^&%?" <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html/emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif'><!--endemo-->
WYSIWYG editors promote laziness and not learning HTML, mmkay? Then you get more sites that go like "OMG WELCOME TO MY PEAG I MAD THIS ON ME OWN UZIN HTMZ!@!@##$^&%?" <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html/emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif'><!--endemo--> <!--QuoteEnd--> </td></tr></table><span class='postcolor'> <!--QuoteEEnd-->
But, to be honest, as someone who's been coding html by hand for many many years now (Since i was 12, to be exact), i adore WYSIWYG. As long as you know what junk to get rid of or what to do when a problem arises, WYSIWYG editors are good.
<!--c1--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>CODE</b> </td></tr><tr><td id='CODE'><!--ec1-->
<html>
<head>
<style type="text/css">
<!--
.titlemenu {font-size:13px;line-height:43px}
.supratext {font-size:40px;font-style:italic;font-weight:bold}
.realmtext {font-size:40px;font-weight:bold;line-height:15px}
-->
A:link {color:006699;}
A:visited {color:006699;}
A:hover {text-decoration:none}
</style>
</head>
<body link="006699" alink="336699" bgcolor="FFFFFF" background="images/titlebg.jpg" bgproperties="fixed">
<center class="supratext">
Supra_Soldier's
</center>
<center class="realmtext">
Realm
</center>
<center class="titlemenu">
<a href="home.htm" target="content">Home</a>
<a href="released.htm" target="content">Released</a>
<a href="projects.htm" target="content">Projects</a>
<a href="photoshop.htm" target="content">Photoshop</a>
<a href="models.htm" target="content">Models</a>
<a href="contact.htm" target="content">Contact</a>
<a href="links.htm" target="content">Links</a>
</center>
</body>
</html>
<!--c2--></td></tr></table><span class='postcolor'><!--ec2-->
Oh yea, the menu is horizontal at the TOP of the page, thats prolly why the code looks weird. Anyone got any ideas on how to fix the text?