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

Tema: Color texto

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    21 jun, 10
    Mensajes
    25
    Poder de Reputación
    13

    Color texto

    Por más que he intentado cambiar el color a blanco de mi barra de navegación no lo consigo
    ¿Me podéis ayudar?
    (Muchas gracias por todas las ayudas anteriores)

    http://estaeslahojapruebaencarna.atw...com/index.html

    El código .css

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    a {color: #191970; font-size:1.1em ; text-decoration: none }
    a: link {}
    a:visited {}
    a:hover {color: white ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify }
    .centrado {text-align:center}
    body {background-color: #E6E6FA ; background-image: url(objetos/flor invernal.jpg); background-repeat:no-repeat }
    img {border-style: none}
    h1 {font-size: 1.6em; ; font-family: colonna mt ; color:#191970 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font-size: 1.2em; color:#191970 ; font-weight: bold ; text-decoration: none ; text-align: center}
    body {text-align: center}
    #global {width:1000px ; margin: 4px auto }
    #curva-superior {background-image: url(objetos/curva_superior_1000.gif) ; background-repeat: no repeat ;
    width:1000px ; height:12px ; overflow: hidden}
    #cabecera {background-color: #E6E6FA ; height: 100px ; border-top: darkViolet 3px solid ; border-left: darkViolet 1px solid ; border-right: darkViolet 1px solid }
    #logotipo { width:998px ; float:top }
    #navegacion {background-color: #9932CC ; border: darkViolet 1px solid ; height:20px }
    #navegacion li {float:left ;color: white ; list-style:none ; margin: 0px 15px 0px 15px ; font-weight: bold }
    #navegacion ul { margin-left: 50px }
    #contenido {background-color: #E0FFFF ; width:100px; height:400px;overflow: scroll; float:left ; border-left: darkViolet 1px solid ; border-right: darkViolet 1px solid ; width:1000px }
    #contenido p {padding: 10px 50px 5px 160px ; text-indent: 15px }
    #buzon {text-align: center}
    #shantanand {text-align: center}
    #menu { width: 150px ; float:left ; text-align:left ; margin:0px 0px 0px 0px ; background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position:bottom ; padding-bottom:8px }
    #menua { width: 150px ; float:left ; text-align:left ; margin:0px 0px 0px 0px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position:bottom ; padding-bottom:8px }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px ; font-size: 13px }
    #menu h1 {text-decoration:none ; background-image: url(objetos/menu-curva-superior.gif) ;padding-top:12px ; background-repeat: no repeat }
    #listadoactividades {margin-left: 450px ; text-align:left }
    #listadoactividades li { list-style: none ; font-size: 18px ; font-weight:bold ; color:green }
    #pie { background-color: #9932CC ; border-left: darkViolet 1px solid ; border-right: darkViolet 1px solid ; border-top: darkViolet 1px solid ; height: 65px }
    #pie li {list-style: none ; font-size: 13px ; background-color: #9932CC }
    #pieuno { float:left ; width:150px ; border-left: darkViolet 1px solid }
    #piedos {float:center ; width:700px ; background-color: #9932CC }
    #pietres { float:right ; width:150px ; border-right: darkViolet 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior-1000.gif) ; background-repeat: no-repeat ; width:1000px ; height: 12px ; overflow: hidden }

  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
    70
    aqui

    es loq ue debes cambiar... el color blanco si mal no recuerdo es FFFFFF
    #navegacion {background-color: #9932CC ; border: darkViolet 1px solid ; height:20px }

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de spitfire2
    Fecha de Ingreso
    04 sep, 10
    Ubicación
    ARGENTINA...!!!
    Mensajes
    750
    Poder de Reputación
    15
    Si, #FFFFFF es el color blanco, aunque tambien puedes usar white.
    Por lo que pusiste en el titulo de la pregunta, creo que querias cambiar a blanco el color del texto en la barra de navegacion, si es asi, puedes hacerlo de varias formas, aca te muestro una:

    Pon esta linea en la hoja de estilos, despues de la primera linea puesta por ti:
    h4 {font.size: 1.1em; color:white; font-weight: bold ; text-decoration: none ; text-align: center}

    y en la barra de navegacion debes encerrar con estas etiquetas los link a los que les quieres cambiar el color:
    <h4>...tus links...</h4>

    espero que te sirva.

  4. #4
    Recien Llegado! Habitante
    Fecha de Ingreso
    21 jun, 10
    Mensajes
    25
    Poder de Reputación
    13
    Muchas gracias por responder tan rápido.

    Pero no sale lo he puesto antes del div id, antes de ul, de li e incluso de los links (con sus correspondientes cierres, pero nada.
    Es un misterio.

  5. #5
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,701
    Poder de Reputación
    70
    quieres cambiar el color de texto de los enlaces de navegacion????


    una puedes hacerlo asi

    aqui te pone de blanco todo el texto que esté en navegacion

    #navegacion {background-color: #9932CC ; border: darkViolet 1px solid ; height:20px; color: #FFFFFF}

    o bien asi
    aqui te ponde de blanco todo el texto que esté encerrado en[*]
    dentro de menu navegacion

    #navegacion li {float:left ;color: white ; list-style:none ; margin: 0px 15px 0px 15px ; font-weight: bold; color:#FFFFFF }

    las dos son posibles

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  6. #6
    Recien Llegado! Habitante
    Fecha de Ingreso
    21 jun, 10
    Mensajes
    25
    Poder de Reputación
    13
    Si, si así lo pongo, pero se queda como está. No consigo cambiar el color del texto.

    Vuelvo a pegar el estilo de la página

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    a {color: #191970; font-size:1.1em ; text-decoration: none }
    a: link {}
    a:visited {}
    a:hover {color: white ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify }
    .centrado {text-align:center}
    .izquierda {text-align: left}
    .derecha {text-align:right}
    body {background-color: #E6E6FA ; background-image: url(objetos/flor invernal.jpg); background-repeat:no-repeat }
    img {border-style: none}
    h1 {font-size: 1.6em; ; font-family: colonna mt ; color:#191970 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font-size: 1.2em; color:#191970 ; font-weight: bold ; text-decoration: none ; text-align: center}
    h4 {font-size: 1.1em; ; font-weight: bold ; tex-decoration: none; text-align: center}
    body {text-align: center}
    #global {width:1000px ; margin: 4px auto }
    #curva-superior {background-image: url(objetos/curva_superior_1000.gif) ; background-repeat: no repeat ;
    width:1000px ; height:12px ; overflow: hidden}
    #cabecera {background-color: #E6E6FA ; height: 50px ; border-top: darkViolet 3px solid ; border-left: darkViolet 1px solid ; border-right: darkViolet 1px solid }
    #logotipo { width:998px ; float:top }
    #navegacion {background-color: #9932CC ; border: darkViolet 1px solid ; height:20px }
    #navegacion h4 {font-size: 1.1em; color: #FFFFF; font-weight: bold ; tex-decoration: none; text-align: center}
    #navegacion li {float:left ;color: white ; list-style:none ; margin: 0px 15px 0px 15px ; font-weight: bold; color:#FFFFFF }
    #navegacion ul { margin-left: 50px }
    #contenido {background-color: #E0FFFF ; width:100px; height:400px; overflow: scroll; float:left ; border-left: darkViolet 1px solid ; border-right: darkViolet 1px solid ; width:1000px }
    #contenido p { text-indent: 15px }
    #contenidouno {float:left ; width: 299 px ; padding: 10px 45px 10 px 15px }
    #contenidodos {float:right ; width: 599 px ; padding: 20px 20px 55 px 55px}
    #buzon {text-align: center}
    #shantanand {text-align: center}
    #menu { width: 150px ; float:left ; text-align:left ; margin:0px 0px 0px 0px ; background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position:bottom ; padding-bottom:8px }
    #menua { width: 150px ; float:left ; text-align:left ; margin:0px 0px 0px 0px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position:bottom ; padding-bottom:8px }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px ; font-size: 13px }
    #menu h1 {text-decoration:none ; background-image: url(objetos/menu-curva-superior.gif) ;padding-top:12px ; background-repeat: no repeat }
    #listadoactividades {margin-left: 450px ; text-align:left }
    #listadoactividades li { list-style: none ; font-size: 18px ; font-weight:bold ; color:green }
    #pie { background-color: #9932CC ; border-left: darkViolet 1px solid ; border-right: darkViolet 1px solid ; border-top: darkViolet 1px solid ; height: 65px }
    #pie li {list-style: none ; font-size: 13px ; background-color: #9932CC }
    #pieuno { float:left ; width:500px ; border-left: darkViolet 1px solid }
    #piedos
    #pietres { float:right ; width:500px ; border-right: darkViolet 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior-1000.gif) ; background-repeat: no-repeat ; width:1000px ; height: 12px ; overflow: hidden }

  7. #7
    Moderador CCTW Habitante
    Fecha de Ingreso
    12 ago, 07
    Ubicación
    Galicia (España)
    Mensajes
    3,421
    Poder de Reputación
    34
    Enséñanos tu html también ;)

  8. #8
    Esto empieza a ser un vicio... Habitante Avatar de spitfire2
    Fecha de Ingreso
    04 sep, 10
    Ubicación
    ARGENTINA...!!!
    Mensajes
    750
    Poder de Reputación
    15
    Si usas la solucion que te di anteriormente, te va a funcionar. ya lo comprobe aqui en mi pc:
    En esta linea que agregaste, te falto poner el color blanco que quieres que tengan los enlaces de la barra de navegacion:

    h4 {font-size: 1.1em; ; font-weight: bold ; tex-decoration: none; text-align: center}

    agregale esta parte: color:white;

    te tiene que quedar asi:

    h4 {color:white;font-size: 1.1em; ; font-weight: bold ; tex-decoration: none; text-align: center}

    ----------

    ye en el codigo de la barra de navegacion debes encerrar los enlaces asi:

    <h4>...tus enlaces...</h4>

    te quedaria asi:

    <div id="navegacion"><ul>[*][*]<h4>Actividades</h4>[*]<h4>Historia</h4>[*]<h4>Meditación</h4>[*]<h4>Contacto</h4>[*]<h4>Biblioteca</h4>[*]<h4>Eventos</h4>[*]<h4>Descargas</h4>[/list]
    </div>

    si sigues eso pasos tendria que funcionar

    ---------------


    Espero que te funcione.

  9. #9
    Recien Llegado! Habitante
    Fecha de Ingreso
    21 jun, 10
    Mensajes
    25
    Poder de Reputación
    13
    ¡¡¡POR FIN!!!, eso si siguiendo las instrucciones de meter h4 entre enlances.
    Aquí, quedo rendida a vuestros pies. Muchas gracias.

Temas Similares

  1. Color de Texto
    Por Andreita-Corr en el foro Foro General
    Respuestas: 3
    Último Mensaje: 05/05/2008, 17:40
  2. color del texto
    Por zoirprithoxd en el foro Foro General
    Respuestas: 3
    Último Mensaje: 12/02/2008, 16:23

Permisos de Publicación

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