Question About Html

Supra_SoldierSupra_Soldier Join Date: 2003-02-02 Member: 12993Members, Constellation
<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>


                    &nbsp

; 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

  • SkinnYSkinnY Join Date: 2002-11-07 Member: 7500Members
    eh ? i see no problem with that code at all <!--emo&???--><img src='http://www.unknownworlds.com/forums/html/emoticons/confused.gif' border='0' style='vertical-align:middle' alt='confused.gif'><!--endemo-->
  • Cr-ckCr-ck Join Date: 2003-09-14 Member: 20873Members
    That dont look like a menu <!--emo&:p--><img src='http://www.unknownworlds.com/forums/html/emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif'><!--endemo-->

    Use DreamweaverMX
  • esunaesuna Rock Bottom Join Date: 2003-04-03 Member: 15175Members, Constellation
    I'll tell you why it's screwed.

    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.
  • CForresterCForrester P0rk(h0p Join Date: 2002-10-05 Member: 1439Members, Constellation
    <!--QuoteBegin--Cr/-\ck+Nov 15 2003, 04:51 PM--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Cr/-\ck @ Nov 15 2003, 04:51 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> Use DreamweaverMX <!--QuoteEnd--> </td></tr></table><span class='postcolor'> <!--QuoteEEnd-->
    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-->
  • esunaesuna Rock Bottom Join Date: 2003-04-03 Member: 15175Members, Constellation
    <!--QuoteBegin--CForrester+Nov 15 2003, 10:00 PM--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (CForrester @ Nov 15 2003, 10:00 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> <!--QuoteBegin--Cr/-\ck+Nov 15 2003, 04:51 PM--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Cr/-\ck @ Nov 15 2003, 04:51 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> Use DreamweaverMX <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
    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.
  • Supra_SoldierSupra_Soldier Join Date: 2003-02-02 Member: 12993Members, Constellation
    Ok, I fixed teh text sixe problem by adding some of that CSS stuff, but now I have a new problem. If you changed teh text size now instead of the text getting so big you can't see it it just scrolls off the screen, ARGH! Anyway, its still better than is was. As for the editors, I don't really want to use them, I want to learn everything first and then MAYBE I'll give them a try. But personally I think notepad offers more flexibilty. Here's the new version.

    <!--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?
Sign In or Register to comment.