Foros del Web » Creando para Internet » CSS »

caracteristica en css se aplica a dos ul

Estas en el tema de caracteristica en css se aplica a dos ul en el foro de CSS en Foros del Web. tengo un problemilla, tengo este esquema en un diseño html @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div id = "Cont_mapa" >       ...
  #1 (permalink)  
Antiguo 04/08/2010, 10:46
 
Fecha de Ingreso: julio-2010
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 0
Exclamación caracteristica en css se aplica a dos ul

tengo un problemilla, tengo este esquema en un diseño html

Código HTML:
Ver original
  1. <div id="Cont_mapa">
  2.             <ul>
  3.                 <li>
  4.                     <div class="Caja_mapa">
  5.                         <ul>
  6.                             <li>- Institucion</li>
  7.                             <li><a href="#">Bienvenida</a></li>
  8.                             <li><a href="#">Historia</a></li>
  9.                             <li><a href="#">Reglamento</a></li>
  10.                             <li><a href="#">Personal</a></li>
  11.                             <li><a href="#">Contacto</a></li>
  12.                         </ul>
  13.                     </div>
  14.                 </li>
  15.                         </ul>

y cuando le aplico alguna caracteristica al ul que esta despues de "Cont_mapa"

Código CSS:
Ver original
  1. #Cont_mapa ul{
  2. padding:30px 0 0 0;
  3. }

esa caracteristica se aplica tambien al ul que esta en Caja_mapa

que soluciones saben ustedes para este caso ?

desde ya muchas gracias
  #2 (permalink)  
Antiguo 04/08/2010, 10:58
 
Fecha de Ingreso: enero-2010
Mensajes: 113
Antigüedad: 14 años, 3 meses
Puntos: 2
Respuesta: caracteristica en css se aplica a dos ul

Es de logica ya que eso toma todos los ul que se encuentran dentro de ese div tan solo colocale un id en su lugar:

Código HTML:
Ver original
  1. <div id="Cont_mapa">
  2.             <ul id="Cont_mapaul">
  3.                 <li>
  4.                     <div class="Caja_mapa">
  5.                         <ul>
  6.                             <li>- Institucion</li>
  7.                             <li><a href="#">Bienvenida</a></li>
  8.                             <li><a href="#">Historia</a></li>
  9.                             <li><a href="#">Reglamento</a></li>
  10.                             <li><a href="#">Personal</a></li>
  11.                             <li><a href="#">Contacto</a></li>
  12.                         </ul>
  13.                     </div>
  14.                 </li>
  15.                         </ul>

y tu css queda asi:

Código CSS:
Ver original
  1. #Cont_mapaul{
  2. padding:30px 0 0 0;
  3. }

espero te sirva :)
  #3 (permalink)  
Antiguo 04/08/2010, 11:23
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 15 años, 6 meses
Puntos: 83
Respuesta: caracteristica en css se aplica a dos ul

Saludos!

Otra manera sería resetear el padding de el otro ul así:
Código CSS:
Ver original
  1. #Cont_mapa ul {
  2. padding: 30px 0 0 0;}
  3. .Caja_mapa ul {
  4. padding: 0px !important}

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 04/08/2010, 11:44
 
Fecha de Ingreso: julio-2010
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: caracteristica en css se aplica a dos ul

muchas gracias !!!!!

estoy empezando en esto del html y css. Me imaginaba que tenia que ser algo asi, pero preferia que me dieran las tecnicas que usan ustedes a diario ^^

y de nuevo gracias

Etiquetas: dos
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 17:59.