Renseignement sur un css

Fermé
t_mix Messages postés 4 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 6 octobre 2008 - 6 oct. 2008 à 11:48
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 - 6 oct. 2008 à 16:26
Bonjour, j'aimerais faire un peu la meme chose que sur l'intro du site

en passant sur le liens une photo apparait voir site ci dessous

http://www.yabai-records.com/

mais je m'y connait pas en css

quelqu'un pourrait il m'aider

bonne journée a vous

tmix

6 réponses

t_mix Messages postés 4 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 6 octobre 2008
6 oct. 2008 à 12:56
personne ??
1
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
6 oct. 2008 à 14:09
dans le a placerun span contenant une image

css:
a span{
display:none;
plus toutes les autre propriété de ton span pour qu'il soit comme tu le souhaite quand il s'affichera.
}
dans le a:hover span
{
display:block;
}
1
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
6 oct. 2008 à 16:26
si tu veux du flash je ne peux pas t'aider...

**se demande pourquoi les gens aiment se compliquer la vie**

sans déconner a part dans des cas précis ou il faut un gros moteur a la flash, sinon je ne voit pas l'intérêt de l'utiliser...

dans ton cas quelques lignes de css suffisent plus que largement....
c'est quand même plus simple...
1
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 2 744
6 oct. 2008 à 12:59
Salut,
le site dont tu parles est réalisé en flash. Par contre, tu peux faire ce que tu souhaites en utilisant les css et une fonction javascript.
fonction javascript à placer entre tes balises head :
<script type="text/javascript"><!--
div = {
show: function(elem) {
document.getElementById(elem).style.visibility = 'visible';
},
hide: function(elem) {
document.getElementById(elem).style.visibility = 'hidden';
}
}
--></script>

code html :
de ton lien :
<a href="url recherchée" onMouseOver="div.show('nomdetadiv')" onMouseOut="div.hide('nomdetadiv')">blablabla</a>

de la div (ou tu va placer ton image) :
<div id="nomdetadiv">
<img src="tonimage.jpg"/>
</div>

code css de ta div :

div#nomdetadiv
{
width: 300px ;
height: 268px ;
visibility: hidden ;
}
voilà, tu peux arranger ça à ta sauce.......
Bon courage
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
t_mix Messages postés 4 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 6 octobre 2008
6 oct. 2008 à 13:28
cool
merci

voila le code que j'ai mis

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"><!--
div = {
show: function(elem) {
document.getElementById(elem).style.visibility = 'visible';
},
hide: function(elem) {
document.getElementById(elem).style.visibility = 'hidden';
}
}
--></script>

<link href="../../All Users/Documents/Mes images/Échantillons d'images/test.css" rel="stylesheet" type="text/css">
<a href="url recherchée" onMouseOver="div.show('thierry')" onMouseOut="div.hide('thierry')"></a>

<div id="thierry">
<img src="../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg" width="800" height="600"/></div>



</head>

</html>

voici mon code css

#thierry {
width: 300px ;
height: 268px ;
visibility: hidden ;
}
-1
t_mix Messages postés 4 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 6 octobre 2008
6 oct. 2008 à 15:35
je suis desole je ny comprend rien

je souhaite avoir une page accueil noir avec un liens pour acceder a un site et quand on passe la souris sur le lien une image apparait en flash derriere

je ne suis pas un expert

désole

bonne journée
-1