PDA

View Full Version : css thumbnail gallery


gtlanz
08-02-2006, 12:53 PM
trying to make a centered css thumbnail gallery .all seems well untill i add float to then in FF all thumbs seem to drop out of the wrapper.and in IE i need to center the thumbnails
Any help
Geoff.

http://best4fish.com/lanzarote06/


/* CSS Document */

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FFFFFF;
text-align:center;
}
#wrapper {
position:relative;
text-align:left;
width:770px;
margin-right:auto;
padding: 120px 0 0 0;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
background-position: left top;
background-color:#CCCCCC;
border: 1px solid #000000;
}
#content {
width:570px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align:center;
}
#content p {
font-size: 80%;
line-height:1.8em;
padding-left: 2em;
}
#content h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color: transparent;
}
#navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
text-align:center;
}
#navigation ul {
list-style: none;
margin: 0;
padding:0;
padding-top: 4px;
}
#navigation li {
display:inline;
}
#navigation a:link, #navigation a: visited {
padding: 3px 10px 2px 10px;
color:#FFFFFF;
background-color: #B51032;
text-decoration: nono;
}
#navigation a:hover {
color:#FFFFFF;
background-color: #711515;
}
#albumlist {
list-style-type: none;
}
#albumlist li{
float:left;
margin-right: 6px;
margin-bottom: 10px;
font: bold 0.8em Arial, Helvetica, sans-serif;
color:#333333;
}
#albumlist img {
display: block;
border:1px solid #333333;
}

ranjan
08-02-2006, 02:07 PM
google for "how to clear floats"

gtlanz
08-02-2006, 07:42 PM
thanks :)