bokeh
07-04-2006, 03:48 AM
For some reason IE is not displaying the Gallery at the bottom of the page properly. Firefox gets it right I have coloured the list items blue so the box is obvious.
<HTML><li>
<a href="/foto-del-dia.php?id=44">
<img style="margin-top:23px;" src="/images/thumb/thumb_44.jpg" width="90" height="67" alt="FOTO/Sigma foto del dia - 03/07/2006">
</a>
<p>
<a href="/foto-del-dia.php?id=44">03/07/2006</a>
</p>
</li><style>ul#gallery {
width:100%;
margin:0 auto;
padding:0;
list-style-type:none;
}
ul#gallery li {
position:relative;
float: left;
margin:5px;
/* damn you IE */
_width:1px;
/* added to make the box visible */
background:blue;
}
ul#gallery li img {
border:1px solid #bbb;
display:block;
margin:0 auto;
}
ul#gallery li a img{
border:1px solid #bbb;
}
ul#gallery li a:hover img{
border:1px solid #dd002b;
}
ul#gallery li p{
text-align: center;
margin:1px 0;
font-size:xx-small;
}
ul#gallery li p a{
text-decoration: none;
color:#dd002b;
background:#fff;
}
ul#gallery li p a:hover{
text-decoration: none;
background:#dd002b;
color:#fff;
}
<HTML><li>
<a href="/foto-del-dia.php?id=44">
<img style="margin-top:23px;" src="/images/thumb/thumb_44.jpg" width="90" height="67" alt="FOTO/Sigma foto del dia - 03/07/2006">
</a>
<p>
<a href="/foto-del-dia.php?id=44">03/07/2006</a>
</p>
</li><style>ul#gallery {
width:100%;
margin:0 auto;
padding:0;
list-style-type:none;
}
ul#gallery li {
position:relative;
float: left;
margin:5px;
/* damn you IE */
_width:1px;
/* added to make the box visible */
background:blue;
}
ul#gallery li img {
border:1px solid #bbb;
display:block;
margin:0 auto;
}
ul#gallery li a img{
border:1px solid #bbb;
}
ul#gallery li a:hover img{
border:1px solid #dd002b;
}
ul#gallery li p{
text-align: center;
margin:1px 0;
font-size:xx-small;
}
ul#gallery li p a{
text-decoration: none;
color:#dd002b;
background:#fff;
}
ul#gallery li p a:hover{
text-decoration: none;
background:#dd002b;
color:#fff;
}