Ver Mensaje Individual
  #6 (permalink)  
Antiguo 16/04/2012, 17:49
setenta
 
Fecha de Ingreso: octubre-2008
Mensajes: 70
Antigüedad: 15 años, 6 meses
Puntos: 2
Respuesta: Como diseñar esto?

Tienes que colocar, si es un archivo de plantilla, en el archivo css lo siguiente:
1) Resetea (borra) los valores por defecto que tienen los distintos navegadores, de margen, tamaño de letra, etc.
Cita:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
2) Le metes al div contenedor, donde va todo, unos 960px de ancho. Al div de la imagen unos 460px y al div de datos unos 500px (500 +460 = 960)

Cita:
#container {
width: 960px;
position: absolute;
top: 0px;
left: 0px;
height: 2000px;
background-color: #FFFFE1;
}

#imagen {
width: 460px;
position: absolute;
top: 0px;
left: 0px;
height: 2000px;

}

#datos {
width: 500px;
position: absolute;
top: 0px;
left: 0px;
height: 2000px;

}

3) Ahora le metes 2 divs dentro del div contenedor (esto en la pàgina html):

Cita:
<div id="container" align="center">
<div id="datos">Datos</div> /* Esto va a la izquierda de la imagen con un ancho de 500 px*/
<div id="imagen"><img src="cualquierimagen.jpg"/></div> /* Esto va a la derecha de los datos con un ancho de 460 px */
</div>

Última edición por setenta; 16/04/2012 a las 17:55