PDA

View Full Version : Help centering thumbnails

kbum
08-31-2004, 12:31 PM
The style sheet:

body {
color:#000;
background-color:white;
margin:0px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
}
h1 {
margin:0px 0px 10px 0px;
padding:0px;
font-size:35px;
color:#ccc;
letter-spacing:15px;
text-align:center;
}
p {
font:11px verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}
a {
color:#000;
text-decoration:none;
}

a:link {color:#000;}
a:visited {color:#000;}
a:hover {text-decoration:underline;}

#main {
position:relative;
width:510px;
height:400px;
margin:20px 210px 20px 170px;
border:1px solid black;
background-color:#eee;
padding:10px;
z-index:2;
}

#menu {
position:absolute;
width:125px;
height:85;
top:20px;
left:5px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:1;
}

div.frame {
float:left;
height:66px;
width:90px;
padding:0px 0px 0px 0px;
background:#eee;
border:1px solid #ccc;
margin: 10px 10px 0px 0px;
}

div.ls img {
margin:10px 0px 0px 10px;
}

div.frame img {
border:0px;
}


The HTML:

<html><head><title>Estoque</title>

<link rel="stylesheet" type="text/css" href="style.css" /></head>

<div id="main">
<h1>Estoque</h1>
<p style="text-align:center;">Clique nas fotos para ampliar</p>

<div class="frame ls">../imagens/pequeno/DSC_0234_small.JPG (../imagens/grande/DSC_0234.JPG)</div>
<div class="frame ls">../imagens/pequeno/DSC_0256_small.JPG (../imagens/grande/DSC_0256.JPG)</div>
<div class="frame ls">../imagens/pequeno/DSC_0257_small.JPG (../imagens/grande/DSC_0257.JPG)</div>
<div class="frame ls">../imagens/pequeno/DSC_0259_small.JPG (../imagens/grande/DSC_0259.JPG)</div>
<div class="frame ls">../imagens/pequeno/DSC_0260_small.JPG (../imagens/grande/DSC_0260.JPG)</div>
</div>

<div id="menu">



Principal (granamar.html)</p>


Estoque (estoque.html)</p>


Trabalhos principais ("]Maquinário[/url]</p>


[url=")</p>


Trabalhos executados ("")</p>
</div>

</body></html>


The problem: Do you see those boxes where the thumbnails are in? I would like to center them but I don't know how to do that. Can somebody help me please? Thanks in advance.
zachogden
08-31-2004, 01:35 PM
Would you mind giving us a link where we could look at the page to try and figure out what youre talking about?
kbum
09-01-2004, 10:41 AM
http://www.geocities.com/caduardo21/paginas/estoque.html

I was able to center the thumnails with the help of a friend, but the problem now is that the borders around the thumbnails can't be seen in IE. Do you have any ideas why that is happening? Thanks.
kbum
09-01-2004, 10:52 AM
There are also other little problems that I can't fix. If you look at the page using Mozilla, for example, and then using IE, you will know what I am talking about. If you could help me with that too that would be really great. Thanks.
zachogden
09-01-2004, 04:04 PM
Oh yeah, I see what you mean.... I'm not quite sure how to fix that. Someone probably does though.