SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Rockport MA USA
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have specifed table to have no cell padding, borders, etc., and all cell alignments set to "top" and "left", as I want to be able to align things as finely as possible. Looks OK in DW3, but both Netscape and IE add vertical space between the cells, making my images drop down in the layout. I have tried a separate table within the major one, but results are unpredictable.

    Does anyone have a cure for this?

    Many thanks,
    NAL

  2. #2
    ********* Addict
    Join Date
    Feb 2000
    Location
    NE FL, USA
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you post it to the web somewhere, so I can see it?.

    ------------------
    http://www.CandMWebDesign.com - The best in web site design, maintenance, marketing, and development



  3. #3
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Rockport MA USA
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi! Thanks for such a quick response! The link is: http://www2.shore.net/~sea/tabletest/

    Wondering also why I have white space at the top and left of the page...want the images to be right against the top and left edge.

    Thanks for any suggestions!

    NAL

  4. #4
    ********* Addict
    Join Date
    Feb 2000
    Location
    NE FL, USA
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Take another look at each individual cell. You have rows aligned the way you said, but you don't have the cells aligned. I think that should fix your problem.

    ------------------
    http://www.CandMWebDesign.com - The best in web site design, maintenance, marketing, and development



  5. #5
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Rockport MA USA
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi! Have checked and reset all alignments and played with some simpler tables - the only table that did not misbehave was a 2 x 2 with all cells the same size - am stumped!

    NAL

  6. #6
    ********* Addict
    Join Date
    Feb 2000
    Location
    NE FL, USA
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Open your page and view the source. Now, take a look at this code:

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body bgcolor="#FFFFFF" background="Images/art_speckle_bkgrnd.gif">
    <table width="796" border="0" cellspacing="0" cellpadding="0">
    <tr align="left" valign="top">
    <td rowspan="5" width="155"><img src="Images/Boat_Bar_145_Speckle.gif" width="152" height="700"></td>
    <td colspan="3"><img src="Images/Aer_TopBar.gif" width="629" height="54"></td>
    </tr>
    <tr>
    <td width="20" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    <td width="387" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    <td width="228" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    </tr>
    <tr>
    <td width="20" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    <td width="387" align="left" valign="top"><img src="Images/Aer_Inn_Bass_Rocks.jpg" width="360" height="330"></td>
    <td width="228" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    </tr>
    <tr>
    <td width="20" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    <td width="387" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    <td width="228" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    </tr>
    <tr>
    <td width="20" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    <td width="387" align="left" valign="top"><img src="Images/Txt_CopyrightLine.gif" width="181" height="20"></td>
    <td width="228" align="left" valign="top">
    <p> </p>
    <p> </p>
    </td>
    </tr>
    </table>
    </body>
    </html>

    What's different? Alignment attributes are specified for each cell. That's what was missing. I've also included blank lines in the cells that didn't have anything in them. Netscape doesn't like to render tables the way you want if there are blank cells.

    Dreamweaver is a great tool, but should be no substitute for a working knowledge of HTML. Be sure to take a look at the source that is under the page to see how something is coded. You should be able to get a working knowledge of code that way.

    Good luck!

    ------------------
    http://www.CandMWebDesign.com - The best in web site design, maintenance, marketing, and development



  7. #7
    SitePoint Zealot
    Join Date
    Nov 1999
    Location
    Manhattan!
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey NAL,
    nice shots on the page...

    I used to live right next to Rocky Neck and walked up and down main street every day.

    Sure is a small place this internet thingy

    Christian

  8. #8
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Rockport MA USA
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    To C&M Web Design - You are so right about knowing the html - I am still in a real learning curve! Thank you very much for your time and help - it is very much appreciated, and you have given that ol' learning curve a good boost!

    To Christian - It sure is a small world - I used to live next to Rocky Neck too! - I agree, it is a great photo!

    Best wishes to you both!

    NAL

  9. #9
    ********* Addict
    Join Date
    Feb 2000
    Location
    NE FL, USA
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you're not learning then you're moving backwards. That's why we all come here, to learn. Keep up the good work and keep hacking away!

    ------------------
    http://www.CandMWebDesign.com - The best in web site design, maintenance, marketing, and development



  10. #10
    SitePoint Member
    Join Date
    Jan 2000
    Location
    London
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    HI Nal,
    Your problem is very simple. just put:
    <body topmargin="0" leftmargin="0" bgcolor="#FFFFFF" background="Images/art_speckle_bkgrnd.gif">


    and it will work perfectly! if still no change then you will have to add few transparent gifs on the right.
    if needed just contact me at nashir5@btinternet.com


  11. #11
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Rockport MA USA
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Nashir!
    Thanks for your response - I was finally, after many experiments, able to get rid of the autoinsertion of lines by specifying the length and width for each cell in the table along with the alignment for each cell in the table - but what a lot of work! You can bet I am going to try your suggestion!

    Many thanks,
    NAL

  12. #12
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    tthe attributes topmargin and leftmargin only work in version 3 browsers but don't work in 4.0 or in Navigator 4+. To set your margins to zero for all browsers then you have to use:

    <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="margin-left : 0; margin-top : 0;">

    Of course the ""'s are required for Navigator 5.0 and any document that hopes to use XML in IE 5+.

    If you truly want to build cross browser code you need to follow the HTML 3.2 and 4.0 standards plus any requirements for XML like the ""'s and case-matching (i.e. <p> cannot be closed by </P> in an XML document). Hopefully we won't have to have do cross-browser code for too much longer (My personal guess is 2-4 years).

    ------------------
    Wayne Luke

    The Majormud Encyclopedia - www.bloodquest2.com
    Come Play one of the hottest games on the net.




    [This message has been edited by wluke (edited January 30, 2000).]

  13. #13
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Rockport MA USA
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Wayne!

    The plot thickens! At this point I am wondering what the impact of 2-4 more years of cross-browser code in connection with XML is going to have on those of us using web authoring packages - seems unless updates get offered periodically (as opposed to upgrades) things could get...complicated! And will new browser versions opt to recognize older code as well as newer?

    At the beginning of this thread, the statement was made that there is no substitute for knowing how to code manually - I totally agree (working on it!) but also believe that the authoring packages are not going away.

    Many thanks for your information - follow it up I certainly will!

    NAL

  14. #14
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    It depends on the manufacturer of the software. Netscape has chosen not to be backwards compatible with their upcoming Communicator/Navigator 5.0 packages. These packages are supposed to be compliant with the existing standards of HTML 4.0, XML, CSS1 and partial CSS-2, XSL and EcmaScript (the new official name for standard javascript). This means a lot of sites relying on Proprietary tags like LAYER, ILAYER, BLINK and others will not work properly or may not even show up in the new browser. Expect Microsoft to follow suit with the next major version of Internet Explorer as following standards can bring a lot of users back into the Netscape fold.

    Now with XML things will get easier. A design program can be built that uses XML DTD's (Document Tag Definitions) to build each HTML or XHTML tag. Then when a new tag comes out you only have to update the definition file for the program to allow proper use of that tag. DreamWeaver is close to this but uses Javascript instead of XML for added functionality to be built it. The only way software companies will make standards compliant browsers and editors is if we as users and developers demand them. There is an organization that is spearheading this effort at www.webstandards.org.

    ------------------
    Wayne Luke

    The Majormud Encyclopedia - www.bloodquest2.com
    Come Play one of the hottest games on the net.




Bookmarks

Posting Permissions

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