You could use server-side scripting to add class="last" to the fourth <li> and
then set
li.last a{
margin-right:0px;
}
Not really a CSS solution, but there you go. Alternatively you could put an
equal amount of margin on either side of the a to make them line up without a
gap to the right
Cheers
mark
-------------
Hi there,
I wondered if anyone can help me. I use the css below to create nice
thumbnail boxes for my photogallery but I want the last thumbnail in
each row not to have any margin because with margin it the row is too
large for it's container.
This is the standard list I use:
<ul class="pp-thumbs">
*/ Row 1 /*
<li>image here</li>
<li>image here</li>
<li>image here</li>
<li>image here</li>
*/ Row 2 /*
<li>image here</li>
<li>image here</li>
<li>image here</li>
<li>image here</li>
</ul>
What css would I use to put an 'end' style to remove the margin at the
end of each row please?
.pp-thumbs {
margin: 0;
padding: 0;
padding-left: 15px;
padding-right: 0px;
list-style: none;
}
.pp-thumbs li {
float: left;
margin: 0;
padding: 0;
background: none;
}
.pp-thumbs li a {
float: left;
display: block;
margin: 0 14px 10px 0;
padding: 6px;
border: 6px solid #dbd5c5;
background: #fffefa;
}
.pp-thumbs li a {
margin-bottom: 15px;
}
.pp-thumbs li a:hover {
border-color: #fff;
background: #fff;
}
.pp-thumbs li.active a {
border-color: #383d44;
}
--
Regards
Karl Bedingfield
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
