Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2632 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


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
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;


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
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]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

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-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)