www.webdeveloper.com
Results 1 to 6 of 6

Thread: [RESOLVED] inline css border

  1. #1
    Join Date
    Jan 2010
    Posts
    28

    resolved [RESOLVED] inline css border

    I needed to create vertical lines between table cells, so I added a border on one side. The border shows up when previewing in browser out of Dreamweaver, but when I publish the site, they seem to be hidden. I think they may be stuck behind something, but I'm not sure how to remedy that.

    http://emlentonpa.com/html/contact.html - the vertical lines should be between the email section and the Instagram logo and also between the Instagram info and the Facebook button.

  2. #2
    Join Date
    Oct 2013
    Posts
    516
    Interesting. While the page is loading the lines show up. Then, as content appears the lines disappear top to bottom. Cool effect, but not what you want.

    What's happening, I think, maybe, is that one of your images is overlaying the td border for some reason. Why it's overlaying the border and not the content in the cells is weird, but whatever. This image may be the suspect: http://emlentonpa.com/images/images/Layout_09.png

    Maybe giving the table a ridiculously high z-index will do the trick??

  3. #3
    Join Date
    Jan 2010
    Posts
    28
    Tried that - I went all the way up to 5000 - no luck.

  4. #4
    Join Date
    Oct 2013
    Posts
    516
    Have you tried giving the table a z-index of, e.g., 5000 and the image a z-index of 4000?

  5. #5
    Join Date
    Aug 2006
    Posts
    1,918
    For your z-index to work, you need to set the table style to position:relative

  6. #6
    Join Date
    Jan 2010
    Posts
    28
    Well, duh, now I feel like an idiot - forgot to set the position to relative. Thanks to both of you for your help!

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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