CodingForums.com - Image border in CSS

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - Image border in CSS (http://www.codingforums.com/showthread.php?t=282008)

maxop

11-12-2012 02:10 PM

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

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!

All times are GMT +1. The time now is 04:59 PM.