Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 9 de 9

Tema: Objeto, menu superior

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 dic, 07
    Ubicación
    Tucuman-Argentina
    Mensajes
    191
    Poder de Reputación
    15

    Objeto, menu superior

    Me surgió un problema al colocar el margen redondeado superior en los 2 menus laterales. Hice numerosas pruebas.
    Comparé mi trabajo con estas URL
    http://unpocodemucho.atwebpages.com/plantilla3.html (Codigo Fuente)
    y
    http://unpocodemucho.atwebpages.com/estilo-general3.css (Front Page)

    No veo diferencias pero el error está:

    MI HTML
    <div id="contenido">
    <div id="menus">
    <div id="menu">
    <ul>
    <h4>Secciones</h4>[*]Seccion 1[*]Seccion 2[*]Seccion 3
    [/list]
    </div>
    <div id="menu2">
    <ul>
    <h4>Enlaces</h4>[*]Enlace 1[*]Enlace 2[*]Enlace 3
    [/list]
    </div>
    </div>

    MI CSS
    Código:
    #contenido p {margin: 5px 10px 0px 10px }
    #menus		{width:160px; float:left}
    #menu     {background-color: lorange ; width: 150px ; height: 150 ; float:left ; 
               text-align:left ; margin: 10px 10px 3px 3px ;
    			     background-image: url(objetos/menu-inferior.gif);
    			     background-position: bottom ;
    			     padding-bottom:5px }			
    #menu2 		{background-color: lorange ; width: 150px ; height: 250 ; float:left ; 
               text-align:left ; margin: 10px 10px 3px 3px ;
    			     background-image: url(objetos/menu-inferior.gif);
    			     background-position: bottom ;
    			     padding-bottom:5px }		
    #menus li {list-style:none ; margin: 4px 8px 4px 6px ; text-decoration:none}
    #menus h1 {text-decoration:none ; font-size:12px ; padding-top:12px; 
               background-image: url(objetos/menu-superior.gif) }
    [size=18]
    Debo ser muy bestia como para no encontrar mi error
    Guillermo
    ---------------------------------------
    Huye de las tentaciones, pero despacio, para que puedan alcanzarte.
    --------------------------------------

  2. #2
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,701
    Poder de Reputación
    69
    Hola

    me gustaría ver los codigos completos
    pero te adelanto

    tienes esto:

    Código:
    <ul>
    <h4>Secciones</h4>
    se supone que en h4, debes la imagen de fondo superior verdad???


    y no lo encuentro en la hoja de estilos
    solo veo esto:

    #menus h1 {text-decoration:none ; font-size:12px ; padding-top:12px;
    background-image: url(objetos/menu-superior.gif) }

    pero esto es h1, y no h4

    notas el fallo?????

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    16 feb, 08
    Mensajes
    4
    Poder de Reputación
    0

    Tengo una duda

    Me a parecido muy bueno este paso a paso pero tengo un duda... Cuando hago que los enlaces en el menu se activen colocando el cusor sobre la linea usando display: block no funciona de igual manera la vista previa en la pagina solo sale el efecto pasandolo sobre el texto...

  4. #4
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,701
    Poder de Reputación
    69
    ese efecto solo lo podrás ver en la red

    no en la vista previa local

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 dic, 07
    Ubicación
    Tucuman-Argentina
    Mensajes
    191
    Poder de Reputación
    15


    Mira Yaneth, tenía entendido que los H1, h2, h4 y otras etiquetas similares definen titulos, ignorando que tendrían otros efectos.

    Probé entonces cambiar #menus h1 por #menus h4 y el error desapareció solucionandose mi imperfeccion.

    Yo utilizaba h4 para darle propiedades unicamente a los titulos Secciones y Enlaces que encabezan a cada uno de los menú.

    En fin la vida es un largo aprendizaje.
    Guillermo
    ---------------------------------------
    Huye de las tentaciones, pero despacio, para que puedan alcanzarte.
    --------------------------------------

  6. #6
    Recien Llegado! Merodeador
    Fecha de Ingreso
    16 feb, 08
    Mensajes
    4
    Poder de Reputación
    0

    Estoy algo confundido...

    Hola a todos... Tengo una pregunta ya logre colocar mi pagina en linea pero no hace la parte del display: block...
    Solo se marca si paso por encima del texto que debo hacer...

  7. #7
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    38
    En el iexplorer pasa eso, pero en otros exploradores no. Cuál es la url?
    Saludos

  8. #8
    Recien Llegado! Merodeador
    Fecha de Ingreso
    16 feb, 08
    Mensajes
    4
    Poder de Reputación
    0

    Aqui esta


  9. #9
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    38
    Pues ese problema aún no hemos sabido solucionarlo. Si te fijas sólo pasa en el iexplorer, que es lo extraño.
    Saludos

Temas Similares

  1. dudas con el menu superior
    Por theatre of life en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 06/01/2010, 17:50

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •