Hola a todos estuve mucho tiempo fuera de lo que es las paginas web (por que esto sale como poesia?) y ahora me puse de nuevo.
En mi pagina experimental puse unas barras debajo de lo que es la barra de navegación y no consigo controlar la altura de estas con css ¿alguien me puede ayudar?
Donde dejo el codigo? aki mismo?
* {margin: 0px; padding: 0px; border: 0px}
h1 {text-align: left; margin-left: 140px}
h2 {text-align: left; margin-left: 157px}
h3 {text-align: left; margin-left: 160px}
body {text-align: center; background-color: #eee9e9}
p {font-size:20px}
#global {width:auto; margin:4px auto;}
#superior {background-color: black; height: 20px}
#cabecera{background-color: #b22222 ; height: 100px; border: black 1px solid}
#nombre {margin: 25px 0px 0px 0px}
#logotipo {float: right; margin: 8px 150px 0px 0px}
#navegacion{background-color: #eeeed1 ; height: 25px; border-right: black 1px solid; border-left: black 1px solid}
#navegacion li {float: left ; list-style: none ; margin: 5px 42px 12px 70px}
#navegacion ul {margin-left: 72px}
#barra1 {background-color: #2f4f4f; width:auto; height:7px}
#barra2 {background-color: #363636; height:10px}
#barra3 {background-color: #1c1c1c ; height:14px}
#contenido {background-color: green; width: auto ; height: 465px; border: black 1px solid}
#texto {background-color: silver; width: 500px; margin-left: 100px; float:left}
#pie {background-color: #eeeed1; height: 25px; border-left: black 1px solid; border-right: black 1px solid; border-bottom: black 1px solid}
a {color: green ; text-decoration: none ; desplay: block; font-size: 1.1em }
a:link {}
a:visited {}
a:hover {color: black ; text-decoration: underline ; background-color: silver}
a:active {}
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Sargantana Decoración</title>
</head>
<body>
<div id="global">
<div id="superior">aca no debería ir nada
fjadkfjajfakfjaikga´dijgáijgáijgiájidgáj
kaahgfñauiogioahgiádshgñalhg´ñahgía´giahio´vha
sasklaij´giajigjai´jgáijgájgáijgájgásjíga´g
</div>
<div id="cabecera">
<h1>Sargantana</h1>
<h3>Decoración y mas.</h3>
</div>
<div id="navegacion">
<ul><li><a href="#">pantallas</a></li><li><a href="#">alfombras</a></li><li><a href="#">vajilla</a></li><li><a href="#">novedades</a></li><li><a href="#">ofertas</a></li>
</div>
<div id="barra1"></div>
<div id="barra2"></div>
<div id="barra3"></div>
<div id="contenido">
<div id="texto">
<h1>Sargantana</h1>
<h2>Decoración y muebles.</h2>
<h3>El placer de buscar y encontrar.</h3>
<p>Hace ya quince años que Sargantana viene ofreciendo a sus clientes una completa y exclusiva linea de muebles y decoración. Siempre siguiendo
los ultimos dictados en materia de diseño pero conservando el estilo clasico que buscan muchos de nuestros clientes. También
disponemos de una extensa gama de pantallas y de alfombras.</p>
<p>Invitamos a nuestros visitantes a dar un "ciberpaseo" por nuestra página y conocer un poco mas
la tienda donde buscar es un placer.</p>
</div>
</div>
</div>
</body>
</html>
En mi pagina experimental puse unas barras debajo de lo que es la barra de navegación y no consigo controlar la altura de estas con css ¿alguien me puede ayudar?
Donde dejo el codigo? aki mismo?
* {margin: 0px; padding: 0px; border: 0px}
h1 {text-align: left; margin-left: 140px}
h2 {text-align: left; margin-left: 157px}
h3 {text-align: left; margin-left: 160px}
body {text-align: center; background-color: #eee9e9}
p {font-size:20px}
#global {width:auto; margin:4px auto;}
#superior {background-color: black; height: 20px}
#cabecera{background-color: #b22222 ; height: 100px; border: black 1px solid}
#nombre {margin: 25px 0px 0px 0px}
#logotipo {float: right; margin: 8px 150px 0px 0px}
#navegacion{background-color: #eeeed1 ; height: 25px; border-right: black 1px solid; border-left: black 1px solid}
#navegacion li {float: left ; list-style: none ; margin: 5px 42px 12px 70px}
#navegacion ul {margin-left: 72px}
#barra1 {background-color: #2f4f4f; width:auto; height:7px}
#barra2 {background-color: #363636; height:10px}
#barra3 {background-color: #1c1c1c ; height:14px}
#contenido {background-color: green; width: auto ; height: 465px; border: black 1px solid}
#texto {background-color: silver; width: 500px; margin-left: 100px; float:left}
#pie {background-color: #eeeed1; height: 25px; border-left: black 1px solid; border-right: black 1px solid; border-bottom: black 1px solid}
a {color: green ; text-decoration: none ; desplay: block; font-size: 1.1em }
a:link {}
a:visited {}
a:hover {color: black ; text-decoration: underline ; background-color: silver}
a:active {}
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Sargantana Decoración</title>
</head>
<body>
<div id="global">
<div id="superior">aca no debería ir nada
fjadkfjajfakfjaikga´dijgáijgáijgiájidgáj
kaahgfñauiogioahgiádshgñalhg´ñahgía´giahio´vha
sasklaij´giajigjai´jgáijgájgáijgájgásjíga´g
</div>
<div id="cabecera">
<h1>Sargantana</h1>
<h3>Decoración y mas.</h3>
</div>
<div id="navegacion">
<ul><li><a href="#">pantallas</a></li><li><a href="#">alfombras</a></li><li><a href="#">vajilla</a></li><li><a href="#">novedades</a></li><li><a href="#">ofertas</a></li>
</div>
<div id="barra1"></div>
<div id="barra2"></div>
<div id="barra3"></div>
<div id="contenido">
<div id="texto">
<h1>Sargantana</h1>
<h2>Decoración y muebles.</h2>
<h3>El placer de buscar y encontrar.</h3>
<p>Hace ya quince años que Sargantana viene ofreciendo a sus clientes una completa y exclusiva linea de muebles y decoración. Siempre siguiendo
los ultimos dictados en materia de diseño pero conservando el estilo clasico que buscan muchos de nuestros clientes. También
disponemos de una extensa gama de pantallas y de alfombras.</p>
<p>Invitamos a nuestros visitantes a dar un "ciberpaseo" por nuestra página y conocer un poco mas
la tienda donde buscar es un placer.</p>
</div>
</div>
</div>
</body>
</html>