Foros del Web » Creando para Internet » HTML »

Header en Html y Css

Estas en el tema de Header en Html y Css en el foro de HTML en Foros del Web. Estoy tratando de conseguir este header en Html y Css... pero he llegado solo a armar el logo y el menu... me faltaría codificar el ...
  #1 (permalink)  
Antiguo 15/02/2011, 09:37
 
Fecha de Ingreso: junio-2010
Mensajes: 74
Antigüedad: 7 años, 6 meses
Puntos: 0
Header en Html y Css

Estoy tratando de conseguir este header en Html y Css... pero he llegado solo a armar el logo y el menu... me faltaría codificar el #social...
si me podrían dar una mano, se agradece!
saludos
juan




html:

<div id="header">
<a href="http://www.relacionesdigitales.com.ar/" id="logo"><img src="img/logo.jpg"></a>
<a href="http://www.twitter.com/lissandrokaell" id="social"><img src="img/twitter.png"></a>

<ul id= "menu">
<li><a href="about.html">ABOUT RD</a></li>
<li><a href="episodes.html">EPISODE</a></li>
<li><a href="casting.html">CASTING</a></li>
<li><a href="press.html">PRESS</a></li>
<li><a href="contact.html">CONTACTO</a></li>
</ul>
</div>
<div id= "slide">
<a><img src="slide/1.jpg"</a>
</div>


y css:

#logo{
float: left;
}

#menu{
float:right; /* Lo mandamos a la derecha */
margin-top:20px; /* Un margen arriba para que se vea ordenado */
list-style:none; /* Para eliminar los puntos que me genera el ul o il */
}
  #2 (permalink)  
Antiguo 15/02/2011, 09:52
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Header en Html y Css

pero como queres que quede?...de q manera ?..
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 15/02/2011, 09:58
 
Fecha de Ingreso: junio-2010
Mensajes: 74
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Header en Html y Css

no debio haber aparecido la imagen:
www.kaell.com/1.jpg
asi es como quisiera que aparezca!
gracias!!!
  #4 (permalink)  
Antiguo 15/02/2011, 10:19
Avatar de leo_nqn  
Fecha de Ingreso: abril-2010
Ubicación: Neuquen
Mensajes: 461
Antigüedad: 7 años, 7 meses
Puntos: 24
Respuesta: Header en Html y Css

Proba usar en css posicion absoluta y relativa con los divs....

position:relative;
position:absolute;
__________________

Blog: http://leonardonqn.blogspot.com
Twitter:@Leo_FFerreyra
  #5 (permalink)  
Antiguo 15/02/2011, 10:58
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Header en Html y Css

<div id="header">
<class ="logo"></div>
<class ="social"></div>
<class ="menu"></div>
</div>



lo que esta dentro del header flotalo todo a la izquierda o sea float:left;

despues maneja la distancia entre los div con margin top y margin left

saludos!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #6 (permalink)  
Antiguo 15/02/2011, 11:48
 
Fecha de Ingreso: junio-2010
Mensajes: 74
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Header en Html y Css

gracias voy a probar eso que me dices a ver si se puede solucionar!!!
  #7 (permalink)  
Antiguo 15/02/2011, 11:58
 
Fecha de Ingreso: junio-2010
Mensajes: 74
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Header en Html y Css

ahi probe lo que pasa es que de esa forma no puedo hacer que aparezca totalmente centrado dependiendo del monitor verdad?
  #8 (permalink)  
Antiguo 15/02/2011, 12:30
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Header en Html y Css

Cita:
Iniciado por juanete50 Ver Mensaje
ahi probe lo que pasa es que de esa forma no puedo hacer que aparezca totalmente centrado dependiendo del monitor verdad?
para q todo este centrado toda la pagina tiene q estar dentro de un div contendor.. y darle margin 0 auto;
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #9 (permalink)  
Antiguo 16/02/2011, 04:43
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Header en Html y Css

Hola:

Empieze por esto www.librosweb.es, es lo primero que necesitas.

Saludos.


Etiquetas: css, header
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 11:01.