Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    text wrap problem in ie6 on pc, but not on mac

    the text on this page is wrapping fine in mozilla on a pc and ie for mac, but the ie6 for windows is forcing line breaks, stretching out the page. why wont it wrap?
    please help.

    www.twoeyeballs.com/info.html



    </table>
    <table width="591" height="422" border="0" cellpadding="0" cellspacing="0" class="redborder">
    <tr bgcolor="#999999">
    <td width="581" height="399" bgcolor="#999999">
    <table width="92%" height="413" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" bgcolor="#666666">
    <!--DWLayoutTable-->

    <tr>
    <td width="206" bordercolor="#CCCCCC"><div align="center">
    <p align="left">&nbsp;</p>
    <p align="left"><font face="georgia"><strong>Trouble sleeping?
    Boring life? Tax season got you down?</strong> </font></p>
    <p align="left"><font size="2" face="georgia">Two Eyeballs linocuts
    offer relief. Covering topics of <strong>widespread relevance</strong>
    such as <strong>surprises</strong>, weather, sleep, <strong>danger</strong>,
    seeing and being seen, fire, <strong>water</strong>, bugs, <strong>compliments</strong>
    and animals, these images offer a documentary of the imagination.
    </font></p>

    <p align="left"><font size="-1" face="georgia">All 9x12&quot;
    prints are <strong>$45.00</strong>. All 5x7&quot; prints are
    <strong>$29.00</strong> (plus $5 shipping). </font></p>
    <p align="left"><font size="-1" face="georgia">If the print you
    would like does not appear on the menu below, it is sold out.
    Prints are hand-pulled in small limited editions; check back
    often. </font></p>
    Last edited by jessiewick; 02-21-2005 at 07:16 AM. Reason: mistake

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Welcome to the forums jessiewick. In your code below I've highlighted the line which seems to be causing problems. Try removing the width from the offending <td>.

    Just a note that the very first line of your live source code, the xml prologue, will throw IE into quirksmode.

    Also, the look and layout of your site is very clean and simple. However, the nested tables and inline formatting in the coding don't reflect this. Your site is a great candidate for a .CSS driven layout. If you'd like to know how to take this approach, just ask.

    Code:
    </table>
    <table width="591" height="422" border="0" cellpadding="0" cellspacing="0" class="redborder">
    <tr bgcolor="#999999"> 
    <td width="581" height="399" bgcolor="#999999"> 
    <table width="92%" height="413" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" bgcolor="#666666">
    <!--DWLayoutTable-->
    
    <tr> 
    <td width="206" bordercolor="#CCCCCC"><div align="center"> 
    <p align="left">&nbsp;</p>
    <p align="left"><font face="georgia"><strong>Trouble sleeping? 
    Boring life? Tax season got you down?</strong> </font></p>
    <p align="left"><font size="2" face="georgia">Two Eyeballs linocuts 
    offer relief. Covering topics of <strong>widespread relevance</strong> 
    such as <strong>surprises</strong>, weather, sleep, <strong>danger</strong>, 
    seeing and being seen, fire, <strong>water</strong>, bugs, <strong>compliments</strong> 
    and animals, these images offer a documentary of the imagination. 
    </font></p>
    
    <p align="left"><font size="-1" face="georgia">All 9x12&quot; 
    prints are <strong>$45.00</strong>. All 5x7&quot; prints are 
    <strong>$29.00</strong> (plus $5 shipping). </font></p>
    <p align="left"><font size="-1" face="georgia">If the print you 
    would like does not appear on the menu below, it is sold out. 
    Prints are hand-pulled in small limited editions; check back 
    often. </font></p>
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #3
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    text wrap fixed! how about font size?

    wow...thank you so much! that fixed the word wrap problem, but is there a way to override ie's default "medium" font setting that's making my 12pt georgia font look huge? i tried changing it to pixels, but it didnt really work, or maybe i didnt do it correctly. im definitely open to simplifying the site to a css. driven layout if it's doable for someone relatively new to html. ive been using dreamweaver and finding handcoding for things like rollovers and image preloading (although i dont think mine works) on the web.

    thanks mcdougals!
    j

  • #4
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No problem.

    If someone doesn't follow-up here, I'll try to get back later in the day.

    Here's a resource on CSS to get you started: http://www.mako4css.com/

    Check the sticky at the top of this forum for more on HTML/CSS.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #5
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here's a cleaned-up version of your code. I'm not suggesting you scrap what you have. But use this to get a feel for a css based layout.

    This can still be improved, the header/menu section especially. But play with the values in the style section to get an idea of what's happening.

    I didn't look into the font size problem because there's really no need for <font> tags. Instead, I've set the font size in px, which has drawbacks, but is easier to work with starting out.

    You can adjust the font size from there in % as in the paragraph with the id 'footer', whose text is 70% of 14px.

    Don't forget, whether using tables or not, to validate your code as you go. http://validator.w3.org/

    Finally, for the <label> elements to work properly I've added id's to the <select>'s. Normally the name and id would be the same, but I didn't want to break your PayPal forms.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
    
        <base href="http://twoeyeballs.com" />
    
        <title>Two Eyeballs: Information and Ordering!</title>
    
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
        <style type="text/css">
          html, body { text-align:center; font-family:georgia; font-size:14px; }
    
          #header { width:591px; border:1px solid #666; margin:0 auto; }
          #header img { float:left; }
    
          #wrapper { width:591px; border:1px solid #666; border-top:0; background:#999; margin:0 auto; }
          #content { text-align:left; width:500px; border:solid 1px #ccc; border-top:0; background:#666; padding:1em;  margin:0 auto; }
    
          .buy { background:lightblue; border:solid 1px #666; font-weight:bold; cursor:pointer; }
    
          #footer { font-size:70%; margin:0; padding:1em; }
        </style>
      </head>
    
      <body>
    
        <div id="header">
          <img src="emsite/logos/banner.jpg" width="385" height="91" alt="" />
    
          <a href="index.html" onmouseover="document.images[3]. src='emsite/logos/info.jpg';document.images[1].src='emsite/logos/newroll.jpg'; return true;" onmouseout="document.images[3].src='emsite/logos/inforoll.jpg'; document.images[1].src='emsite/logos/newwork.jpg'; return true;"><img src="/emsite/logos/newwork.jpg" width="67" height="91" border="0" alt="" /></a>
    
          <a href="http://www.twoeyeballs.com/allworks.html" onmouseover="document.images[3]. src='emsite/logos/info.jpg';document.images[2].src='emsite/logos/allprintsroll.jpg'; return true;" onmouseout="document.images[3].src='emsite/logos/inforoll.jpg'; document.images[2].src='emsite/logos/allprints.jpg'; return true;"><img src="emsite/logos/allprints.jpg" width="66" height="91" border="0" alt="" /></a>
    
          <img src="emsite/logos/inforoll.jpg" width="73" height="91" border="0" alt="" />
        </div>
    
        <div id="wrapper">
          <div id="content">
            <!--DWLayoutTable-->
            <p>
              <strong>Trouble sleeping? Boring life? Tax season got you down?</strong>
            </p>
    
            <p>
              Two Eyeballs linocuts offer relief. Covering topics of <strong>widespread relevance</strong> such as <strong>surprises</strong>, weather, sleep, <strong>danger</strong>, seeing and being seen, fire, <strong>water</strong>, bugs, <strong>compliments</strong> and animals, these images offer a documentary of the imagination.
            </p>
    
            <p>
              All 9x12&quot; prints are <strong>$45.00</strong>. All 5x7&quot; prints are <strong>$29.00</strong> (plus $5 shipping).
            </p>
    
            <p>
              If the print you would like does not appear on the menu below, it is sold out.  Prints are hand-pulled in small limited editions; check back often.
            </p>
    
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
              <input type="hidden" name="cmd" value="_xclick" />
              <input type="hidden" name="business" value="emily@wickropolis.com" />
              <input type="hidden" name="undefined_quantity" value="1" />
              <input type="hidden" name="item_name" value="9 x 12" Linoleum Block Print" />
              <input type="hidden" name="amount" value="45.00" />
              <input type="hidden" name="no_shipping" value="2" />
              <input type="hidden" name="currency_code" value="USD" />
              <input type="hidden" name="lc" value="US" />
              <input type="hidden" name="on0" value="Available Prints:" />
    
              <label for="os0_9x12">Available 9x12&quot; Prints:</label>
              <select name="os0" id="os0_9x12">
                <option value="Me Sleeping * Dark Green">Me Sleeping * Dark Green</option>
                <option value="Pigbug Sleeping * Blue">Pigbug Sleeping * Blue</option>
                <option value="Two Eyeballs * Grass Green">Two Eyeballs * Grass Green</option>
                <option value="The Surrender * Black ">The Surrender * Black </option>
                <option value="The Fisherman * All Black">The Fisherman * All Black</option>
                <option value="Just a Couple of Eyeballs...- Blk/Turq.">Just a Couple of Eyeballs...- Blk/Turq.</option>
                <option value="Just a Couple of Eyeballs...- All Black">Just a Couple of Eyeballs...- All Black</option>
                <option value="The Flood * Black">The Flood * Black</option>
                <option value="The Flood * Brown ">The Flood * Brown </option>
                <option value="The Strawberry Express * Black">The Strawberry Express</option>
                <option value="Afternoon Showers * Light Blue "> Afternoon Showers * Light Blue </option>
                <option value="The Eclipse * Black">The Eclipse * Black</option>
                <option value="Majestic * Black">Majestic * Black</option>
                <option value="Superb * Black">Superb * Black</option>
                <option value="Amazing * Black">Amazing * Black</option>
                <option value="Stealth * Black">Stealth * Black</option>
                <option value="Mrs Snowman Goes Home * Blue"> Mrs Snowman Goes Home * Blue </option>
                <option value="Fire Ant Photo Shoot * Black">Fire Ant Photo Shoot * Black</option>
              </select>
    
              <input type="submit" value="Buy" title="add to cart" class="buy" />
            </form>
    
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
              <input type="hidden" name="cmd" value="_xclick" />
              <input type="hidden" name="business" value="emily@wickropolis.com" />
              <input type="hidden" name="undefined_quantity" value="1" />
              <input type="hidden" name="item_name" value="5 x 7" Linoleum Block Print" />
              <input type="hidden" name="amount" value="29.00" />
              <input type="hidden" name="no_shipping" value="2" />
              <input type="hidden" name="return" value="http://www.twoeyeballs.com/info" />
              <input type="hidden" name="cancel_return" value="http://www.twoeyeballs.com/info" />
              <input type="hidden" name="currency_code" value="USD" />
              <input type="hidden" name="lc" value="US" />
              <input type="hidden" name="on0" value="Available Prints:" />
    
              <label for="os0_5x7">Available 5x7&quot; Prints:</label>
              <select name="os0" id="os0_5x7">
                <option value="Pigbugs for Sale * Black ">Pigbugs for Sale * Black </option>
                <option value="Surprised Lovebugs * Black on Tan">Surprised Lovebugs * Black on Tan</option>
                <option value="Surprised Lovebugs * Black on White">Surprised Lovebugs * Black on White</option>
              </select>
    
              <input type="submit" value="Buy" title="add to cart" class="buy" />
            </form>
    
            <p>
              <strong>Artist's Note</strong> by Emily Wick
            </p>
    
            <p>
              I was born in Connecticut in 1978 and I now live in Oakland, CA. I enjoy learning, working on projects, and reading about homeschooling. My sister, Jessie Wick, is a genius and she's funny. She's been that way since she was 7 and had a club called the &quot;genuis funny club&quot; and she and her friends made i.d. cards that said &quot;GF&quot;.
            </p>
    
            <p>
              Thank you for your visit.
            </p>
    
            <p>
              Email emily [at] wickropolis [dot com].
            </p>
    
    
          <!-- FOLLOWING TAG CLOSES #content -->
          </div>
    
          <p id="footer">
            All prints and images copyright 2003-5 Emily Wick... Site Design by Jessie Wick. A Wickropolis production
          </p>
    
        <!-- FOLLOWING TAG CLOSES #wrapper -->
        </div>
    
      </body>
    </html>
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •