Skip navigation
AndyS86
AndyS86 Calculating status...
Currently Being Moderated

Website Design problem in IE?

Sep 9, 2010 10:33 AM

Hi everyone,

 


Ok, I'll try posting my problem in the right forum this time!

 


Basically a short history (sorry!) I've offered to design a website for my in laws, for their vehicle garage, using basically just Photoshop and Wordpad, and have designed a website I'm very happy with and almost finished.


My problem is that it displays fine in Firefox, but I have massive gaps in Internet explorer. Can anyone shed any light on this?

 


I'm an absolute newbie at web design, and I don't know the differences between the two browsers - however the customers use both browsers in droves.

 


The only thing I think I need to say is that I have a javascript on there so the buttons change colour on rollover (I don't know how to do rollover buttons otherwise.)

 


Anyway, I don't want to advertise the site, as to not offend anyone so I have blurred the address and website in these 2 screenshots. I'm guessing it's to do with the fact I'm using images as links?

 


Firefox:

Firefoxscreenshot.jpg

Internet Explorer:

IEscreenshot.jpg
Here is the HTML for the page. Hopefully someone can help !

 

Thankyou so much for reading, and any help - massively appreciated.

 

Andy.

 

 

1259 Views   9 Replies   Latest reply: zerograv10, Dec 4, 2010 4:21 PM
 
Replies
  • AndyS86
    Currently Being Moderated
    1. AndyS86,
    Sep 9, 2010 10:34 AM   in reply to AndyS86
    Report

    Sorry, the html didn't come out, how do I add this?

     
    |
    Mark as:
  • Currently Being Moderated
    2. Marian Driscoll,
    Sep 9, 2010 10:54 AM   in reply to AndyS86
    Report

    In the WYSIWYG editor toolbar for forum posts, locate the button that looks like this...

     

    >>

     

    ...and then choose to "Insert Raw HTML"

     

    <html>
         <head>
              <title>My Page</title>
    ...
     
    |
    Mark as:
  • Charles Bannister
    Currently Being Moderated
    3. Charles Bannister,
    Sep 9, 2010 12:51 PM   in reply to AndyS86
    Report

    If you're brand new that's a very nice website for a start.

     

    IE is absolutely awful at displaying CSS/HTML properly, the earlier versions of it are even worse!

     

    I suggest creating a second style sheet called "stylesIE.css" for example and just fix the site on that style sheet.

    Then ad a conditional at the top that detects IE then used that style sheet. (google it)

     

    Maybe someone else will give you the code on here, if not just play around until it works...its a great way to learn

     
    |
    Mark as:
  • AndyS86
    Currently Being Moderated
    4. AndyS86,
    Sep 13, 2010 5:53 AM   in reply to Charles Bannister
    Report

    Thankyou so much for your post!

     

    I'm a complete beginner - never used CSS sheets before, so any help I can get I massively appreciate! It is also my first attempt at a website, so thank you for your feedback!

     

    I will post my html for the page at the bottom of this post so if anyone can help, that'd be fantastic.

     

    In the meantime, I will google and read up on CSS.

     

    Again, thanks so much for your help.

     

    Now onto the code!

     

     

    <HTML>
    <HEAD>
    <title>- Philserve Ltd, Carterton, OX18 3ER - For all your motoring needs in the Oxfordshire area - Providing a Quality and Personal service -</title>

    <LINK REL="SHORTCUT ICON" HREF="favicon.ico">
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/javascript">
    /* This Code Free To Use As Long As These Lines Remain */
    /* DOM Image Rollover Code */
    /* Created by Chris Poole <http://www.chrispoole.com> */
    /* Featured at <http://www.DesignerWiz.com> */
    /* Development Resource & JavaScript Public Archive Center */
    function init() {
    if (!document.getElementById) return
    var imgOriginSrc;
    var imgTemp = new Array();
    var imgarr = document.getElementsByTagName('img');
    for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
    imgTemp[i] = new Image();
    imgTemp[i].src = imgarr[i].getAttribute('hsrc');
    imgarr[i].onmouseover = function() {
    imgOriginSrc = this.getAttribute('src');
    this.setAttribute('src',this.getAttribute('hsrc'))
    }
    imgarr[i].onmouseout = function() {
    this.setAttribute('src',imgOriginSrc)
    }
    }
    }
    }
    onload=init;
    </script>
    </HEAD>
    <BODY background=background3.jpg BGCOLOR=#C4C3C3 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <Table width=100% border=0 cellpadding=0 cellspacing=0 height=100%>
    <tr>
    <td align="center" valign="center">
    <!-- ImageReady Slices (Philserve090810sliced.psd) -->
    <TABLE WIDTH=882 BORDER=0 CELLPADDING=0 CELLSPACING=0>
         <TR>
              <TD COLSPAN=27>
                   <IMG SRC="images/index_01.jpg" WIDTH=882 HEIGHT=24 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=24 ALT=""></TD>
         </TR>
         <TR>
              <TD ROWSPAN=26>
                   <IMG SRC="images/index_02.jpg" WIDTH=14 HEIGHT=544 ALT=""></TD>
              <TD COLSPAN=15>
    <a href="images/main.jpg" alt="Philserve Welcome" target="I1"><IMG border="0" SRC="images/index_03.jpg" WIDTH=475 HEIGHT=91 ALT="Philserve Welcome!"></a></TD>
              <TD COLSPAN=11>
    <a href="images/main.jpg" alt="Philserve Welcome" target="I1"><IMG border="0" SRC="images/index_04.jpg" WIDTH=393 HEIGHT=91 ALT="Philserve Welcome!"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=91 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=5 ROWSPAN=2>
                   <IMG SRC="images/index_05.jpg" WIDTH=167 HEIGHT=21 ALT=""></TD>
              <TD>
                   <IMG SRC="images/index_06.jpg" WIDTH=1 HEIGHT=1 ALT=""></TD>
              <TD ROWSPAN=23>
                   <IMG SRC="images/index_07.jpg" WIDTH=1 HEIGHT=402 ALT=""></TD>
              <TD ROWSPAN=21>
                   <IMG SRC="images/index_08.jpg" WIDTH=1 HEIGHT=394 ALT=""></TD>
              <TD ROWSPAN=23>
                   <IMG SRC="images/index_09.jpg" WIDTH=3 HEIGHT=402 ALT=""></TD>
              <TD COLSPAN=11 ROWSPAN=22>
              <iframe border="0" frameborder="0" SCROLLING="no" NAME="I1" MARGINWIDTH="0" MARGINHEIGHT="0" HEIGHT="397" WIDTH="518" SRC="images/main.jpg">
    Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></TD>
              <TD COLSPAN=6>
                   <IMG SRC="images/index_11.jpg" WIDTH=177 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
         </TR>
         <TR>
              <TD ROWSPAN=22>
                   <IMG SRC="images/index_12.jpg" WIDTH=1 HEIGHT=401 ALT=""></TD>
              <TD COLSPAN=2 ROWSPAN=19>
                   <IMG SRC="images/index_13.jpg" WIDTH=42 HEIGHT=311 ALT=""></TD>
              <TD COLSPAN=2 ROWSPAN=4>
                   <a href="http://www.direct.gov.uk/en/Motoring/OwningAVehicle/Mot/index.htm" alt="M.O.T Information" target="_blank"><IMG border="0" SRC="images/index_14.jpg" WIDTH=81 HEIGHT=72 ALT="M.O.T Information"></a>
    </TD>
              <TD COLSPAN=2 ROWSPAN=19>
                   <IMG SRC="images/index_15.jpg" WIDTH=54 HEIGHT=311 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
         </TR>
         <TR>
              <TD ROWSPAN=23>
                   <IMG SRC="images/index_16.jpg" WIDTH=8 HEIGHT=432 ALT=""></TD>
              <TD COLSPAN=4>
                   <IMG SRC="images/index_17.jpg" WIDTH=159 HEIGHT=23 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=23 ALT=""></TD>
         </TR>
         <TR>
              <TD ROWSPAN=10>
                   <IMG SRC="images/index_18.jpg" WIDTH=29 HEIGHT=139 ALT=""></TD>
              <TD COLSPAN=3>
                   <a href="M.O.T.html" alt="M.O.T's" target="I1"><IMG border="0" hsrc="images/index_19on.jpg" SRC="images/index_19.jpg" WIDTH=130 HEIGHT=13 ALT="M.O.T's"></a></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/general_repairs.jpg" alt="General Repairs" target="I1"><IMG border="0" hsrc="images/index_20on.jpg" SRC="images/index_20.jpg" WIDTH=130 HEIGHT=16 ALT="General Repairs"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/accident_repairs.jpg" alt="Accident Repair" target="I1"><IMG border="0" SRC="images/index_21.jpg" WIDTH=130 HEIGHT=15 hsrc="images/index_21on.jpg" ALT="Accident Repair"></a>
    </TD>
              <TD COLSPAN=2 ROWSPAN=3>
                   <a href="http://www.greenflag.com" alt="Green Flag" target="_blank"><IMG border="0" SRC="images/index_22.jpg" WIDTH=81 HEIGHT=44 ALT="Green Flag"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/servicing.jpg" alt="Servicing" target="I1"><IMG border="0" hsrc="images/index_23on.jpg" SRC="images/index_23.jpg" WIDTH=130 HEIGHT=14 ALT="Servicing"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <IMG border="0" SRC="images/index_24.jpg" WIDTH=130 HEIGHT=15 ALT="Other Services">
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/storage.jpg" alt="Safe Storage" target="I1"><IMG border="0" SRC="images/index_25.jpg" hsrc="images/index_25on.jpg" WIDTH=130 HEIGHT=14 ALT="Safe Storage"></a>
    </TD>
              <TD COLSPAN=2>
                   <IMG SRC="images/index_26.jpg" WIDTH=81 HEIGHT=14 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/contaminated_fuel.jpg" alt="Contaminated Fuel" target="I1"><IMG border="0" hsrc="images/index_27on.jpg" SRC="images/index_27.jpg" WIDTH=130 HEIGHT=15 ALT="Contaminated Fuel"></a>
    </TD>
              <TD COLSPAN=2 ROWSPAN=4>
                   <a href="http://www.mondial-assistance.co.uk" alt="Mondial Assistance" target="_blank"><IMG border="0" SRC="images/index_28.jpg" WIDTH=81 HEIGHT=52 ALT="Mondial Assistance"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/diagnostics.jpg" alt="Vehicle Diagnostics" target="I1"><IMG border="0" SRC="images/index_29.jpg" WIDTH=130 HEIGHT=15 hsrc="images/index_29on.jpg" ALT="Vehicle Diagnostics"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
    <a href="images/welding.jpg" alt="Welding" target="I1"><IMG border="0" hsrc="images/index_30on.jpg" SRC="images/index_30.jpg" WIDTH=130 HEIGHT=14 ALT="Welding"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=3>
                   <IMG SRC="images/index_31.jpg" WIDTH=130 HEIGHT=8 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=4 ROWSPAN=2>
                   <a href="recovery.html" alt="Philserve Recovery" target="I1"><IMG border="0" SRC="images/index_32.jpg" hsrc="images/index_32on.jpg" WIDTH=159 HEIGHT=23 ALT=""></a></TD>
              <TD COLSPAN=2>
                   <IMG SRC="images/index_33.jpg" WIDTH=81 HEIGHT=10 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=2 ROWSPAN=3>
                   <a href="http://www.theaa.com" alt="The AA" target="_blank"><IMG border="0" SRC="images/index_34.jpg" WIDTH=81 HEIGHT=54 ALT="The AA"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=4>
                   <a href="about_philserve.html" alt="About Philserve" target="I1"><IMG border="0" SRC="images/index_35.jpg" hsrc="images/index_35on.jpg" WIDTH=159 HEIGHT=28 ALT=""></a></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=28 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=4 ROWSPAN=2>
                   <a href="images/contact.jpg" alt="Contact Philserve" target="I1"><IMG border="0" SRC="images/index_36.jpg" hsrc="images/index_36on.jpg" WIDTH=159 HEIGHT=31 ALT=""></a></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=2>
                   <IMG SRC="images/index_37.jpg" WIDTH=81 HEIGHT=18 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=4>
         <a href="images/special_offers.jpg" alt="Special Offers" target="I1"><IMG border="0" SRC="images/index_38.jpg" WIDTH=159 hsrc="images/index_38on.jpg" HEIGHT=29 ALT=""></a></TD>
    </TD>
              <TD COLSPAN=2>
                   <a href="http://www.rac.co.uk" alt="The RAC" target="_blank"><IMG border="0" SRC="images/index_39.jpg" WIDTH=81 HEIGHT=29 ALT="The RAC"></a>
    </TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=29 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=4 ROWSPAN=4>
                   <IMG SRC="images/index_40.jpg" WIDTH=159 HEIGHT=108 ALT=""></TD>
              <TD COLSPAN=2>
                   <IMG SRC="images/index_41.jpg" WIDTH=81 HEIGHT=18 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
         </TR>
         <TR>
              <TD ROWSPAN=3>
                   <IMG SRC="images/index_42.jpg" WIDTH=15 HEIGHT=90 ALT=""></TD>
              <TD COLSPAN=2>
                   <IMG SRC="images/index_43.jpg" WIDTH=74 HEIGHT=82 ALT=""></TD>
              <TD COLSPAN=2>
                   <IMG SRC="images/index_44.jpg" WIDTH=57 HEIGHT=82 ALT=""></TD>
              <TD ROWSPAN=5>
                   <IMG SRC="images/index_45.jpg" WIDTH=31 HEIGHT=141 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=82 ALT=""></TD>
         </TR>
         <TR>
              <TD ROWSPAN=2>
                   <IMG SRC="images/index_46.jpg" WIDTH=1 HEIGHT=8 ALT=""></TD>
              <TD COLSPAN=4 ROWSPAN=2>
                   <IMG SRC="images/index_47.jpg" WIDTH=131 HEIGHT=8 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=11>
                   <IMG SRC="images/index_48.jpg" WIDTH=518 HEIGHT=5 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
         </TR>
         <TR>
              <TD COLSPAN=2 ROWSPAN=2>
                   <IMG SRC="images/index_49.jpg" WIDTH=57 HEIGHT=51 ALT=""></TD>
              <TD><a href="M.O.T.html" alt="M.O.T's" target="I1"><IMG border="0" SRC="images/index_50.jpg" WIDTH=82 HEIGHT=21 ALT="M.O.T's"></a>
    </TD>
              <TD ROWSPAN=2>
                   <IMG SRC="images/index_51.jpg" WIDTH=20 HEIGHT=51 ALT=""></TD>
              <TD COLSPAN=5>
    <a href="images/accident_repairs.jpg" alt="Accident Repair" target="I1"><IMG border="0" SRC="images/index_52.jpg" WIDTH=91 HEIGHT=21 ALT="Accident Repair"></a>
    </TD>
              <TD ROWSPAN=2>
                   <IMG SRC="images/index_53.jpg" WIDTH=8 HEIGHT=51 ALT=""></TD>
              <TD>
    <a href="images/servicing.jpg" alt="Servicing" target="I1"><IMG border="0" SRC="images/index_54.jpg" WIDTH=61 HEIGHT=21 ALT="Servicing"></a>
    </TD>
              <TD ROWSPAN=2>
                   <IMG SRC="images/index_55.jpg" WIDTH=9 HEIGHT=51 ALT=""></TD>
              <TD>
    <a href="images/diagnostics.jpg" alt="Vehicle Diagnostics" target="I1"><IMG border="0" SRC="images/index_56.jpg" WIDTH=77 HEIGHT=21 ALT="Vehicle Diagnostics"></a>
    </TD>
              <TD>
    <a href="images/welding.jpg" alt="Welding" target="I1"><IMG border="0" SRC="images/index_57.jpg" WIDTH=62 HEIGHT=21 ALT="Welding"></a>
    </TD>
              <TD>
    <a href="images/batteries.jpg" alt="Batteries" target="I1"><IMG border="0" SRC="images/index_58.jpg" WIDTH=66 HEIGHT=21 ALT="Batteries"></a>
    </TD>
              <TD ROWSPAN=2>
                   <IMG SRC="images/index_59.jpg" WIDTH=8 HEIGHT=51 ALT=""></TD>
              <TD>
    <a href="images/contaminated_fuel.jpg" alt="Contaminated Fuel" target="I1"><IMG border="0" SRC="images/index_60.jpg" WIDTH=118 HEIGHT=21 ALT="Contaminated Fuel"></a>
    </TD>
              <TD ROWSPAN=2>
                   <IMG SRC="images/index_61.jpg" WIDTH=11 HEIGHT=51 ALT=""></TD>
              <TD COLSPAN=4>
                   <a href="recovery.html" alt="Philserve Recovery" target="I1"><IMG border="0" SRC="images/index_62.jpg" WIDTH=102 HEIGHT=21 ALT="Philserve Recovery"></a>
    </TD>
              <TD COLSPAN=2 ROWSPAN=2>
                   <IMG SRC="images/index_63.jpg" WIDTH=57 HEIGHT=51 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=21 ALT=""></TD>
         </TR>
         <TR>
              <TD>
                   <IMG SRC="images/index_64.jpg" WIDTH=82 HEIGHT=30 ALT=""></TD>
              <TD COLSPAN=5>
                   <IMG SRC="images/index_65.jpg" WIDTH=91 HEIGHT=30 ALT=""></TD>
              <TD>
                   <IMG SRC="images/index_66.jpg" WIDTH=61 HEIGHT=30 ALT=""></TD>
              <TD COLSPAN=3>
                   <a href="images/main.jpg" alt="Philserve Welcome" target="I1"><IMG border="0" SRC="images/index_67.jpg" WIDTH=205 HEIGHT=30 ALT="Philserve Welcome"></a>
    </TD>
              <TD>
                   <IMG SRC="images/index_68.jpg" WIDTH=118 HEIGHT=30 ALT=""></TD>
              <TD COLSPAN=4>
                   <IMG SRC="images/index_69.jpg" WIDTH=102 HEIGHT=30 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
         </TR>
         <TR>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=29 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=85 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=61 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=77 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=66 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=47 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=23 HEIGHT=1 ALT=""></TD>
              <TD>
                   <IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
              <TD></TD>
         </TR>
    </TABLE>
    <!-- End ImageReady Slices --></td></tr></table>
    </BODY>
    </HTML>
     
    |
    Mark as:
  • Charles Bannister
    Currently Being Moderated
    5. Charles Bannister,
    Sep 13, 2010 6:00 AM   in reply to AndyS86
    Report

    Tables are an old way of doing things, use divs.

     

     

     

    EG

     

     

     

    As for the bottom, put it in a div.

     

    HTML:

    <div id ="footer">

     

    </div>

     

    CSS:

     

    #footer{

    width:960px;

    height:100;

    background-color:blue;

    }

     

    NOTES:

    I haven't read your code, 960 is an EG.

    Don't use colors such as 'blue' use the hex value or an image

    put this at the bottom of the HTML, and it will generally go at the bottom due to document flow (another to google).

     

     

    This is w/o looking at your code by the way

     
    |
    Mark as:
  • AndyS86
    Currently Being Moderated
    6. AndyS86,
    Sep 13, 2010 6:15 AM   in reply to Charles Bannister
    Report

    Thankyou very much for the very quick reply!

     

    Ok, the tables as divs sounds easy enough, will definitely try that. I'm worried that I don't actually know what is causing the page to display as it does, I will definitely look it up on google though. Can you use css in individual TDs? Or is it just a table (div!) related thing?

     

    So for example would

     <td class="td1">

    work?

     

    Thanks again!

     
    |
    Mark as:
  • AndyS86
    Currently Being Moderated
    7. AndyS86,
    Oct 13, 2010 10:27 AM   in reply to AndyS86
    Report

    Hi again everyone,

     

    Thank you for having a little patience with me!

     

    I've had no success, and I was hoping to finish the website in the next week.

     

    Anyone care to help? Even if Paypal sways it!

     

    Thanks again!

     


    Andy.

     
    |
    Mark as:
  • web_ganii
    Currently Being Moderated
    8. web_ganii,
    Nov 20, 2010 12:02 PM   in reply to AndyS86
    Report

    hai,

     

        don't worry about that. first u can do table what where ur size split it 2 rows. first rows u can put one table and split want where u want logo etc. after that next row put another table and split and content etc. it sit perfectly.if u can doit send it u r source file i correct it. i send it back .

     
    |
    Mark as:
  • zerograv10
    Currently Being Moderated
    9. zerograv10,
    Dec 4, 2010 4:21 PM   in reply to AndyS86
    Report

    First thing you should do is spend some time on W3C schools (http://www.w3schools.com/) and follow the tutorials on CSS. They are easy to follow and before you know it you'll be putting together great websites. Also download Notepad++(http://notepad-plus-plus.org/), it's great for coding and the colours let you know if you are doing it right.

    Good luck

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points