Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1583 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Liens et style d'arrière-plan

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Liens et style d'arrière-plan

n°1182779
ANViL
yep...definitely ♫
Posté le 23-08-2005 à 21:31:57  profilanswer
 

Voilà, j'ai actuellement des cellules dont le contenu texte fais office de lien.
 
Exemple:
 
http://img170.imageshack.us/img170/3149/cellex14tf.jpg
 
Je voudrais faire un effet hover avec tout le background en gris et texte en noir, comme ceci:
 
http://img84.imageshack.us/img84/9783/cellex35ka.jpg
 
Mais pour l'instant je n'arrive qu'à cela:
 
http://img170.imageshack.us/img170/2126/cellex22yu.jpg
 
display: block;
etc.
 
Mais comment faire pour remplir toute la cellule ?  
 

mood
Publicité
Posté le 23-08-2005 à 21:31:57  profilanswer
 

n°1182795
kalex
Posté le 23-08-2005 à 22:03:26  profilanswer
 

On ne peut pas deviner, donne ton code (CSS et HTML).

n°1182826
masklinn
í dag viðrar vel til loftárása
Posté le 23-08-2005 à 22:51:04  profilanswer
 

ANViL a écrit :

Voilà, j'ai actuellement des cellules dont le contenu texte fais office de lien.
 
Exemple:
 
http://img170.imageshack.us/img170/3149/cellex14tf.jpg
 
Je voudrais faire un effet hover avec tout le background en gris et texte en noir, comme ceci:
 
http://img84.imageshack.us/img84/9783/cellex35ka.jpg
 
Mais pour l'instant je n'arrive qu'à cela:
 
http://img170.imageshack.us/img170/2126/cellex22yu.jpg
 
display: block;
etc.
 
Mais comment faire pour remplir toute la cellule ?


Il faut que le lien soit affiché comme un bloc, pour qu'il prenne toute la taille disponible.
 
Ca veut dire:

  • Que l'élément de liste qui le contient doit avoir un padding nul (padding=0)
  • display: block sur le lien
  • une hauteur fixée, et si pas de hauteur fixée alors ajouter "_height: 0;" pour MSIE qui a un problème avec la transformation inline > bloc


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1183618
ANViL
yep...definitely ♫
Posté le 24-08-2005 à 18:39:16  profilanswer
 

Hop, merci pour l'explication  :)  
 
J'ai fait qqch de ce style:
 
(hover)
 
color: black;
background-color: #969696;
height 100%      // pour que toute la hauteur soit occupée par le bloc
display: block   // ok.....
 
seulement si je fais ça, quand je passe sur les cellules et donc les liens de type bloc, mon texte se retrouve collé à la bodure supérieure de la cellule; je peux régler ça via des padding, mais je pense que ça doit être dû à une interférence avec une autre classe (pourtant le div conteneur a juste une hauteur spécifiée en px)

n°1183631
masklinn
í dag viðrar vel til loftárása
Posté le 24-08-2005 à 18:58:18  profilanswer
 

Les menu en tables c'est le mal [:pingouino]
 
pour tes liens (au niveau du "a" ), met un line-height égal à la hauteur totale des cases, et un vertical-align: center;


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1183685
ANViL
yep...definitely ♫
Posté le 24-08-2005 à 20:18:36  profilanswer
 

en fait j'avais essayé, mais ça ne change rien  :(  
 
Le truc c'est surtout que le vertical align n'a jamais fonctionné où que j'ai pu l'utiliser, pourtant si on lis les conditions, il peut parfaitement s'adapter à un lien <a>.
 
Tant qu'on en parle, un truc me titille, j'ai souvent lu l'expression vertical-align: center mais la valeur center ne figure pas parmis celles autorisées  
 
cf: http://dicolive.media-box.net/docC [...] e=1&id=143
 
Est-ce un dérivé autorisé de middle ?
 
En tout cas je ne peux pas juger étant donné que cette condition n'a jamais changé quoique ce soit chez moi.


Message édité par ANViL le 24-08-2005 à 20:18:57
n°1183715
gatsusat
Posté le 24-08-2005 à 20:55:42  profilanswer
 

http://css.maxdesign.com.au/listamatic/index.htm
 
et dit pas que ca correspond pas à ce que tu recherches, car sinon je t'envoie chier
 
 
si tu mattes quelques unes des listes, tu trouveras normalement un menu qui correspond à tes attentes

n°1183722
ANViL
yep...definitely ♫
Posté le 24-08-2005 à 21:09:56  profilanswer
 

Très intéressant effectivement  :love:
 
Merci beaucoup !

n°1183730
masklinn
í dag viðrar vel til loftárása
Posté le 24-08-2005 à 21:25:51  profilanswer
 

ANViL a écrit :

Tant qu'on en parle, un truc me titille, j'ai souvent lu l'expression vertical-align: center mais la valeur center ne figure pas parmis celles autorisées


uh, my bad, c'est effectivement middle (center c'est pour text-align)

Citation :

En tout cas je ne peux pas juger étant donné que cette condition n'a jamais changé quoique ce soit chez moi.


vertical-align définit l'alignement par rapport à la ligne de texte
 
Donc si tu ne donnes pas une hauteur précise kivabien à tes lignes de texte, ben tu risques pas de voir vertical-align faire quoi que ce soit [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Liens et style d'arrière-plan

 

Sujets relatifs
[RESOLU] - Texte souligné "à la display: block;" (CSS)Probleme avec mes liens
[HTML / CSS] Un cadre contenant deux blocsComment améliorer ma feuille de style ?
[CSS] cellule de tableau...[CSS] Mise en page
bloquer les touches suppr et retour arrièreAfficher le formulaire suivant en CSS (sans tableaux)
[CSS] Impossible de fixer la taillePositionnement <SPAN> en CSS via JavaScript
Plus de sujets relatifs à : [CSS] Liens et style d'arrière-plan


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR