Results 1 to 17 of 17

Thread: URGENT : Web design help needed

  1. #1

    URGENT : Web design help needed

    Can someone please diagnose and provide the fix for the display of www.rudysreadinglist.com in Internet Explorer 7?

    It looks terrible.

    Please help!
    Hi!



  2. Remove this section of ads by registering.
  3. #2
    Can someone running INTERNET EXPLORER 6 confirm that they experience the same issue seen in the image below in Internet Explorer 7? I don't have a copy of IE6 to test with.



    Thanks in advance. I have a fix for Trevor, it's quick and easy, just need confirmation for Internet Explorer 6.
    Hi!

  4. #3
    Here's what it looks like for me but I am not sure what IE I am running. It doesn't say in the properties. How do I tell?


  5. #4
    Thanks, that looks like an old version of MSN Explorer. Can you click on HELP & SETTINGS and see if there is an

    ABOUT

    option?

    It should tell you the browser type and version #.

    But I don't think that is any version of Internet Explorer 6 I have ever seen.

    Still need an Internet Explorer 6 check please!
    Hi!

  6. #5
    Internet Explorer 6.00.2900.2180

  7. #6
    And I do go through MSN btw which uses that IE I posted above

  8. #7
    In Firefox for Mac, I get this:

    First take back the Republican Party: Join the GOP Rising!
    Next become a Precinct Leader
    Then donate to RP's presidential or congressional campaign

  9. #8
    Ok, thanks. Looks like my fix is only good for IE7, but that should help with 30+% of the traffic.

    I'll let Trevor know.
    Hi!



  10. Remove this section of ads by registering.
  11. #9
    It looks perfect in Safari on a Mac:

  12. #10
    Trevor here is the fix for IE7. For some reason, a new paragraph is not being rendered to space down the main content.

    Around line 46 of the HTML (in this area)

    HTML Code:
            <img src="images/bookstack.gif" width="200" height="193" hspace="5"><br>
            <img src="images/bookstack.gif" width="200" height="193" hspace="5"><br>
            <img src="images/bookstack.gif" width="200" height="193" hspace="5"><br>
            <img src="images/bookstack_bottom.gif" width="200" height="186" hspace="5">      </p>    </td>
        <td width="100%" valign="top" height="2185"> 
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p><br />
    
            <br>
          </p>
          <table width="600" border="0" align="center" cellpadding="5" cellspacing="5">
            <tr>
    We want to add this

    HTML Code:
    	  <!--[if IE 7]>
          <p>&nbsp;</p>
    	  <![endif]-->
    after this

    HTML Code:
        <td width="100%" valign="top" height="2185"> 
          <p>&nbsp;</p>
          <p>&nbsp;</p>
    ---------------

    So the final code will look like this

    HTML Code:
            <img src="images/bookstack.gif" width="200" height="193" hspace="5"><br>
            <img src="images/bookstack.gif" width="200" height="193" hspace="5"><br>
            <img src="images/bookstack.gif" width="200" height="193" hspace="5"><br>
            <img src="images/bookstack_bottom.gif" width="200" height="186" hspace="5">      </p>    </td>
        <td width="100%" valign="top" height="2185"> 
          <p>&nbsp;</p>
          <p>&nbsp;</p>
    	  <!--[if IE 7]>
          <p>&nbsp;</p>
    	  <![endif]-->
          <p><br />
    
            <br>
          </p>
          <table width="600" border="0" align="center" cellpadding="5" cellspacing="5">
            <tr>
    That will make a major improvement to the rendering in IE 7.
    Hi!

  13. #11
    Rather than this:

    HTML Code:
          <p>&nbsp;</p>
          <p>&nbsp;</p>
    	  <!--[if IE 7]>
          <p>&nbsp;</p>
    	  <![endif]-->
          <p><br />
    
            <br>
          </p>
    Trevor might try this:

    HTML Code:
          <pre>
    
    
    
    
          </pre>
    First take back the Republican Party: Join the GOP Rising!
    Next become a Precinct Leader
    Then donate to RP's presidential or congressional campaign

  14. #12
    My tweak isn't pretty, it's a kludge, but it solves the #1 browser on the market, and with Firefox and Safari rendering well, may be all it needs.

    What are we wrapping in PRE tags?

    I'm worried about breaking the display in the currently working browsers.
    Hi!

  15. #13
    OK let me know if that's better.. thank you.

  16. #14
    Well, it's a little better, but we can make it perfect now.

    When you made the changes, you cleaned up something else (the BR tags) which was breaking the display.

    You can remove this code we added

    HTML Code:
    	  <!--[if IE 7]>
          <p>&nbsp;</p>
    	  <![endif]-->
    Only remove this. Nothing else. And it will render fine in IE6, IE7 and Firefox 2.x

    Thanks Trevor!
    Hi!

  17. #15
    Quote Originally Posted by me3 View Post
    My tweak isn't pretty, it's a kludge, but it solves the #1 browser on the market, and with Firefox and Safari rendering well, may be all it needs.

    What are we wrapping in PRE tags?
    Those are hard breaks, from pressing the Return/Enter key. The 'pre' stands for preformatted. Whatever the web designer inputs within the PRE tag via the keyboard, including spaces, is preserved. For example:

    HTML Code:
    <pre>H      E      L      L      O!
    
         How          R              U?
    </pre>
    The PRE tag avoids having to use repeated instances of '&nbsp;' between letters and '<br />' between multiple lines.
    Last edited by Sey.Naci; 11-28-2007 at 12:47 PM.
    First take back the Republican Party: Join the GOP Rising!
    Next become a Precinct Leader
    Then donate to RP's presidential or congressional campaign

  18. #16
    Oh yeah, I get how PRE works, it's just that different browsers render the default font and font size differently. Which might compound the problem.

    If Trevor can remove the IE7 conditional (only), then it should be good to go!
    Hi!



  19. Remove this section of ads by registering.
  20. #17
    Depends what size I view the page at if the words line up on the book.....the background book image stays centered with the window, but the text does not. If I view it full screen in firefox @1152 x 864 0n a 21" monitor....it is perfect....if I don't use full screen, the text does not line up... I don't know anything about anything, but couldn't you take the pains of making the text part of the image so that it stays with the book no matter what?? Perhaps have the book not stay centered in the window?

    Site looks really good though.
    Last edited by JohnnyWrath; 11-28-2007 at 01:52 PM.



Similar Threads

  1. Opportunity: Graphic design professional needed
    By Lucille in forum Marketplace
    Replies: 0
    Last Post: 01-15-2015, 03:48 PM
  2. Needed: Web design help
    By ForLiberty2012 in forum Open Discussion
    Replies: 3
    Last Post: 03-06-2012, 11:33 PM
  3. Graphic Design help needed, probably very simple
    By LittleLightShining in forum Open Discussion
    Replies: 0
    Last Post: 06-25-2010, 08:41 AM
  4. Design help needed
    By afmatt in forum Project Help Wanted
    Replies: 3
    Last Post: 10-12-2008, 10:05 PM
  5. Help design a newspaper ad! Suggestions needed!
    By madcat033 in forum Advertising Projects
    Replies: 26
    Last Post: 10-23-2007, 11:01 PM

Posting Permissions

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