Please Help! Im Sure Its An Easy Fix! Site Looks Great In Ff, But Bad In Ie

Discussion in 'HTML & Website Design' started by backalley, Feb 7, 2013.

  1. #1
    can you please tell me what im missing, im sure its a simple fix, i dont really know much about building sites, this is my first attempt so go easy on me.
    www.tucsonpartytime.com

    it looks just the way i want it in firefox, but in internet explorer the stuff doesnt line up, and there are blue lines around my hyperlinks
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html><head><title>Welcome to Tucson Memory Booths - Photo Booth Rentals</title>
    <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
    <meta name="GENERATOR" content="MSHTML 8.00.6001.19394">

    </head>
    <body leftmargin="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0"><!-- ImageReady Slices (Untitled-1) -->
    <table border="0" cellspacing="0" cellpadding="0" width="1000" bgcolor="#c8a67c">
    <tbody>
    <tr>
    <td colspan="7"><img alt="" src="images/index3_01.gif" width="1000"
    height=160></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="160"></td></tr>
    <tr>
    <td><a href="http://www.tucsonpartytime.com/default.asp"><img alt=""
    src="images/index3_02.gif" width=199 height=111></a></td>
    <td colspan="2"><a href="http://www.tucsonpartytime.com/rates.asp"><img
    alt="" src="images/index3_03.gif" width=157 height=111></a></td>
    <td><a href="http://www.tucsonpartytime.com/contact.asp"><img alt=""
    src="images/index3_04.gif" width=242 height=111></a></td>
    <td colspan="2"><a href="http://www.tucsonpartytime.com/photos.asp"><img
    alt="" src="images/index3_05.gif" width=152 height=111></a></td>
    <td><img alt="" src="images/index3_06.gif" width="250" height="111"></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="111"></td></tr>
    <tr>
    <td rowspan="2" colspan="2"><img alt="" src="images/index3_07.gif" width="206"
    height=424></td>
    <td colspan="3">
    <p align="center"><font color="#4d3729"><font size="5">Welcome to Tucson Memory
    Booths! Your premiere location for photo booths anywhere in Tucson.
    Offering you High quality authentic and Professional photo booths- the
    perfect solution for wedding, party and corporate event photography. Get
    amazing color or black and white photos printed instantly, to take home or
    give to guests as a keepsake from the event.</font> </font></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p></td>
    <td colspan="2"><img alt="" src="images/index3_09.gif" width="251"
    height=420></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="420"></td></tr>
    <tr>
    <td rowspan="2" colspan="5">
    <p align="center"><font color="#4d3729" size="5">Why rent a photo
    booth?<br>*Provides entertainment for your guests in a fun interactive
    booth*Get unlimited prints of your photos instantly during the whole
    event. You can make a photo filled guest book which every <br>guest signs
    and writes in. </font></p><a
    href="http://www.gigsalad.com/tucson_memory_photo_booths_tucson"><img
    border=0 alt="Photo Booth Company in Tucson"
    src="http://www.gigsalad.com/banners/icon_square.png"></a><br><a
    style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; COLOR: #666; FONT-SIZE: 12px; BORDER-TOP: medium none; FONT-WEIGHT: normal; BORDER-RIGHT: medium none; TEXT-DECORATION: none"
    href="http://www.gigsalad.com/Event-Services/video-photo-booths">Hire
    Photo Booth Companies</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font
    color=#4d3729 size=5>call: (520)262-0632&nbsp; Copyright © 2013</font></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="4"></td></tr>
    <tr>
    <td colspan="2"><img alt="" src="images/index3_11.gif" width="206"
    height=305></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="305"></td></tr>
    <tr>
    <td><img alt="" src="images/spacer.gif" width="199" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="7" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="150" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="242" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="151" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="250" height="1"></td>
    <td></td></tr></tbody></table><!-- End ImageReady Slices --></body></html>
     
    backalley, Feb 7, 2013 IP
  2. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #2
    The fix is simple, just tell all your image elements not to have a border.
    To do this, just add img {border:none} in your stylesheet (if you have one).

    P.S. : Usually, I tell people to use strict doctypes but I'll make an exception here : your markup is a good example of transition between 1997 and 1998, so it's just fine as transitional. You could also downgrade to 3.2... :hap: You have only one post, so you won't care if I post anything regaring the markup itself.
     
    wiicker95, Feb 7, 2013 IP
  3. backalley

    backalley Greenhorn

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    ok im gonna sound really dumb now, i dont have a style sheet, and im not sure what you mean by downgrade to 3.2. sorry can you walk me through a little more.
     
    backalley, Feb 7, 2013 IP
  4. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #4
    Well if you are unable to include an external css file, then your best bet is to add the code below just before
    "</head>".
    <style type="text/css">
    img {border:none}
    </style>
    Don't worry, a loud rooster eager to to fertilize your hen is coming your way. ;)
     
    Last edited: Feb 7, 2013
    wiicker95, Feb 7, 2013 IP
    Colleen likes this.
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    I always laugh when people think that 'works in one browser but not others' is going to be an easy fix -- because most always the pages are built with broken outdated methodologies or 'tools' that really have no business being used to make websites.

    <meta name="GENERATOR" content="MSHTML 8.00.6001.19394">

    Says 99.99% of your issues -- the HTML output from some version of Office most likely... ANY tool that lets you 'visually' edit a website produces horrifically bad outdated half-assed code... as evidenced by what you have here with broken (in every browser here) tables for layout, spacer gif's, tags like FONT and attributes like BGCOLOR and ALIGN that have no business in ANY website written after 1998, non-breaking spaces doing padding's job, presentational markup, complete lack of anything resembling semantics, no separation of presentation from content, no CSS -- It's HTML 3.2 at it's worst with a 4 tranny slapped on it. Transitional meaning the markup is in transition from 1997 to 1998 coding practices.

    It's a laundry list of how not to build a website -- and unfortunately if you want it accessible, working cross browser, and built properly you're going to have to throw it ALL away and actually learn HTML and CSS first. That might sound harsh, but that's the reality of it. If you are thinking visual appearance and think some visual tool can help you build a site, you've been misinformed and led down the garden path to failure. That's the reality of it.

    Was this put together in Frontpage, or something even worse?
     
    deathshadow, Feb 7, 2013 IP
    Colleen likes this.
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    You rang? I say, I say, that's a joke son...
     
    deathshadow, Feb 7, 2013 IP
  7. backalley

    backalley Greenhorn

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #7
    ok i added it, and now it makes the page totally blank :(
    http://www.tucsonpartytime.com/photos1.asp


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html><head><title>Welcome to Tucson Memory Booths - Photo Booth Rentals</title>
    <meta content="text/html; charset=unicode" http-equiv="Content-Type">
    <meta name="GENERATOR" content="MSHTML 9.00.8112.16457">
    <style
    type="text/css>&#13;&#10;img {border:none}&#13;&#10;</style>&#13;&#10;</head>&#13;&#10;<body leftmargin="
    marginheight="0" marginwidth="0" bgcolor="#ffffff" topmargin="0" 0?><!-- ImageReady Slices (Untitled-1) -->
    <table border="0" cellspacing="0" cellpadding="0" width="1000" bgcolor="#c8a67c">
    <tbody>
    <tr>
    <td colspan="7"><img alt="" src="images/index3_01.gif" width="1000"
    height=160></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="160"></td></tr>
    <tr>
    <td><a href="http://www.tucsonpartytime.com/default.asp"><img alt=""
    src="images/index3_02.gif" width=199 height=111></a></td>
    <td colspan="2"><a href="http://www.tucsonpartytime.com/rates.asp"><img
    alt="" src="images/index3_03.gif" width=157 height=111></a></td>
    <td><a href="http://www.tucsonpartytime.com/contact.asp"><img alt=""
    src="images/index3_04.gif" width=242 height=111></a></td>
    <td colspan="2"><a href="http://www.tucsonpartytime.com/photos.asp"><img
    alt="" src="images/index3_05.gif" width=152 height=111></a></td>
    <td><img alt="" src="images/index3_06.gif" width="250" height="111"></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="111"></td></tr>
    <tr>
    <td rowspan="2" colspan="2"><img alt="" src="images/index3_07.gif" width="206"
    height=424></td>
    <td colspan="3">
    <p align="center"><font color="#4d3729"><font size="5">PHOTOS COMING
    SOON.</font> </font></p></td>
    <td colspan="2"><img alt="" src="images/index3_09.gif" width="251"
    height=420></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="420"></td></tr>
    <tr>
    <td rowspan="2" colspan="5">
    <p align="center"><font color="#4d3729" size="5">Why rent a photo
    booth?<br>*Provides entertainment for your guests in a fun interactive
    booth*Get unlimited prints of your photos instantly during the whole
    event. You can make a photo filled guest book which every <br>guest signs
    and writes in.</font></p>
    <p align="center"><font color="#4d3729" size="5"></font>&nbsp;</p>
    <p align="center"><font color="#4d3729" size="5">call: (520)262-0632&nbsp;
    Copyright ? 2013</font></p></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="4"></td></tr>
    <tr>
    <td colspan="2"><img alt="" src="images/index3_11.gif" width="206"
    height=305></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="305"></td></tr>
    <tr>
    <td><img alt="" src="images/spacer.gif" width="199" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="7" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="150" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="242" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="151" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="1" height="1"></td>
    <td><img alt="" src="images/spacer.gif" width="250" height="1"></td>
    <td></td></tr></tbody></table><!-- End ImageReady Slices --></body></style>
    </head>
    <body></body></html>
     
    backalley, Feb 7, 2013 IP
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #8
    Where you added it makes no sense, HOW you added it makes no sense, and I suspect the tool you are using to build the site is WHY it makes no sense. See those &#13;&#10; -- whatever pile of **** editor you are using is adding those... see how it now says <head> more than once, and <body> / </body> more than once? It's now completely screwing up the markup to be invalid/broken since those should be UNIQUE and NEVER included more than once.

    Again, frontpage or whatever other idiotic tool you've been duped into using is TRICKING you into thinking you can build a website with them. Not your fault really, such tools as Frontpage, Microsoft Web Expression, Dreamweaver, etc, etc seem to exist JUST to prey on the ignorance of those just starting out. I doubt any of us failed to fall into that trap when starting out. (I know I did fifteen years ago with nyetscape composer)

    Whatever program you are using should be thrown in the trash, and you'll need to learn to write HTML with a flat text editor directly.
     
    deathshadow, Feb 7, 2013 IP
  9. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #9
    You don't say! I tend not to be a funny guy when it comes to serious stuff, but given that your avatar is foghorn leghorn at his best, and you have, like, 4,000 posts that are actually almost unique articles, you reserve the right to be called that.
     
    wiicker95, Feb 7, 2013 IP
  10. backalley

    backalley Greenhorn

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #10
    oh sorry made a mistake, still after adding it correctly it makes the page blank
    http://www.tucsonpartytime.com/photos2.asp
     
    backalley, Feb 7, 2013 IP
  11. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #11
    Oh sorry my bad, you have to add another quotation mark right after text/css
     
    wiicker95, Feb 7, 2013 IP
  12. backalley

    backalley Greenhorn

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #12
    wow! thanks man!
     
    backalley, Feb 7, 2013 IP