Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image border in CSS

    Hello everyone. Just learning CSS and having problem with the image borders.
    This is the test site:http://dexxtra.eu/test/
    Would you please somebody tell me why those image borders dont copy the photos? Also why the dotted left and right column borders dont keep going till the bottom? I appreciate any help. Have a great day

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Drop those huge top and left paddings from img in CSS and add the following into it.
    Code:
    #content-wrapper img{
    display:block;
    margin:0 auto;
    }
    to centre the images.

    To make those vertical lines tall enough to touch the bottom, you'd need to use the faux column technique.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile

    Thanks a lot Abduraooft!
    Fixed! BTW, I increased top and bottom margin to 50px, since I was too squeeze. What is the best tool to detect these errors in Mozilla? I downloaded Web Developer ,yesterday. Thanks again.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Firebug downloaded. Thank a lot.

  • #6
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I am sorry guys, but I cant figure out my other html pages. I started with the page "ABOUT US" on the horiz. menu. All the other pages I would like to have just left column 200px and content 800px
    Do I have to do separate CSS sheet for the rest of the pages?
    http://dexxtra.eu/test/aboutus.html
    Also index page in IE8 shows image borders a bit wider in index page.
    Thank you very much!


  •  

    Posting Permissions

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