Renseignement sur un css
t_mix
Messages postés
4
Statut
Membre
-
hani_ Messages postés 346 Statut Membre -
hani_ Messages postés 346 Statut Membre -
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
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
A voir également:
- Renseignement sur un css
- Enlever le soulignement d'un lien css - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
- Css ligne horizontale ✓ - Forum CSS
6 réponses
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;
}
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;
}
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...
**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...
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ;
}
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 ;
}
