www.webdeveloper.com
Results 1 to 6 of 6

Thread: Table Borders Thinner than '1'

Hybrid View

  1. #1
    Join Date
    Sep 2005
    Location
    NYC
    Posts
    22

    Table Borders Thinner than '1'

    I sthere a way to make the border around a table thiner than '1' or does this differ depending on browsers?

    thanks...
    What the Games Been Missing...

  2. #2
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    Sure, you can have a 0 pixel border. If you want to give the illusion of a thinner border then reduce the contrast between the border colour and the background colour.

    A pixel is a fixed unit, you can't have half a pixel, you either have one or not.

    Also, I hope you're not using tables for layout.
    http://www.hotdesign.com/seybold/
    Every fight is a food fight when you’re a cannibal.

  3. #3
    Join Date
    Sep 2005
    Location
    NYC
    Posts
    22
    i was , lol. so how would i make a box like the one at the top of the page that says:

    Access FREE IBM Whitepapers at the
    IBM Middleware Solution Center.

    thans again.
    What the Games Been Missing...

  4. #4
    Join Date
    Aug 2004
    Location
    Ankh-Morpork
    Posts
    19,176
    Quote Originally Posted by JaiOh
    i was , lol. so how would i make a box like the one at the top of the page that says:

    Access FREE IBM Whitepapers at the
    IBM Middleware Solution Center.

    thans again.
    Something like this?...
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang='en'>
    <head>
    <META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
    <title>Page title</title>
    <style type="text/css">
    <!--
    body {
      margin: 0;
      padding: 10px;
      background-color: white;
      font: small arial, helvetica, sans-serif;
    }
    div#test {
      float: right;
      margin: 0 0 10px 10px;
      padding: 10px;
      width: 250px;
      border: solid 1px #666;
    }
    #test h3 {
      background-color: #99ccff;
      margin: -10px -10px 0 -10px;
      padding: 5px 10px;
      border-bottom: solid 1px #666;
      text-align: center;
    }
    -->
    </style>
    </head>
    <body>
    <div id="test">
    <h3>This is a test</h3>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
    nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
    enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
    nisl ut aliquip ex ea commodo consequat.</p>
    </div>
    </body>
    </html>
    "Please give us a simple answer, so that we don't have to think, because if we think, we might find answers that don't fit the way we want the world to be."
    ~ Terry Pratchett in Nation

    eBookworm.us

  5. #5
    Join Date
    Sep 2005
    Location
    NYC
    Posts
    22

    thanx

    Quote Originally Posted by NogDog
    Something like this?...
    Thnx a lot I have been trying to figure this out for a while. How would I resize the box?
    What the Games Been Missing...

  6. #6
    Join Date
    Jun 2004
    Location
    England
    Posts
    2,972
    Quote Originally Posted by JaiOh
    How would I resize the box?
    If you reduce the margin on all sides you'll find the box growing.
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles