www.webdeveloper.com
Results 1 to 4 of 4

Thread: Ultra thin white line

  1. #1
    Join Date
    Jan 2004
    Location
    Switzerland
    Posts
    154

    Ultra thin white line

    I am looking to achieve a very thin, white line.
    I created a spacer image that is plain white, and 1 x 1. I added this to a row to create a thin white line that would be 1 pixel high. However, it shows up as a fat white space. You can view my page at http://www.hybrid-design.net/abby/. You can tell there that it is more than 1 pixel in height.

    I also tried removing the spacer image and just specifying the line-height using css. I could not get that to work either. If anyone could help, I would appreciate it!

  2. #2
    Join Date
    Nov 2002
    Location
    Nashua, NH
    Posts
    3,195
    Drop the tables and use header's border-bottom to achieve the effect
    Vladdy

    Working web site is not the one that looks the same in a few graphical browsers, but the one that adequately delivers its content to any device accessing it.

  3. #3
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,224
    <blocklevelelement style="border-bottom:1px solid #000000;"></element>

    just replace blocklevelelement with div table, tr, td, so on and so fourth. Stop using <br> for spacing between elements. That 'footer' for example, delete those line breaks and go up into your style sheet and put margin-top:15px;

  4. #4
    Join Date
    Jan 2004
    Location
    Switzerland
    Posts
    154

    Thank you Vladdy, used your suggestion

    Thanks Vladdy. I used the border-bottom suggestion.

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