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

Tema: Problema con el color de la letra de un menu

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    29 dic, 15
    Mensajes
    9
    Poder de Reputación
    0

    Question Problema con el color de la letra de un menu

    Buenos días, quiero cambiar la letra de mi menú pero no lo logro siempre me sale azul y no entiendo el por que no tengo nada de color azul en mi web. Quiero la letra de mi menú negra.

    El código para mi menú que tengo en mi css es:

    #menu1 {background-color:gray;border:black 3px solid;height:20px;}
    #menu1 li { color:black; float:left; list-style:none; margin:0px 20px 0px 20px; }

    No entiendo que estoy haciendo mal ? gracias. Diana.

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    25
    Hola de nuevo!

    Puedes mostrarnos todo el código CSS y HTML?

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    29 dic, 15
    Mensajes
    9
    Poder de Reputación
    0
    gracias, como verán son mis primeros pasos en esto. estoy haciendo mas o menos el ejemplo de comocreartuweb, pero estoy poniéndole estilos a cada capa.... ustedes entenderán si lo ven tan incompleto

    el código del index es :

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>C O M O D I T O</title>
    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo">
    <a href="#">
    <img src="objetos/logo.jpg" width="270" height="120px"
    alt="Haz clic aquí para volver a la página de inicio">
    </a>
    </div>
    <div id="comodito">
    <P>COMODITO PARA TODOS</P>
    </div>
    </div>
    <div id="Bienvenida">
    </div>

    <div id="navegacion">
    <div id="menu1">
    <ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Historia</a></li>
    <li><a href="#">calidad de nuestros productos</a></li>
    <li><a href="#">tiendas</a></li>
    <li><a href="#">mercancia que ofrecemos</a></li>
    <li><a href="#">bebes y niños</a></li>
    <li><a href="#">tallaje extragrande</a></li>
    </ul>
    </div>
    </div>
    <div id="contenido">
    <div id="manu2">
    <ul>
    <li><a href="#">caracteristicas</a></li>
    <li><a href="#">importacion</a></li>
    <li><a href="#">todo sobre productos</a></li>
    <li><a href="#">clientes</a></li>
    <li><a href="#">bobaditas</a></li>
    </ul>
    </div>
    <h1>COMODITO SU MEJOR OPCION</h1>
    <p>JUNIOR BEBE Y ADULTOS</p>
    <h2>ASI ES COMODITO</h2>
    <p>En comodito encontrara ropa para toda la familia encontrara tallaje de prematuros
    hasta la tallas grandes xxx, comodito es para todos, nacio hace 12 años pensando en
    el bienestar de la gente, compre, cuide y vuelva a vender, en comodito recibimos la
    ropa de su bebe que ha dejado en perfecto estaado, puede cambiarla por todo tipo de
    ropa nueva o usada, antes de presentar la ropa al cliente esta es lavada y tratada
    para ofrecer una garantia total del producto.</p>


    </div>
    <div id="pie">
    <div id="propaganda">
    </div>
    <div id="contactenos">
    </div>
    </div>

    </div>

    </body>
    </html>

    y el código de css es:

    * {text-indent:0px; margin:0px; padding:0px; border:0px;}
    h1 {font-size:1.2em; color:black; font-weight:bold; text-decoration:underline; text-align:center;}
    #global {width:1100px; margin:4px auto;background-color:purple;}
    #cabecera {background-color:white;width:1100px;border-left:black 3px solid;
    ;border-top:black 3px solid; border-right:black 3px solid;height:85px;}}
    #logotipo {text-align:justify;float:left;}
    #comodito {float:center;}
    #comodito p {font-size:3.5em; color:red; font-weight:bold; text-decoration:underline; text-align:center;}
    #menu1 {background-color:gray;border:black 3px solid;height:20px;}
    #menu1 li { color:black; float:left; list-style:none; margin:0px 20px 0px 20px; }

    eso es lo que he hecho hasta ahora y como vez no tengo ningún color azul activo ... muchas gracias por la ayuda.

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    25
    No había entendido lo que querías, pues no leí una parte :(.

    Lo que debes hacer es ser más específica con los enlaces:

    Código HTML:
    #menu1 a { color: black; }
    Eso afectará todos los enlaces que estén dentro del menu1.

    Presiona Control + F5 si es que no ves los cambios en el navegador (no hagas la vista previa en el HTML-kit).

    Saludos!

Temas Similares

  1. Problema con css de mi blog. Color fondo de menú.
    Por sereisa en el foro Sección dedicada a WordPress
    Respuestas: 1
    Último Mensaje: 09/01/2014, 06:44
  2. Problema con el color del menu lateral
    Por Pacob en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 3
    Último Mensaje: 17/11/2010, 04:10

Permisos de Publicación

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