28217 sujets

CSS et mise en forme, CSS3

Bonjour a toutes et à tous.

J'essaie de faire des rollovers avec des gifs animés. Je me suis inspiré (inspiré c'est un eufemisme pour copier) de la méthode décrite ici "Autre méthode avec préchargement intégré"
http://www.alsacreations.com/articles/imgreactive/


Sur Mac (ma machine) ça fonctionne avec Firefox (et tous les Mozilla-like), Opéra (ouf) mais ça ne marche pas correctement avec OmniWeb, IE et Safari. Je travaille en local pour l'instant
http://speciale.no-ip.info
n'ésitez pas à m'envoyer un mail pour rafraichir l'IP si vous n'arrivez pas à vous connecter

Omniweb ne recconaît que le dernier rollover, IE ne comprend pas la fin du div et Safari l'ignore allégrement.

Merci et félicitations pour le site.

Voici les CSS et les images. La première image à deux frames et l'autre 9.

.liena {
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 148px;
	height: 20px;
	background: url(IMG/botona.gif) no-repeat left top;
	font-weight: lighter;
	text-indent: 10pt;
	vertical-align: baseline;
	margin: 2px 0px 0px;
	padding: 0px;
	position: static;
}
.liena a {
	display: block;
	width: 148px;
	height: 20px;
	background: #CCCCCC url(IMG/boton.gif) no-repeat left top;
	color: #000;
	text-decoration: none;
	left: 0px;
	top: 0px;
	margin: 2px 0px;
	padding: 3px 0px 0px;
	position: static;

}
.liena a:hover {
	display: block;
	background: transparent none;
	text-decoration: none;
	left: 0px;
	top: 0px;
	color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;

} 

upload/600-boton.gif upload/600-botona.gif
Modifié le 17 Dec 2004 - 19:33
Tu pourrais utiliser le BBCode pour baliser ton code ?
[ code] [/code ] (sans les espaces).

Tu peux essayer de rajouter ton image en :hover

.liena a:hover { 
   display: block; 
   background: url(IMG/botona.gif) no-repeat left top; 
   text-decoration: none; 
   left: 0px; 
   top: 0px; 
   color: #666666; 
   margin-top: 2px; 
   margin-bottom: 2px; 
   padding-top: 3px; 
   padding-right: 0px; 
   padding-bottom: 0px; 
} 

Modifié le 17 Dec 2004 - 19:25
J'ai testé ta page et les boutons fonctionnent très bien sous Firefox, Netscape, Opera et IE (avec un PC). Je n'ai pas de mac sous la main.

Qu'est-ce que tu veux dire par "un message en particulier" ?
Pour un message en particulier je voulais dire répondre à une réponse et que ça fasse un thread, mais ce n'est pas três important.
Ça fonctionne très bien sous IE 5.5, mais tu as des problème de positionnement du au model de boite particulier de ce navigateur Smiley cligne