Foros del Web » Creando para Internet » HTML »

Necesito ayuda la etiqueta span

Estas en el tema de Necesito ayuda la etiqueta span en el foro de HTML en Foros del Web. wenas !! estoy empezando con un curso de diseño web y me he quedado un poco parada con la creacción de un menú con listas ...
  #1 (permalink)  
Antiguo 07/03/2011, 11:26
 
Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 6 años, 9 meses
Puntos: 0
Pregunta Necesito ayuda la etiqueta span

wenas !!
estoy empezando con un curso de diseño web y me he quedado un poco parada con la creacción de un menú con listas y css:
este seria el codigo de la pagina html:

<div id="menuverticalum">
<h1>Información</h1>
<ul>
<li><a href="http://www.google.es/"> Murcia</a></li>
<li><a href="http://www.gogle.es/">Estructura Organizativa</a></li>
<li><a href="http://www.google.es/">Estudios y Formación</a></li>
<li><a href="http://www.google.es/">Investigación</a></li>
</ul>
</div>
y quiero convertirlo en un menu de bloque:
#menuverticalum {
font:bold 0.7em Arial, Helvetica, sans-serif;
width:140px;
background-color:#990000;
border:1px solid #000;
}

#menuverticalum h1 {
font:bold 1.0em Arial, Helvetica, sans-serif;
background-color:#000;
color:#FF3333;
padding:1px;
}

#menuverticalum li {
list-style-type:none;
}

#menuverticalum a {
color:#fff;
text-decoration:none;
display:block;
width:140px;
}

#menuverticalum a:hover {
background-color:#fff;
color:#c00;
}

#menuverticalum span {
display:block;
padding:5px 10px;
border-left:10px solid #600;
}
pero los item de la lista no se encuendran en el bloque ,es decir, el item de la lista estudios y formacion ,solo sale estudios y form,porque se sale del cuadro y entones no se ve.
jaja bueno muchas gracias a quien me pueda ayudar...!!!!!
  #2 (permalink)  
Antiguo 07/03/2011, 14:39
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 7 años, 7 meses
Puntos: 460
Respuesta: Necesito ayuda la etiqueta span

como quieres que salga el menu horizontal vertical??? en el foro de css hay aportes de menus, pero en si te voy a dejar la manera que me ha sido mas sencilla de hacer menus simples con html y css
Código HTML:
Ver original
  1. <ul id="menu">
  2.     <li><a href="#">menu1</a></li>
  3.     <li><a href="#">menu2</a></li>
  4.     <li><a href="#">menu3</a></li>
  5.     <li><a href="#">menu4</a></li>
  6. </ul>
y aca el estilo
Código CSS:
Ver original
  1. #menu li{
  2.    list-style:none;
  3.    /*float:left*/ esto si quieres que sea horizontal
  4. }
  5. #menu li a{
  6.     background-color:#f00;
  7.     color:#fff;
  8.     display:block;
  9.     width:150px;
  10. }
claro falta agregarle los posibles comportamientos al vinculo pero eso ya queda de tu parte ve si te funciona, saludos
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #3 (permalink)  
Antiguo 07/03/2011, 16:18
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Necesito ayuda la etiqueta span

El problema surge por tener un ancho fijo de 140px en #menuverticalum y #menuverticalum a.
Puedes optar por aumentar ese ancho y se resolverá el problema.

Etiquetas: span, etiquetas
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:26.