14/08/2008, 11:05
|
| | | Fecha de Ingreso: marzo-2008
Mensajes: 13
Antigüedad: 16 años, 10 meses Puntos: 0 | |
| Respuesta: Alinear Div al TOP
Aki tienes el css:
Código:
@charset "utf-8";
/* CSS Document */
BODY {
background : #343434 url(images/fondo.gif) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 10px 0px 20px 0px;
text-align: center;
margin: 0;
padding: 0;
}
#contingut{
text-align: left;
width: 800px;
height: 20px;
background-color : #333333;
margin: auto;
}
H1{
font-size: 12pt;
}
#Informacions{
width:450px;
height:250px;
margin-left: 20px;
padding: 5px 0px 10px 0px;
background-color : #ffffff;
float:left;
text-align: justify;
margin-top:10px;
padding-top:5px;
}
#BDreta_index{
width:275px;
height:250px;
text-align: justify;
float:right;
left:576px;
margin:0;
padding:0;
}
#Barra_nav{
width:750px;
height:15px;
max-height:37px;
max-width:750px;
margin-left:10px;
margin-right:10px;
margin-bottom:2px;
margin-bottom:5px;
margin-top: 5px;
text-align:right;
text-shadow:#FFFFFF;
padding-top:5px;
padding-bottom: 0px;
text-decoration: blink;
}
#Credits{
width:750px;
height:24px;
max-height:40px;
max-width:750px;
margin-left:10px;
margin-right:10px;
margin-bottom:2px;
margin-bottom:14px;
margin-top: 2px;
text-align:center;
text-shadow:#FFFFFF;
padding-top:2px;
padding-bottom: 0px;
text-decoration: inherit;
}
#BLogin{
width:260px;
height:275px;
margin-left: 20px;
padding: 0px 5px 10px 5px;
background-color : #E5E5E5;
float:left;
text-align: justify;
margin-top:10px;
padding-top:10px;
vertical-align:top;
}
#Imatge{
width:177px;
height:168px;
left: 645px;
top: 253px;
margin-left: 50px;
margin-top: 50px;
vertical-align:middle;
}
y aki el html
Código:
<link href="estilos.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {
color: #FFFFFF;
font-weight: bold;
margin:0;
padding:0;
}
.Estilo2 {color: #FFFFFF}
-->
</style>
<div id="contingut">
<div align="center">
</div>
<head>
<title>Colla Joves 1970-2008</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS3 Dreamweaver CS3 target. Created Tue Aug 12 19:11:41 GMT+0200 (Hora de verano romance) 2008-->
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="0" width="775">
<!-- fwtable fwsrc="plantilla.png" fwpage="Página 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "359400552" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="775" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="index_r1_c1" src="index_r1_c1.jpg" width="775" height="11" border="0" id="index_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="index_r2_c1" src="index_r2_c1.jpg" width="775" height="127" border="0" id="index_r2_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="127" border="0" alt="" /></td>
</tr>
<tr>
<td valign="middle" background="index_r3_c1.jpg">
<!--Menu navegació-->
<div class="Estilo1" id="Barra_nav" span >Última actualització: 12/08/2008</div></td>
<td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<div id="Informacions">
<h1>Base de dades Castells Colla Joves Xiquets de Valls</h1>
<p> En aquesta plana web podreu trobar tota la informació dels castells realitzats des de 1970 fins a l'actualitat, les poblacions, el tipus de castell, fotografies i informació relativa a les actuacions.</p>
<p> El fet de ser una de les colles punteres, obliga a portar correctament documentada les actuacions i diades realitzades al llarg de tota la història. </p>
<p>Gràcies a una Base de Dades ben organitzada i actualitzada, podreu consultar qualsevol actuació a partir de diferents dades, com pot ser per any, per població, per castell, etc...</p>
<p>El procés d'actualització actualment es basa en la documentació històrica i dels darrers anys de la Colla. </p>
</div>
<!-- INFORMACIÓ 2 -->
<div id="Informacions">
<h1> Notícia 2: Informacació actualització </h1>
<p> Us informem que s'han acualitzat diferents actuacions dels anys 2001, 2006. </p>
</div>
<!-- Bloc DRETA -->
<div "id="BDreta_index">
<div align="center" id="Imatge">de</div>
</div>
<td><img src="spacer.gif" width="1" height="480" border="0" alt="" /></td>
</tr>
<tr>
<td background="index_r5_c1.jpg">
<div id="Credits"><span class="Estilo2">Colla Joves Xiquets de Valls.© 2008. Valls<br>
Diseny Web i Maquetació: Jordi Reverté i Marín | Programació base de dades: Joan Martinez </span></div> </td>
<td><img src="spacer.gif" width="1" height="42" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
|