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 3 of 3
  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

    a quick alignment issue

    the mainCell on this page is getting shifted way over to the right when I set the img_water1 to width=100%

    can someone help me fix this?

    you can see it here:

    www.enviromark.ca/jay/Bridget/index.htm

    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" media="screen">
    </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"><img src="Images/img_water1.jpg" width="100%" height="100"></td>
      </tr>
      <tr>
        <td width="80" valign="top"><p><br>
          <a href="reading1.htm">Summary 1</a><br>
            <a href="reading2.htm">Summary 2</a><br>
            <a href="reading3.htm">Summary 3</a><br>
            <br>
            <a href="suggestedReadings.htm">Suggested Readings</a><br>
            <br>
            <a href="contact.htm">Contact</a></p>
        </td>
        <td align="left" id="mainCell">&nbsp;</td>
      </tr>
      <tr>
        <td width="80">&nbsp;</td>
        <td align="center" valign="top"><p><br>
          Ward Design</p>
        </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;
    }
    thanks.
    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
    Senior Coder
    Join Date
    Jul 2003
    Location
    My pimped-out igloo in Canadia
    Posts
    1,966
    Thanks
    36
    Thanked 0 Times in 0 Posts
    k it seems to work online but not when i preview it in dreamweaver...

    any ideas?
    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 :)

  • #3
    Senior Coder
    Join Date
    Jul 2003
    Location
    My pimped-out igloo in Canadia
    Posts
    1,966
    Thanks
    36
    Thanked 0 Times in 0 Posts
    fixed it and moved on, nvrmind
    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 :)


  •  

    Posting Permissions

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