SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css+table = thin border can't get rid of

    Ok, it might not be a border, but a thin white space at the top. Basically it has something to do with the table surrounding all the info.

    Alright, here is the link
    http://www.btkdesigns.com/seemac/seemac-table.htm

    Here is my css

    Code:
    table#whole {
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
    }
    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
    text-decoration: none;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
    }
    td#headerimage {
    background-image: url(images/seemac_02.jpg);
    background-repeat: repeat-x;
    height: 114px;
    border: none;
    margin: 0px;
    padding: 0px;
     
    }
    td {
    margin: 0px;
    padding: 0px;
    border: none;
    }
    tr {
    margin: 0px;
    padding: 0px;
    border: none;
    Can anyone tell me where the problem is

    Thanks
    Bryan

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I get no border in Opera 7.2, IE6, or Firebird.

  3. #3
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    At the very top and left side?

    For me, IE 6 produced what appears to be either a 1-2px space. Doesn't mean its a border, but at least a space.

    btw- That was a record response. Very fast

  4. #4
    Super Ninja Monkey Travis's Avatar
    Join Date
    Dec 2001
    Location
    Sioux City, Iowa
    Posts
    691
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    border-spacing: 0;
    border-collapse: collapse;
    Travis Watkins - Hyperactive Coder
    My Blog: Realist Anew
    Projects: Alacarte - Gnome Menu Editor

  5. #5
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    do I only need to apply that to table#whole ?

    I have been using Dreamweaver mx, I guess those weren't options.

    Thanks

  6. #6
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    works like a charm

  7. #7
    Super Ninja Monkey Travis's Avatar
    Join Date
    Dec 2001
    Location
    Sioux City, Iowa
    Posts
    691
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Glad to help. That issue took me about 5 hours of digging, so consider yourself saved!
    Travis Watkins - Hyperactive Coder
    My Blog: Realist Anew
    Projects: Alacarte - Gnome Menu Editor

  8. #8
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I feel blessed

    Ok, I got another problemo, and this is probably due to me relying more on dreamweaver in my time as a designer.

    So I want the body text to be somewhat close to my left menu. Well, the cell where the body text is can't get any closer because of the top left logo. Is the only solution to make that top left logo a background?

    or is there another way?

    Thanks
    Code:
    <table id="whole">
      <tr id="background"> 
    	<td id="headerimage"><img src="images/seemac_01.jpg" alt="Seemac Incorporated" /></td>
    	<td colspan="2" id="rightimage"><img src="images/seemac_04.jpg" alt="Seemac Incorporated" width="310" height="156" /></td>
      </tr>
      <tr> 
    	<td id="left-menu"> <dl>
    		<dt>Seemac</dt>
    		<dd><a href="#">Home</a></dd>
    		<dd><a href="#">Products</a></dd>
    		<dd><a href="#">Services</a></dd>
    		<dd><a href="#">History</a></dd>
    		<dd><a href="#">Legacy</a></dd>
    		<dd><a href="#">Contact</a></dd>
    	  </dl>
    	  <dl>
    	  </dl></td>
    	<td id="content">Body content goes herethrough a top-down, proactive approach 
    	  we can remain customer focused and goal-directed, innovate and be an inside-out 
    	  organization which facilitates sticky web-readiness transforming turnkey 
    	  eyeballs to brand 24/365 paradigms with benchmark turnkey channels implementing 
    	  viral e-services and dot-com action-items while we take that action item 
    	  off-line and raise a red flag and remember touch base as you think about 
    	  the red tape outside of the box and seize B2B e-tailers and re-envisioneer 
    	  innovative partnerships that evolve dot-com initiatives delivering synergistic 
    	  earballs to incentivize B2B2C deliverables that leverage magnetic solutions 
    	  to synergize clicks-and-mortar earballs while facilitating one-to-one action-items 
    	  with revolutionary relationships that deliver viral markets and grow e-business 
    	  supply-chains that expedite seamless relationships and transform back-end 
    	  relationships withthrough a top-down, proactive approach we can remain customer 
    	  focused and goal-directed, innovat</td>
    	<td id="news">News goes here</td>
      </tr>
      <tr> 
    	<td colspan="3" id="footer">Footer</td>
      </tr>
    </table>

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,486
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The simplest way is just to put the header in its own table (that is if you must use tables of course ).
    Code:
    <table id="whole">
      <tr id="background"> 
    	<td id="headerimage"><img src="http://www.btkdesigns.com/seemac/images/seemac_01.jpg" alt="Seemac Incorporated" /></td>
    	<td colspan="2"id="rightimage"><img src="http://www.btkdesigns.com/seemac/images/seemac_04.jpg" alt="Seemac Incorporated" width="310" height="156" /></td>
      </tr>
     </table>
     
    <table id="whole">  
      <tr> 
    	<td id="left-menu"> <dl>
    etc..............................
    Paul

  10. #10
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey everyone, Im back thanks for the help, it all has worked, in fact, my current copy can be seen at
    http://www.btkdesigns.com/seemac/seemac-table.htm
    if you feel like you want to see what all the fuss has been about in the preceding posts

    anyways, I am working on getting this thing to appear somewhat ok in netscape.

    Is it possible to eliminate the tables, cells, and rows in a stylesheet for nn4 but still display the content?

    Thanks
    Bryan


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
  •