Foros del Web » Creando para Internet » CSS »

Links no aparecen en linea

Estas en el tema de Links no aparecen en linea en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/12/2010, 11:21
 
Fecha de Ingreso: diciembre-2010
Ubicación: Perú
Mensajes: 21
Antigüedad: 13 años, 3 meses
Puntos: 0
Pregunta Links no aparecen en linea

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>
  #2 (permalink)  
Antiguo 22/12/2010, 11:47
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Links no aparecen en linea

revisa todo tu código CSS abres ID y Clases pero no las cierras, usas coma (,) en lugar de punto y coma (;), en el html de los links olvidaste cerrar un href

y tus links no se muestran en linea porque en html asignaste una ID y en el CSS declaraste una clase

cuando asignes colores trata de no usar palabras usa codigo hexagesimal, que alguien me corrija si estoy mal pero algunas veces los exploradores suelen interpretar y mostrar diferentes colores cuando se usan palabras en lugar de código hexagecimal o rgb

PS:

Cita:
soy un recién llegado que espera conocer personas buena honda.
buena onda o buena honda???
si es honda ñ.ñ perdona mi ignorancia pero podrías definirme que significa
  #3 (permalink)  
Antiguo 22/12/2010, 13:09
 
Fecha de Ingreso: diciembre-2010
Ubicación: Perú
Mensajes: 21
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Links no aparecen en linea

Wow Gracias por la respuesta, Ag66. Jajaja es onda... sin "h". Mil gracias, voy corregir mi código ;).


*Me encanta que me corrijan Sólo equivocándose uno aprende =)

Además creo que es vital que un programador web escriba perfectamente. Una página web que tenga horrores ortográficos dice mucho de una empresa ;)
  #4 (permalink)  
Antiguo 22/12/2010, 13:15
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Links no aparecen en linea

jeje de nada y en cuanto la ortografía por aquí encontraras a muchos que te digan cuando cometas demasiados errores ortográficos y/o reemplaces letras

Etiquetas: linea, links
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:00.