Hola de nuevo Posavasos!
Creo que ya lo solucine, esto es la "maquetacion" que pude hacer hasta ahora con lo que aprendi en el foro:
http://www.hierrostorrent.com.ar/Prueba/torrent02.htm
Coloco el codigo css para que me digas si hay algun error hasta ahora, creo que en "header" no me reconoce la instruccion border-syle:solid ¿ porque ?
Lo que estoy intentando es pasar el sitio
www.hierrostorrent.com.ar enteramente a css, considero que una vez que tenga armada la pagina inicial con el menu, titulos y demas, todo lo demas me sera mas sencillo.
Aqui el css:
/* CSS Document */
body{
padding :0;
margin :0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
}
#header {
margin:50px 0px 10px 0px;
padding:17px 0px 0px 20px;
height:33px;
border-syle:solid;
border-color:black;
border-width:1px 0px;
line-height:11 px;
background-color:#eee;
background-color: #E8EAEA;
}
#contenido{
padding-top : 0px;
padding-bottom : 30px;
padding-left : 230px;
padding-right : 40%;
}
#contenido h1 {
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-weight: normal;
color: #000000;
background-color : transparent;
}
#contenido h2 {
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: bold;
color: #000000;
background-color : transparent;
}
#contenido p{
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
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 : auto;
left : 60px;
width : 140px;
}
#menu a{display: block;
width: 155px;
text-align: left;
text-decoration: none;
font-family:bold;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 0px #000000;
}
#menu a:hover {
FONT-SIZE: 12px; COLOR: #44370f; FONT-FAMILY: bold; TEXT-DECORATION: none
border: solid 1px #6100C1;
background-color:#F7ECEA;
}
Desde ya, muchas gracias ª