Rechercher : dans
Par :

Survol lien - CSS

Dernière réponse le 17 déc 2007 à 14:52:40 guilhem_mdg, le 17 jun 2004 à 08:50:25 
 Signaler ce message aux modérateurs

Bonjour !
Je voudrai créer un lien qui, lorsque la souris le survole, les propriétés du titre de la page (qui n'a donc rien à voir avec le lien) changent.
Cela est-il possible ? Si oui, comment faire avec les css ??
Merci de votre aide.
Cordialement.
Guilhem.

Meilleures réponses pour « Survol lien CSS » dans :
Une popup d'information au survol sans Javascript ni CSS Voir Parfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Changer l'aspect du curseur en CSS VoirLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...

1

fat_cartman, le 17 jun 2004 à 08:55:32

Pour ca, ce n'est pas du CSS mais du javascript qu'il faut utiliser.

Fat_Cartman,
Parce que je le vaux bien...

Répondre à fat_cartman

2

guilhem_mdg, le 17 jun 2004 à 09:00:18

N'y a-t-il vraiment pas une solution en CSS ?

Répondre à guilhem_mdg

3

fat_cartman, le 17 jun 2004 à 11:24:54

Non je ne crois pas, car le css s'applique aux elements mais ne permet pas de modifier le DOM, alors que javascript le permet.

Fat_Cartman,
Parce que je le vaux bien...

Répondre à fat_cartman

4

HackTrack, le 24 jun 2004 à 10:31:11

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

<html>
<head>
	<title>Link hover</title>
	<style type="text/css">
		.firstStyle{
			background-color: #dddddd;
			color: black;
			padding: 4 4 4 4;
		}
		.secondStyle{
			background-color: yellow;
			color: red;
			padding: 4 4 4 4;
		}
	</style>
	
	<script language="javascript" type="text/javascript">
		function changeStyles(){
			elm = document.getElementsByName("pTitle")[0];
			elm.className="secondStyle";
		}
		function restoreStyles(){
			elm = document.getElementsByName("pTitle")[0];
			elm.className="firstStyle";
		}		
	</script>
			
</head>

<body>
	<center>
		<span name="pTitle" id="pTitle" class="firstStyle">Le titre de la page</span>
		<p/>
		<a onmouseover="changeStyles();" onmouseout="restoreStyles();">Placer la souris sur ce lien</a>
	</center>
</body>
</html>

;-)

Répondre à HackTrack

5

guilhem_mdg, le 24 jun 2004 à 15:00:15

Merci beaucoup pour cette réponse.
Elle me convient bien ...

Répondre à guilhem_mdg

6

 ibbab, le 17 déc 2007 à 14:52:40

Ca marche pas sur Internet explorer ou c'est le mien qui bug?

Répondre à ibbab
Collection CommentÇaMarche.net