|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
 Posté le : Jeu Jan 31, 2008 0:11 Sujet du message: images survolée avec texte "centré" |
|
|
bonjour, j'ai déjà posté ce message ailleurs dans le forum mais on m'a conseillé de faire un tour par ici. je suis donc à la recherche de quelqu'un qui s'y connait en css et html car je sais pas comment faire pour que le texte survolé soit contenu dans l'image mais avec une marge par rapport à l'image..
donc voilà j'ai déjà essayé de rajouter des margin mais ça marche pas...un indice s'il vous plait...
merci!!!!!!
Dernière édition par alinaroset le Mer Fév 06, 2008 19:13; édité 1 fois |
|
| |
|
 |
YoyoS
WRInaute accro
Inscrit le: 14 Sep 2006
Messages: 2373
|
| Posté le : Jeu Jan 31, 2008 0:20 Sujet du message: images survolée avec texte "centré" |
|
|
Et t'as essayé padding ?  |
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 0:32 Sujet du message: images survolée avec texte "centré" |
|
|
 bonjour euh oui aussi...
et je me demande si c'est pas la balise li qui pose problème... |
|
| |
|
|
bproductiv
WRInaute accro
Inscrit le: 27 Déc 2004
Messages: 2362
Localisation: La roche s/ yon
|
| Posté le : Jeu Jan 31, 2008 8:25 Sujet du message: images survolée avec texte "centré" |
|
|
je mettrai l'image dans le code source dans le a (et non dans le css),
puis un span dans le a avec ton texte.
dans le css
a:hover span{display:block;margin:1em;visibly:visible}
a:link span{display:none;} |
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 8:34 Sujet du message: images survolée avec texte "centré" |
|
|
| j'essaie tout de suite |
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 15:04 Sujet du message: images survolée avec texte "centré" |
|
|
hmm je dois louper quelque chose... où est mon texte? oui je suis nulle je sais... 
Dernière édition par alinaroset le Mer Fév 06, 2008 19:14; édité 1 fois |
|
| |
|
|
serval2a
WRInaute accro
Inscrit le: 21 Mar 2005
Messages: 3200
Localisation: A la poursuite de Googlebot.
|
| Posté le : Jeu Jan 31, 2008 15:15 Sujet du message: images survolée avec texte "centré" |
|
|
| Code: |
| <a href="/montagne.html"><img src="images/montagne.jpg" title="la montagne c'est super, on s'éclate y'a du soleil et de la neige et parfois du vent et patati et patata" /></a> |
|
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 15:19 Sujet du message: images survolée avec texte "centré" |
|
|
oui mais le but c'était de faire ça: http://www.eric-roset.ch/galerie.html en centré....???
Dernière édition par alinaroset le Mer Fév 06, 2008 19:15; édité 1 fois |
|
| |
|
|
bproductiv
WRInaute accro
Inscrit le: 27 Déc 2004
Messages: 2362
Localisation: La roche s/ yon
|
| Posté le : Jeu Jan 31, 2008 15:22 Sujet du message: images survolée avec texte "centré" |
|
|
essaye ca:
laisse l'image en background de ton lien (css) et met ce mm lien en position:relative;
ensuite ->
a span{display:none}
a:hover span{color:#ccc;display:block;visibly:visible;width:150px;position:absolute;top:1em;left:1em;} |
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 15:46 Sujet du message: images survolée avec texte "centré" |
|
|
on voit la puce de la liste se déplacer...
Dernière édition par alinaroset le Mer Fév 06, 2008 19:15; édité 1 fois |
|
| |
|
|
serval2a
WRInaute accro
Inscrit le: 21 Mar 2005
Messages: 3200
Localisation: A la poursuite de Googlebot.
|
| Posté le : Jeu Jan 31, 2008 15:48 Sujet du message: images survolée avec texte "centré" |
|
|
Ok, comme je voyais pas trop ce que tu voualis j'ai tenté. 
Perso j'ai ça
A mettre en remplacement dans la feuille de style
| Code: |
#menu li {
float:left;
list-style-type:none;
text-align: center;
line-height: normal;
padding: 10px;
} |
et après modifier chaque #menuquelquechose comme cela
| Code: |
| #menuequateur a:hover {background:url(http://www.eric-roset.ch/images/equateur.jpg) no-repeat 0 -150px ;font-size:11px; display: table-cell; vertical-align: middle; border:#FFFFFF 10px solid;} |
Ceci dit ça ne marchera correctement que sous FF, IE centrera uniquement le texte à l'horizontal. |
|
| |
|
|
bproductiv
WRInaute accro
Inscrit le: 27 Déc 2004
Messages: 2362
Localisation: La roche s/ yon
|
| Posté le : Jeu Jan 31, 2008 15:49 Sujet du message: images survolée avec texte "centré" |
|
|
menu li{list-style:none;}
je ne vois pas de span dans ton a?? |
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 16:00 Sujet du message: images survolée avec texte "centré" |
|
|
youpii youpii youpii oui les span...forcément....(je plaisante vu mon niveau je découvre à peine) et oui ça marche!!!! merci merci meric!!!!
je vais chercher le gamin à l'école et je viens essayer le truc de serval2a pour voir ce que ça donne!!!
suis contente contente....
à plus! |
|
| |
|
|
alinaroset
WRInaute discret
Inscrit le: 09 Jan 2008
Messages: 83
|
| Posté le : Jeu Jan 31, 2008 23:41 Sujet du message: images survolée avec texte "centré" |
|
|
| tout marche vous zetes trop forts! merci encore! |
|
| |
|
|
| |
|
|
