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 2 of 2
  1. #1
    Senior Coder
    Join Date
    Jul 2003
    Location
    My pimped-out igloo in Canadia
    Posts
    1,966
    Thanks
    36
    Thanked 0 Times in 0 Posts

    alignment issue: local versus online (GAHHH)

    K Hi.

    have to have this done by 5pm and i dont get something.

    The background image of the cell id=mainCell is aligning differently online versus on my hardrive.

    this project has to be saved to a CD and used in class, and the local copy is the screwy one.

    see the two here:
    http://www.enviromark.ca/jay/Bridget...onComputer.gif
    www.enviromark.ca/jay/Bridget/Images/online.gif

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Education 101</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="main.css" type="text/css">
    </head>
    
    <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="100" colspan="2" id="header"><img src="Images/img_water1.jpg" width="100%" height="100"></td>
      </tr>
      <tr>
        <td width="92" valign="top" id="contents"><p><br>
          <a href="synthesis.htm">&nbsp;Synthesis</a><p>
    	  <a href="reading1.htm">&nbsp;Summary 1</a><br>
            <a href="reading2.htm">&nbsp;Summary 2</a><br>
            <a href="reading3.htm">&nbsp;Summary 3</a><br>
            <br>
            <a href="suggestedReadings.htm">&nbsp;Suggested<br>&nbsp;Readings</a><br>
            <br>
            <a href="contact.htm">&nbsp;Contact</a></p>
        </td>
        <td align="left" id="mainCell"></td>
      </tr>
      <tr height="100">
        <td width="92">&nbsp;</td>
        <td align="right" valign="top"> <img src="Images/back20.jpg" width="100" height="100"></td>
      </tr>
    </table>
    </body>
    </html>
    css
    Code:
    /*
    a:link, a:active, a:visited {
    color: #949191;
    font-size : 12; 
    Font-Family: Arial;
    text-decoration: none}
    */
    
    a:link, a:active, a:visited {
    color: #000000;
    font-size : 12; 
    font-family: arial, sans-serif;
    text-decoration: none}
    
    a:hover {
    color: #000000;
    font-size : 12; 
    font-family: arial, sans-serif; 
    text-decoration: underline}
    
    BODY {
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#FFFFFF;
    scrollbar-shadow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#000000;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF}
    
    
    FONT
    {
    color: #000000;
    font-family: arial, sans-serif;}
    
    #mainCell{
    background-image: url("Images/background.jpg");
    background-repeat:no-repeat;
    background-position: top left;
    }
    why would this be happening?
    Before you criticize someone, you should walk a mile in their shoes. That way, when you criticize them, you're a mile away and you have their shoes :)

  • #2
    Regular Coder fishluvr's Avatar
    Join Date
    Nov 2005
    Posts
    110
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Have you tried it with &nbsp; in your mainCell?

    Additionally, you could try swapping your position values (left top) or using percentages (0% 0%).
    Last edited by fishluvr; 12-09-2005 at 10:29 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
    •