try this
ul,li{
margin:0px 0px 0px 0px;
}
because this is a blank in margin-left.
On 10月7日, 上午11时29分, semon <[EMAIL PROTECTED]> wrote:
> Hello,
> I've been playing with this one for hours and it's driving me crazy!
>
> I have a list (<ul>) that contains images... sort of a thumbnail. I
> want the images to display in center. How do i achieve this?
> I've been reading the internet for a solution with no success.
>
> Here's a sample of my code:
> ...
> <ul class="nav_cd_imgs">
> <li><a href="#"><img src="images/1.jpg" /></a></li>
> <li><a href="#"><img src="images/2.jpg" /></a></li>
> <li><a href="#"><img src="images/3.jpg" /></a></li>
> </ul>
> ...
>
> Heres' my CSS:
>
> ul.nav_cd_imgs {
> float:left; width:100%;
>
> }
>
> ul.nav_cd_imgs li {
> float:left; margin-right:5px;
>
> }
>
> ul.nav_cd_imgs li a {
> display: block;
>
> }
>
> The codes and CSS works perfectly! The images aligned like a thumbnail
> but that's exactly the point. They are left aligned and i want them
> aligned center.
>
> Any ideas on how to display the images centered? I've tried 'margin:0
> auto' with no success...
>
> Thanks in advance
> Marco
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
