Image border in CSS

maxop · 11-12-2012, 02: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, 02:56 PM

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.

maxop · 11-12-2012, 05: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, 05:04 PM

Getfirebug

maxop · 11-12-2012, 06:52 PM

Firebug downloaded. Thank a lot.

maxop · 11-13-2012, 09: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!