Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 20-mar-2005, 09:13   #1 (permalink)
river está en el buen camino
 
Fecha de Ingreso: septiembre-2003
Ubicación: Buenos Aires, Argentina
Mensajes: 92
Enviar un mensaje por MSN a river
color de fondo a lo largo de la columna

Quiero lograr que el color de fondo ocupe todo el largo de la columna del Menu, para que que quede como en www.hierrostorrent.com.ar

En css lo que pude lograr lo pueden ver aca, http://www.hierrostorrent.com.ar/Prueba/torrent02.htm

Tampoco se como darle el espacio entre palabras para que quede igual al primer ejemplo


Aqui el codigo css:
/* CSS Document */

body{
padding :0;
margin :0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

#header {
margin:0px 0px 10px 0px;
padding:17px 0px 0px 20px;
border-style:solid;
border-color:black;
border-width:1px 0px;
line-height:11 px;
background-color:#E8EAEA;
background-color: #E8EAEA;

}

#contenido{
padding-top : 0px;
padding-bottom : 30px;
padding-left : 230px;
padding-right : 5%;
text-align: justify;
}

#contenido h1 {
font-size: 120%;
font-weight: normal;
color: #000000;
background-color : transparent;
}

#contenido h2 {
font-size: 100%;
font-weight: bold;
color: #000000;
background-color : transparent;
}

#contenido p{
font-size: 80%;
font-weight: normal;
color: #000000;
background-color : transparent;
line-height : 140%;
}

#logo{
position : absolute;
top : 30px;
left : 30px;
z-index : 50;
background-color: #ECE9D8;
}
#menu{
position: absolute;
top : 71px;
left : 5px;
width : 140px;
font-weight: bold;
margin-bottom: 0px;
background-color: #e6c9c1;
}

#menu a{
display: block;
width: 155px;
text-align: center;
text-decoration: none;
font-family:bold;
font-size:12px;
color: #000000;
border: solid 0px #000000;
}

#menu a:hover {
font-size: 12px; COLOR: #44370f; font-weight: bold; text-decoration: none;
background-color:#F7ECEA;
}
river está desconectado   Responder Citando
Antiguo 20-mar-2005, 11:10   #2 (permalink)
programeitor ha deshabilitado el karma
 
Avatar de programeitor
 
Fecha de Ingreso: febrero-2005
Mensajes: 897
Puedes utilizar position:absolute para las capas ,para la separacion de las palabras esta word-spacing y para las lineas line-height. Ademas dale height a header=10% menu=90% contenido=90%, el de header e puesto 10% pero habra que ajustarlo a la imagen, despues reajustas los demas para que la suma sea 100%

Última edición por programeitor; 20-mar-2005 a las 11:13.
programeitor está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 20:14.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93