Image qui disparait

Marsh Posté le 12-06-2003 à 19:26:18

J'ai une feuille de style avec ça dedans:

Code :

td.menu{
background-color:#FFFEF9;
background-image:url(transparent.png);
background-repeat: no-repeat;
background-position:center left;
}
td.menuover{
background-color:#CEEBFF;
background-image:url(transparent.png);
background-repeat: no-repeat;
background-position:center left;
}
td.menuout{
background-color:#CEEBFF;
background-image:url(transparent.png);
background-repeat: no-repeat;
background-position:center left;
}

et j'inclue ça dans une page comme ceci:

Code :

<tr class="button" onclick="document.location.href='index.php?url=liste'">
<td class="menu" onmouseout="this.className='menunout'" onmouseover="this.className='menuover'"><div class="lienmenu">$langquicklist</div></td>
</tr>

quand je retire la souris du menu, l'image de fond disparait..

Reply

Marsh Posté le 12-06-2003 à 19:26:18

Reply

Marsh Posté le 12-06-2003 à 19:32:09

:heink: j'avoue que je comprend pas... t'as pas de différence entre le over et le out... stou pareil au niveau du css

Reply

Marsh Posté le 12-06-2003 à 19:34:46

ouais justement.. c bien pour ça que je suis venu poster.. :cry:

Reply

Marsh Posté le 12-06-2003 à 19:37:41

RiderCrazy a écrit :

:heink: j'avoue que je comprend pas... t'as pas de différence entre le over et le out... stou pareil au niveau du css

Peut être qu'il veut faire un effet qui consiste à faire en sorte que l'apparance de la cellule lors du chargement de la page n'est pas le même que lorsque la souris est passée dessus.

Par contre L0k, ce que je comprends pas c'est pourquoi tu répètes à chaque fois les propriétés background-image, background-repeat et background-position... Elles ne changent pas autant les regrouper :??:

Edit: ah oui, non j'ai mal lu les classes, elles sont identiques. Heu... tu veux faire quoi au juste :heink:

Message édité par gm_superstar le 12-06-2003 à 19:39:15

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 12-06-2003 à 19:39:01

Benh d'une je comprend pas pourquoi tu te prend la tête surun truc qui visuellement n'aura pas d'effet :??:
bon, je suis pas une bete mais className='menunout' va en fait remplacer le class qui est juste devant, celui qui est déclaré normalement. Je crois que c'est pas possible de déclarer de class (du moins en les separant. on peut comme ca je crois: class='class1, class2')

Reply

Marsh Posté le 12-06-2003 à 19:40:16

gm_superstar a écrit :

Edit: ah oui, non j'ai mal lu les classes, elles sont identiques. Heu... tu veux faire quoi au juste :heink:

:jap:

Reply

Marsh Posté le 12-06-2003 à 19:44:03

mon but c de changer la couleur de fond de la cellule, tout en gardant cette image comme image de fond, et j'aimerais que ça tourne sous mozilla et explorer etc..

Reply

Marsh Posté le 12-06-2003 à 19:51:17

S'il ne s'agit que de changer la couleur du fond ceci devrait suffire :

onmouseover="this.style.backgroundColor='#xxxxxx';" onmouseout="this.style.backgroundColor='#yyyyyy';"

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 12-06-2003 à 19:56:46

ouais merci ça marche parfaitement, mais ça serait vraiment bien que ça soit configurable dans le feuille de style, parce que je fais un script PHP qui peut avoir plusieurs design, et si tout pouvais être configurable dans la css ça m'arrangerais..

Oui, je sais je suis compliqué :sweat:

Reply

Marsh Posté le 12-06-2003 à 19:59:35

L0k a écrit :

J'ai une feuille de style avec ça dedans:

Code :

td.menu{
background-color:#FFFEF9;
background-image:url(transparent.png);
background-repeat: no-repeat;
background-position:center left;
}
td.menuover{
background-color:#CEEBFF;
background-image:url(transparent.png);
background-repeat: no-repeat;
background-position:center left;
}
td.menuout{
background-color:#CEEBFF;
background-image:url(transparent.png);
background-repeat: no-repeat;
background-position:center left;
}

et j'inclue ça dans une page comme ceci:

Code :

<tr class="button" onclick="document.location.href='index.php?url=liste'">
<td class="menu" onmouseout="this.className='menuout'" onmouseover="this.className='menuover'"><div class="lienmenu">$langquicklist</div></td>
</tr>

quand je retire la souris du menu, l'image de fond disparait..

Ceci explique cela...

Reply

Marsh Posté le 12-06-2003 à 19:59:35

Reply

Marsh Posté le 12-06-2003 à 20:01:27

Disons que si tu utilise des liens dans ta cellule ca serait encore plus simple car entièrement gérable en css... ca je sais faire. Après, si on peut faire un changement de fond simplement sur un td, faut avec les pro...
gm_super :sol: !!! à toi

Reply

Marsh Posté le 12-06-2003 à 20:31:18

L0k a écrit :

Ceci explique cela...

Mais à quoi te sert .menuout ? Pourquoi tu n'intervertis pas .menu et .menuover ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 13-06-2003 à 15:14:27

gm_superstar a écrit :

Mais à quoi te sert .menuout ? Pourquoi tu n'intervertis pas .menu et .menuover ?

:sarcastic:

Reply

Marsh Posté le 13-06-2003 à 15:15:23

Une question ? Une remarque ? Une requête à formuler ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 13-06-2003 à 16:55:03

non en fait c t moi avant et j'ai oublier de changer de pseudo.. effectivement c t vraiment con, ben comme ça j'aurai appris pas mal de trucs en un coup Merci en tt cas

Reply

Marsh Posté le 13-06-2003 à 16:55:31

Arf ! ok