Popups qui s'affichent en cliquant sur des liens |
Aller à la page Précédente 1, 2, 3, 4, 5, 6 |
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Tophe82
dreamweaver mioche
 |
 Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 0:05 |
|
|
C'est pas grave, merci beaucoup à toi d'avoir pris beaucoup de temps pour me répondre et pour chercher. 
Si tu à une idée pour ouvrir une petite fenêtre sans changer de page, je serais preneurs. (et donc sans popup lol, mais je pense qu’il n’y a rien d’autre)
Merci pour ton aide, et j'essayerai de venir encore plus souvent sur ce forum.  |
|
|
Nevinrhal
html mioche
 |
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 9:45 |
|
|
| Si par le moyen d'un css à l'aide de span, je te prépart ca ! |
|
|
Nevinrhal
html mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 9:54 |
|
|
| Code: |
<html>
<head>
<style type="text/css">
<!--
a { text-decoration: none; }
a:hover { background: none; }
a span { display: none; }
a:hover span {
display: inline;
position: absolute;
top: 200px;
left: 100px;
width: 200px;
height: 100px;
background: green;
text-align: center;
color: white;
}
-->
</style>
</head>
<body>
<a href="#">Le lien<span>Le Span</span></a>
</body>
</html> |
Remercie le site http://css.alsacreations.com [http://css.alsacreations.com] |
|
|
Tophe82
dreamweaver mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 12:02 |
|
|
Merci beaucoup.
Je mets ceci dans header.html et rien nul par ailleurs ?
| Code: |
<html>
<head>
<style type="text/css">
<!--
a { text-decoration: none; }
a:hover { background: none; }
a span { display: none; }
a:hover span {
display: inline;
position: absolute;
top: 200px;
left: 100px;
width: 200px;
height: 100px;
background: green;
text-align: center;
color: white;
}
-->
</style>
</head>
<body>
<a href="#">MON TEXTE ET IMAGE<span>Le Span</span></a>
</body>
</html> |
|
|
|
Nevinrhal
html mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 12:16 |
|
|
| oui et tu regarde ce qui se passe. ca devrait fonctionner, car cela fonctionne parfaitement chez moi donc il n'y a pas de raison. |
|
|
Tophe82
dreamweaver mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 13:07 |
|
|
N I K E L 
Cette fois si sa marche super, merci beaucoup à toi, juste encore une question.
J'ai mis dans le script et sa donne ceci :
Seulement je voudrais qu'une partie du texte comme stade Louis II, arbitre soit au milieu, une partie soit a gauche avec la compo a domicile, et la compo a l’extérieur soit placé à droite.
J'ais fais sa par paint comme sa tu peux voir se que je veux :
Est ce que c'est possible de faire ça ? Parce que j'ai essayé avec des code
mais sa ne marche pas.
Sinon encore une question.
Est t-il possible de mettre cette fenêtre qui s'ouvre a un endroit précis genre au milieu ou quelques part ?
Merci beaucoup à toi pour ce code qui marche enfin |
|
|
Nevinrhal
html mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 14:01 |
|
|
"Plus longue est l'attente, plus la réponse est réjoissante"
Regarde, j'ai modifié le code :
| Code: |
<html>
<head>
<style type="text/css">
<!--
a { text-decoration: none; }
a:hover { background: none; }
a span { display: none; }
a:hover span {
display: inline;
position: absolute;
top: 100px;
left: 100px;
width: 500px;
height: 300px;
background: green; //couleur du fond
text-align: center;
color: white; //couleur du texte
}
a: hover span .center {
text-align: center;
}
a:hover span .gauche {
text-align: left;
float: left;
}
a:hover span .droit {
text-align: right;
float: right;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<a href="#">MON TEXTE ET IMAGE<span><div class="center">Le Span milieu</div>
<div class="gauche">Le span gauche<br />La suite</div><div class="droit">Le span droit souligné</div></span></a>
</body>
</html> |
Alors je t'explique, pour changer la taille et la position de l'image, change les valeurs de top, left, width et height du a:hover span tel que :
(Joli mon vieux dessin fait par paint, non )
Voila, a toi de modifier à ta convenance. |
|
|
Tophe82
dreamweaver mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 15:15 |
|
|
yeahh merci ça marche super bien en plus c'est un système très facile a s'en servir
http://img266.echo.cx/img266/5025/12ld.jpg
Est ce qu'il est juste possible pour la colonne de droite, que sa ne souligne pas automatiquement le texte ? |
|
|
Nevinrhal
html mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 16:06 |
|
|
oui
| Code: |
a:hover span .droit {
text-align: right;
float: right;
} |
tu enleve le text-decoration: underline  |
|
|
Tophe82
dreamweaver mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 16:19 |
|
|
Super, mille merci pour tout se que tu a fait, et au bout du compte, sa donne un super truc.
Merci encore à toi de ton aide.  |
|
|
Nevinrhal
html mioche
|
| Popups qui s'affichent en cliquant sur des liens , Posté le: 10-06-2005 16:20 |
|
|
| De rien, j'aurais été franchement décu si j'avais pas réussi à t'aider. |
|
|
|
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
