Como poner el enlace de la propia página resaltado

Hola, uff, por fin he terminado.He puesto fotos diferentes en todas las páginas para no liarme. He resuelto algunos pequeños problemas y todo va perfecto. Lo importante es ser súper ordenado. He puesto los enlaces de la propia página con “<a href="#">”.
Por ejemplo en la página “historia.html”, en el menú de navegación he puesto este código:

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs


de esta manera cuando pulsas en el enlace de la propia página, este no se activa.
Hay una cosa que se me ha resistido. Lo que no consigo es poner el enlace de la propia página resaltado, después de haberlo pulsado, es decir de otro color, otro tamaño de letra o que se quede con el fondo de otro color para indicarnos que estamos en esa página. No sé si me explico. ¿Me podéis decir como se resuelve?
Todo mi agradecimiento para todo el equipo. No tenía ninguna idea de cómo funcionaba esto y gracias a este curso perfectamente dirigido,ahora tengo una base que me permite investigar en esto del código html.
Un saludo
Jmanuel

Crea una clase nueva por ejemplo .enlaceactual y a ella le agregas lo que tenga (eso despues de definir los a!). Ya solo al a le agregas la clase y listo.

Hola, he hecho lo que me dices y efectivamente me cambia el color del enlace del menu en el que estoy pero pulso otro enlace y cuando vuelvo ya no me funciona.
Es dificil de explicar. En el menu del curso CCTW " Lección primera segunda, tercera..." las letras son de color azul. Cuando vas a la lección segunda, la plalabra "segunda" del menu se pone negra. Si vas a la "sexta" que se encuentra azul, una vez que estás en ella se pone negra. Este es el efecto. Después de muchos intentos no lo he conseguido.

¿Me puedes poner un ejemplo del curso que hemos hecho, del código html para poner "historia" en otro color o con un fondo fijo de otro color?
Gracias
Jmanuel

En la pagina en la que te encuentres simplemente le anades el class a ese enlace.

Hola lo siento pero no me sale. Lo único que consigo es que se duplice el nombre del enlace.
Tiro la toalla
Un saludo
Jmanuel

como que tiro la toalla
pues permiteme levantarla y devolvertela

pega aqui el contenido completo de tu html y del css

seguro encontrarmos el error

saludos :wink:

Hola Yaneth, no se trata de un error. Posiblemente no me explique bien.
He realizado el curso vuestro hasta el final y me ha quedado perfecto. Mi problema lo he explicado anteriormente. Quiero mejorar el ejercicio de CCTW. Cuando navego por la diferentes páginas quiero que en la barra de navegación el enlace de la página en la que estoy se quede de un color diferente a los otros enlaces de la barra de navegación.
Por ejemplo,este es el menu de navegación de index.html del ejercicio de CCTW:
<div id="navegacion">
<ul>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs

</div>

Lo que quiero es que cuando me encuentre en la página de "historia" (o en cualquier otra) la palabra "Historia" se quede de color amarillo(por ejemplo) mientras me encuentro en ella y los demás enlaces de la barra de navegación seguirán en negro. De esa manera sé en que página me encuentro.
Lo mismo ocurre en vuestra web. En el curso, el menu de navegación, es de color azul pero cuando estamos en la clase segunda la palabra segunda del menu se pone negra y lo demás sigue en azul.
Un saludo y gracias a la espera de tu respuesta
Jmanueljavascript:emoticon(':cry:')

mira crearás un estilo en tu css,

asi

.enlace {color: rojo; background-color: yellow}
le decimos que la letra sea roja, con un fondo amarillo

bien ahora tendrás algo de tarea pesada jejeje

abre cada pagina por separado, por ejemplo tu index te he coloreado en rojo el trozo que hace referencia a el verdad???

<div id="navegacion">
<ul>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs


bien le pones esto (solo al index)

Portada

y checas los resultados

si eso es lo que deseas, deberás abrir cada pagina por separado, para incluirle ese codigo , si tienes mas de una hoja de estilos, debes incluirlo en cada pagina

saludos
</div>

Hola Yaneth,
Un millón de gracias. Son las dos de la madrugada pero no he podido esperar. Funciona perfectamente.
Gracias de nuevo. Por fin!!!!!
Jmanueljavascript:emoticon(':D')javascript:emoticon(':D')javascript:emoticon(':D')javascript:emoticon(':D')

me alegra que te sirva...

y ya sabes, la proxima vez que quieras tirar la toalla, aqui te ayudamos a levantarla

un abrazo!

Gracias Yaneth eres fenomenal.

He avanzado mucho, me he creado una tabla con fotos y con vínculos para ver las fotos más grandes. Estoy con un problemilla que estoy intentando resolver. Como unas fotos de la tabla son verticales y otras horizontales, las verticales se quedan al lado izquierdo de las celdas y quiero centrarlas en las celdas.

Estoy en ello.
Un saludo
Jmanuel

mmmm

poniendo text-align:center en el css a la tabla, creo que funciona

saludos

Hola Yaneth,
tendría que cambiar el asunto pero de momento ya termino con este tema. He probado de diferentes maneras a centrar la foto en la tabla con el código que me dijiste pero no lo he conseguido porque no sé donde insertarlo a pesar de las muchas pruebas. Finalmente lo conseguí con <center></center>. Te mando 4 filas y 4 columnas de tabla para que lo observes. Las fotos de la segunda fila son se 100x150 y ocupan toda la celda. Las de la cuarta fila son de 150x110 y he podido centrarlas pero como he puesto enlaces, en estas últimas se ve el color gris del fondo que definí para todos los enlaces de web. no se si creando un nuevo estilo para estas fotos puedo quitar el color gris del fondo.

<tr><TH>Chambre lit 135cm</TH> <TH>Terrasse</TH> <TH>Couloir</TH><TH>Salon</TH></tr>
<tr><td><A HREF="#">[contenido no disponible]</td>
<td><A HREF="#">[contenido no disponible]</td>
<td><A HREF="#">[contenido no disponible]</td>
<td><A HREF="#">[contenido no disponible]</td></tr>
<tr><TH>Chambre 2 lits 90cm</TH> <TH>Chambre 1 lit 90cm</TH> <TH>Cuisine</TH><TH>Salle de bain</TH> </tr>
<tr><td><A HREF="#"><center>[contenido no disponible]</center></td>
<td><A HREF="#"><center>[contenido no disponible]</center></td>
<td><A HREF="#"><center>[contenido no disponible]</center></td>
<td><A HREF="#"><center>[contenido no disponible]</center></td></tr>
</table>
Un saludo y si ves que soy muy pesado por favor dímelo
Gracias
Jmanuel
javascript:emoticon(':D')

hola

has olvidado que al las tablas tambien les puedes poner css

td.uno {text-align:center, ancho, alto, color, etc etc}

y en el html

<td class="uno">

saludos

Hola Yaneth,
Lo he intentado peo no he sabido dónde insertarlo y si no se hace perfectamente al final no funciona. De momento lo he resuelto con <center>. dejaré este tema para empezar otro que me preocupa más.
Abriré tema nuevo.
Gracias, un saludo y seguimos