Strange css alighment problem - pls help

HTML & CSS
1

Hai folks,

if you pls visit this link ( http://aone.lk/demos/pc_detail.php?pcid=31 ) you can see 4 thumbnail images. it has a horizontal aliment problem.
how to fix it :rolleyes:

:slight_smile:

2

You need to fix the faulty code and set a hight and width for the images first, as this may solve the problem.

3

you felt lazy to open ur firebug and shoot at those thumbs right :smiley:
frankly i did not get ur point. if there is a faulty code which i know, i would have fixed it already :smiley:

4

hello, it fixed now. tx.

5

Well, I don’t use Firebug. I am old-fasioned, so I debug by looking at the code :wink:

For starters, go through the list at http://validator.w3.org/check?uri=http%3A%2F%2Faone.lk%2Fdemos%2Fpc_detail.php%3Fpcid%3D31&charset=(detect+automatically)&doctype=Inline&group=0

You should also change your DOCTYPE to strict, rather than transitional. And ideally to HTML 4.01 too, but that’s a different story intirely, and XHTML 1.0 Strict will do for all practical purposes.

Specifically, you have a problem here:

<ul>
 <li><img src='./pc_photos/thumb_98778_2.jpg'</li>
 <li><img src='./pc_photos/thumb_7027_mypic.jpg'</li>
 <li><img src='./images/no_photo.jpg'</li>
 <li><img src='./images/no_photo.jpg'</li>
</ul>

You don’t have a closing >. While this is technically valid in HTML, it’s invalid XHTML, and in either case you shouldn’t rely on it HTML, as no commercial browsers support it.

6

thanks C. Ankerstjerne for the valuable suggsions.
how do i missed that >. hmm… now i fixed it.
sure ill take a look at doc type think also. coz i never bother about those declarations.
my dream vewr just put the doc type and all for me when i take a new html or php page.