Onglet en surbrillance depuis un passage de souris sur une image
cs_phelsuma
Messages postés
11
Date d'inscription
jeudi 7 septembre 2006
Statut
Membre
Dernière intervention
7 novembre 2007
-
7 nov. 2007 à 07:48
capoueidiablo Messages postés 316 Date d'inscription jeudi 9 janvier 2003 Statut Membre Dernière intervention 1 février 2010 - 12 nov. 2007 à 00:00
capoueidiablo Messages postés 316 Date d'inscription jeudi 9 janvier 2003 Statut Membre Dernière intervention 1 février 2010 - 12 nov. 2007 à 00:00
A voir également:
- Onglet en surbrillance depuis un passage de souris sur une image
- C# passage par référence - Conseils pratiques -C# / .NET
- Image souris dessin ✓ - Forum Delphi / Pascal
- Une image .tiff repose sur une palette de 256 000 couleurs. ✓ - Forum C++ & C++ .NET
- Convolution image - Conseils pratiques -Java
- Une image .tiff repose sur une palette de 256 000 couleurs ✓ - Forum Delphi / Pascal
1 réponse
capoueidiablo
Messages postés
316
Date d'inscription
jeudi 9 janvier 2003
Statut
Membre
Dernière intervention
1 février 2010
1
12 nov. 2007 à 00:00
12 nov. 2007 à 00:00
N'ayant pas toute les images et compagnie, je me suis juste "amusé" a changer la couleur sur le hover ... la solution que j'apporte est plutot contraignante d'un point de vue CSS et si tu ne connais pas tres bien ce "langage", tu risques de te battre un peu avec le positionnement :p
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title> Comment faire apparaître le menu en surbrillance ? </title>
<meta http-equiv="expires" content="0">
<style type="text/css" media="screen">
/* <![CDATA[ */
#menu {
position: relative;
width: 350px;
}
#menu a span.onglet {
width: 150px;
margin: 0 2px;
}
#menu a img.logo { /* c'est ici que tu fais les placements ... a toi de joue avec les float, les position absolute et compagnie ... */
float:right;
border: 2px ridge #999;
margin: 1px; padding: 2px;
}
#menu a {
color: red;
text-decoration: none;
}
#menu a:hover span.onglet {
color: green;
}
/* ]]> */
</style>
</head>
[
Google
http://www.google.com/images/firefox/google.gif" />
[
Exalead
http://www.exalead.fr/apogee/fr/exa-small.gif" />
</html>
--------
Encore une petite remarque, n'utilises pas de tableau pour faire tes mises en page, le XHTML / CSS forment un tres beau couple ... http://www.alsacreations.com/ pour des tutoriaux plutot bien fait et pas trop chiants ... autant prendre de bonnes habitudes tout de suite :o)
--=Capoueidiablo=--
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title> Comment faire apparaître le menu en surbrillance ? </title>
<meta http-equiv="expires" content="0">
<style type="text/css" media="screen">
/* <![CDATA[ */
#menu {
position: relative;
width: 350px;
}
#menu a span.onglet {
width: 150px;
margin: 0 2px;
}
#menu a img.logo { /* c'est ici que tu fais les placements ... a toi de joue avec les float, les position absolute et compagnie ... */
float:right;
border: 2px ridge #999;
margin: 1px; padding: 2px;
}
#menu a {
color: red;
text-decoration: none;
}
#menu a:hover span.onglet {
color: green;
}
/* ]]> */
</style>
</head>
[
http://www.google.com/images/firefox/google.gif" />
[
Exalead
http://www.exalead.fr/apogee/fr/exa-small.gif" />
</html>
--------
Encore une petite remarque, n'utilises pas de tableau pour faire tes mises en page, le XHTML / CSS forment un tres beau couple ... http://www.alsacreations.com/ pour des tutoriaux plutot bien fait et pas trop chiants ... autant prendre de bonnes habitudes tout de suite :o)
--=Capoueidiablo=--
