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.atwebpages.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 }
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
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.
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.
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
  • 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 }
    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>
    </div>

    si sigues eso pasos tendria que funcionar

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


    Espero que te funcione.