HOla a todos, y gracias por atender el post....
Ya tengo un ejemplo de una galeria, es mas sencillo que los que me recomiendan.
Al agregarlo al codigo que ya tenia(hmtl y CSS), el CSS de la galeria en el dreamweaver..se descuadra todo, todo pierde acomodo....pero ya ejecutnado el html...se ve bien.(bueno se ve +/-)...
Este es...hmtl
Código HTML:
<html>
<head>
<title>.::4::.</title>
<LINK href="css/chikas4.css" type=text/css rel=stylesheet>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</style></head>
<body>
<DIV id=CONTAINER>
<DIV class=header>
<img src="css/bannerTOP.jpg" width="700" height="140" alt="" border="0"><!-- <H1>Logo Banner </H1> -->
</DIV>
<DIV class=principal>
<H2>Titulo principal </H2>
<H3>Subtitulo...etc</H3>
<P>Aenean vel leo nec ipsum mollis cursus. Quisque semper fringilla justo. Maecenas quis erat. Morbi felis.</P>
</DIV>
<!--galeria -->
<div id="galeria">
<h3>GALERÍA CSS - Listas</h3>
<ul>
<li><a href="#"><img src="galeria_1/1.jpg" border="0" alt=""/><br/><span>imagen 1</span></a></li>
<li><a href="#"><img src="galeria_1/2.jpg" border="0" alt=""/><br/>imagen 2</a></li>
<li><a href="#"><img src="galeria_1/3.jpg" border="0" alt=""/><br/><span>imagen 3</span></a></li>
<li><a href="#"><img src="galeria_1/4.jpg" border="0" alt=""/><br/>imagen 4</a></li>
</ul>
<!--galeria-->
<!-- pie de pagina -->
<DIV class=footer>
<img src="css/footer_bar_2.gif" width="687" height="55" alt="" border="0">
<H6>asfasñlkfjñaslkdjf 2006, sdceemailleds</H6>
</DIV>
<!-- pie de pagina -->
</DIV>
<!-- fin de contenedor -->
</body>
</html> y este el CSS
Código:
BODY {
LINE-HEIGHT: 10px;
background-image: url(background.gif);
/*BACKGROUND-COLOR: #6d6663; */
TEXT-ALIGN: justify
}
#CONTAINER {
MARGIN: 0px auto;
WIDTH: 700px;
HEIGHT: auto;
BACKGROUND-COLOR: #FFFFFF;
BORDER-TOP: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
}
.header {
BORDER-BOTTOM-COLOR: #000000 1px solid;
MARGIN: 0px 0px 10px;
WIDTH: 700px;
HEIGHT: 140px;
BACKGROUND-COLOR: #f3eabc;
}
P {
FONT: 11px/120% Verdana, Arial, Helvetica, sans-serif;
COLOR: #586885
}
.principal {
WIDTH: 665px;
HEIGHT: auto;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
MARGIN: 0px 5px 0px 5px; /*117*/
BACKGROUND-COLOR: #FFFFFF;
}
/*...........GALERIA FOTOGRAFICA........................................*/
#galeria li {
display:inline;
float:left;
width:110px;
background-color:#f5f7f9;
padding:5px;
margin:5px;
text-align: center;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
}
/*...........GALERIA FOTOGRAFICA.........................................*/
.footer {
MARGIN: 5px;
WIDTH: auto;
HEIGHT: 30px;
}
.footer H6 {
MARGIN: 5px auto;
FONT: bold 10px Verdana, Arial, Helvetica, sans-serif;
TEXT-TRANSFORM: uppercase;
COLOR: #666666;
TEXT-ALIGN: center
}
y ademas si lo veo en Iexplorer se ve bien..pero yan fireFox se desacomoda todo.....
saludos!!!