...

View Full Version : Image border in CSS



maxop
11-12-2012, 03:10 PM
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

abduraooft
11-12-2012, 03:56 PM
Drop those huge top and left paddings from img in CSS and add the following into it.

#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 (http://www.alistapart.com/articles/fauxcolumns/).

maxop
11-12-2012, 06:01 PM
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.

abduraooft
11-12-2012, 06:04 PM
Getfirebug (http://Getfirebug.com)

maxop
11-12-2012, 07:52 PM
Firebug downloaded. Thank a lot.

maxop
11-13-2012, 10:04 AM
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!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum