Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Aug 2004
    Posts
    2
    Member #
    7348
    hi there,
    i have put together a pretty simple page, wanting to have outline for each of the sections- all seem fine, except for the one that sits next to the image in the top left. it sits to far forward, it should lineup withe line below.

    I have given the table and the the <td> exact measurments and still it does not line up...

    i get different renderings in ie, netscape, opera, and mozilla

    here is the page, can someone tell me what I am doign wrong?
    http://www.wicklowdesigns.com/escher2/indexsha.html


    thanks!
    sha

  2.  

  3. #2
    Member drewrockshard's Avatar
    Join Date
    Feb 2004
    Location
    Garland (Dallas), Texas
    Posts
    45
    Member #
    4946
    try this...


    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <link href="escher.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    <table width=786 cellspacing=0 cellpadding=0 border=0>
      <tr>
        <td width=455 bgcolor=#FFFFFF><img src="graphics/homepage/mimage.jpg" width="455" height="225"></td>
        <td width=1 bgcolor=#444444 rowspan=3><img src="graphics/homepage/spacer.gif" height=1 width=1></td>
    
        <td width=455 align=left bgcolor=#FFFFFF><table width="95%" border="0" align="center" cellpadding="2" cellspacing="2">
            <tr>
              <td width="3%" rowspan="4">&nbsp;</td>
              <td width="97%" valign="top"><p><span class="header">Distributed 
    			Messaging &amp; Data Management<br>
                </span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <A href="test.html">
    			Learn more</A> <span class="arrow">»</span></p>
                  <p class="subcopy"></p></td>
    
            </tr>
            <tr>
              <td width="97%" valign="top"><p><span class="header">Postal Counter 
    			Automation<br>
                </span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <A href="test.html">
    			Learn more</A> <span class="arrow">»</span></p>
                  <p class="subcopy"></p></td>
            </tr>
            <tr>
    
              <td width="97%" valign="top"><p><span class="header">Postal Network 
    			Management <br>
                </span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <A href="test.html">
    			Learn more</A> <span class="arrow">»</span></p>
                  <p class="subcopy"></p></td>
            </tr>
            <tr>
              <td width="97%" valign="top"><p><span class="header">Logistics <br>
    
                </span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <A href="test.html">
    			Learn more</A> <span class="arrow">»</span></p>
                  <p class="subcopy"></p></td>
            </tr>
        </table></td>
        <td width=1 bgcolor=#444444 rowspan=3><img src="graphics/homepage/spacer.gif" height=1 width=1></td>
      </tr>
      <tr>
    
        <td height=1 bgcolor=#000033><img src="graphics/homepage/spacer.gif" width=1 height=1></td>
        <td height=1 bgcolor=#000033><img src="graphics/homepage/spacer.gif" width=1 height=1></td>
      </tr>
    </table>
    <table width=786 cellspacing=0 cellpadding=0 border=0>
      <tr>
        <td width=455 height=18 align=left bgcolor=#0066CC class="sectionheaders">
    	PRESS RELEASES</td>
        <td height=42 width=1 bgcolor=#444444 rowspan=3><img src="graphics/homepage/spacer.gif" height=1 width=1></td>
        <td width=164 height=18 align=left bgcolor=#339933 class="sectionheaders">
    	EVENTS</td>
    
        <td height=42 width=1 bgcolor=#444444 rowspan=3><img src="graphics/homepage/spacer.gif" height=1 width=1></td>
        <td width=164 height=18 align=left bgcolor=#DD6F00 class="sectionheaders">IN 
    	THE NEWS</td>
        <td height=42 width=1 bgcolor=#444444 rowspan=3><img src="graphics/homepage/spacer.gif" height=1 width=1></td>
      </tr>
      <tr>
        <td height=1 bgcolor=#444444><img src="graphics/homepage/spacer.gif" width=1 height=1></td>
        <td height=1 bgcolor=#444444><img src="graphics/homepage/spacer.gif" width=1 height=1></td>
        <td height=1 bgcolor=#444444><img src="graphics/homepage/spacer.gif" width=1 height=1></td>
    
      </tr>
      <tr>
        <td width=455 bgcolor=#F7F7F7 align=left><table width="98%"  border="0" cellspacing="4" cellpadding="4">
            <tr>
              <td align="left" valign="top"><p class="subcopy"><a href="http://www.eschergroup.com/news_item.asp?id=95">
    			Escher Group and IBM Win Postal Counter Automation Project in Norway</a></p>
                  <p class="subcopy"><a href="http://www.eschergroup.com/news_item.asp?id=94">
    				Transend Appointed Distributor of Escher Group Postal Products</a></p>
                  <p class="subcopy"><a href="http://www.eschergroup.com/news_item.asp?id=93">
    				Mauritius Post Selects Escher Group's WebRiposte™ to Automate 
    				PostalCounters as Community Hub</a></p></td>
    
              <td align="left" valign="top">&nbsp;</td>
              <td align="left" valign="top"><p class="subcopy"><a href="http://www.eschergroup.com/news_item.asp?id=92">
    			&quot;Making Counters Pay&quot; , An article from Postal Technology 
    			International. (PDF - 1349Kb)</a></p>
                  <p class="subcopy"><a href="http://www.eschergroup.com/news_item.asp?id=90">
    				Escher Group Showcases Latest Technology Advances At POST-EXPO 
    				2003</a></p>
                  <p class="subcopy"><a href="http://www.eschergroup.com/news_item.asp?id=89">
    				WebRiposte™ Provides Isle of Man Post With A Proven Platform For 
    				Business Growth</a></p></td>
            </tr>
        </table></td>
    
        <td width=164 align=left valign="top" bgcolor=#F7F7F7><p><img src="graphics/homepage/pe2004.gif" width="38" height="52" hspace="6" vspace="6" border="1" align="left"></p>
            <p>&nbsp;</p>
            <p><span class="subcopy"><a href="http://www.eschergroup.com/news_events.asp#PE-2004">
    		Post-Expo 2004</a></span></p></td>
        <td width=164 align=left valign="top" bgcolor=#F7F7F7><p class="subcopy"><a href="http://www.eschergroup.com/documents/PressMisc/PostalTechArticle_MakingCountersPay.pdf"><img src="graphics/homepage/postech.gif" width="38" height="52" hspace="6" vspace="6" border="1" align="left"></a>
            <p class="subcopy"><a href="http://www.eschergroup.com/documents/PressMisc/PostalTechArticle_MakingCountersPay.pdf">
    		Escher Group featured in Postal Technology article (1349Kb)</a></p>
            <p>&nbsp;</p>
            <p class="subcopy"><a href="http://www.eschergroup.com/documents/Insight/InsightV4_2.pdf"><img src="graphics/homepage/insight.gif" width="38" height="52" hspace="6" vspace="6" border="1" align="left"></a></p>
            <p class="subcopy"><a href="http://www.eschergroup.com/documents/Insight/InsightV4_2.pdf">
    		Read the latest issue of <em>Insight</em></a></p></td>
    
      </tr>
    </table>
    <!-- END Table 2 -->
    <table width="786" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="1" valign="top" colspan="2" bgcolor="#000000"></td>
      </tr>
      <tr>
        <td valign="top" width="1" height="19">&nbsp;</td>
        <td width="785" rowspan="2" valign="bottom"></td>
    
      </tr>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>
    I changed the first part of the table size...it was of by a few pixels...

    cheers..
    Thanks,
    Drew

  4. #3
    Junior Member
    Join Date
    Aug 2004
    Posts
    2
    Member #
    7348
    table lines not lining up

    Drew,
    thanks...but I dont see what you changed in the code--i copied all the code you placed in the post into a new html doc, and it still looks the same to me?

    http://www.wicklowdesigns.com/escher2/indexsha2.html

    can you point out where I need to change the code?

    thanks so much!
    sha

  5. #4
    Member drewrockshard's Avatar
    Join Date
    Feb 2004
    Location
    Garland (Dallas), Texas
    Posts
    45
    Member #
    4946
    Quote Originally Posted by shaparis
    Drew,
    thanks...but I dont see what you changed in the code--i copied all the code you placed in the post into a new html doc, and it still looks the same to me?

    http://www.wicklowdesigns.com/escher2/indexsha2.html

    can you point out where I need to change the code?

    thanks so much!
    sha
    yea i looked at ure code again...my bad...

    yes...your image...scale it down, thats the reason why it wont line up. whats happening is that you have two TD tags with a table...one holds the image and the other holds the text column where you have the "Postal count information", etc...

    whats happening is your image is so width that its not letting you move your TD tag over to make wider so that they line up. you should scale and resize your main image and to about 420 or 430 pixels wide...(around line 11 in ure code)

    HTML Code:
    <table border="0" cellpadding="0" cellspacing="0" width="786">
      <tbody><tr>
        <td bgcolor="#ffffff" width="455">
    	<img src="indexsha_files/mimage.jpg" height="225" width="430">
    And the you can change your TD tag with the text information (column) to about 400 pixels wide...(around line 13 in ure code)

    HTML Code:
    <td align="left" bgcolor="#ffffff" width="400"><table align="center" border="0" cellpadding="2" cellspacing="2" width="95%">
    hopefully this helps out some...ill be here if you need additional help.
    Thanks,
    Drew


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:09 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com