Hola a todos. Este es mi primer post, soy un recién llegado que espera conocer personas buena honda.
Espero conocerlos mejor con el paso de los post ;)
Bueno, el problema que tengo es que no me aparecen los enlaces en linea en el header con mi stylesheet (les dejo mi código). Y no sé qué hice que ya no veo la sección derecha de la página
. Y por último, como estuve todo el tiempo en google chrome, al momento de abrir en IE 8 todo se desconfigura.
Soy un novato, pero realmente novato. Estuve leyendo libros de CSS en inglés y allí aprendí algo, junto a videos en youtube. Manejaba HTML hace 4 años pero por estudios (Estudio Comunicación) no he avanzado mucho en estos temas.
Les agradezco su ayuda de antemano. Mil Gracias. Dios los bendiga.
Código:
#container {
width: 100%;
}
#body {
font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #ffffff;
padding: 20px;
}
#header {
width: 100%;
height: 30%;
background-image: url(images/banner.jpg);
position: relative;
border-bottom: 2px solid #000000;
#header a {
color: white;
text-decoration: none;
font-weight: bold;
font-family: verdana, helvetica, sans serif;
font-size: 16px;
}
#header a:visited {
color: blue;
text-decoration: underline;
font-weight: bold;
.HorizLinks {
position: absolute; top: 70px; left: 180px;
}
.HorizLinks ul {
margin: 0px,
}
.HorizLinks li {
margin: 0px 15px 0px 0px;
list-style-type: none;
display: inline;
}
#lefnav {
float: left;
width: 24%;
height: 96%;
background-color: grey;
border-right: 1px dashed #694717;
}
#rightnav {
float: right;
width: 140px;
height: 400px;
background-color: grey;
border-right: 1px dashed #694717;
}
#footer {
clear: both;
background-color: #D1C0A7;
}
Código:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="container">
<div id="header"> This is the header
<a href="somos.html">¿Quiénes somos?</a>
<div id="HorizLinks">
<ul>
<li><a href="somos.html">¿Quiénes somos?</a></li>
<li><a href="servicios.html>Servicios</a></li>
<li><a href="foros.html">Foros</a></li>
</ul>
</div>
<div id="lefnav"> This is the leftnav </div>
<div id="body"> This is the body </div>
<div id="footer"> This is the footer </div>
</div>
</body>
</html>