| Auteur | |
|---|---|
| yosh | # 28 May 2007 - 14:13:55 |
| 183 Posts |
Bonjour, J'ai une question qui reste sans réponse, et qui à mon avis est très simple, j'enrage de ne pas trouver tout seul. alors pour commencer, voilà ce que j'essaie de faire: mettre une image en float:right dans un paragraphe de texte. Le rendu est aléatoire selon les navigateurs, nottament car la hauteur de <p> varie, et que l'image dépasse du coup, puisqu'elle est hors du flux (ou alors j'ai raté un truc). J'ai donc abandonné cette méthode, et j'ai mis un div de hauteur fixe contenant un <p> et l'image en float:right cote à cote. là j'obteins le rendu souhaité, mais le paragraphe conserve ses attribut, nottament de fond etc... alors qu'il a une autre class. ma question est donc: comment annuler les attributs hérités de ce paragraphe, nottament le background ? j'ai essayé avec background: none; sans résultat. voilà à quoi ressemble mon code: css: #contenu {html:
merci de votre aide, et si qualqu'un a une solution plus propore pour intégrer une image à droite dans un paragraphe de taille variable, je suis preneur !! Modifié par yosh (29 May 2007 - 18:52) |
| Florent V. | # 28 May 2007 - 14:31:04 |
| Administrateur 15864 Posts |
Bonjour, C'est une question de priorité des sélecteurs (cf. l'article sur Openweb). #contenu p{Le sélecteur #contenu p a une priorité de 0101 (un id, un élément). Le sélecteur .blocimage p a une priorité de 0011 (une classe, un élément). Un sélecteur correspondant au type de paragraphe visé et ayant une priorité supérieure à #contenu p serait celui-ci : #contenu .blocimage p {...}Priorité de 0111. «Je déteste les animaux préhistoriques partouzeurs de droite.» |
| yosh | # 28 May 2007 - 15:38:48 |
| 183 Posts |
merci beaucoup !! voilà donc comment gagner en priorité ! en fait c'est logique... et du coup existe il une manière "d'effacer" des propriétés ? (par curiosité) (hormis le selecteur *) sinon pour mon problème j'ai remis les choses à plat, supprimé la div inutile, et utilisé min-height dans le paragraphe (et clear:both, qui me manquait aussi pour parfaire) et j'ai utilisé le hack d'IE 6 comme indiqué dans la faq pour le min-height. je voulais l'éviter mais à la limite c'est le plus simple... encore merci ! |
| Florent V. | # 28 May 2007 - 16:19:00 |
| Administrateur 15864 Posts |
yosh a écrit : Oui et non. On peut toujours viser un sous-ensemble d'éléments qui hérite de certains styles, et remettre ces styles à leur valeur par défaut (telle que définie dans la spécification ou les styles par défaut du navigateur). «Je déteste les animaux préhistoriques partouzeurs de droite.» |
| yosh | # 28 May 2007 - 20:23:46 |
| 183 Posts |
ok, merci pour ces eclaircissements, vous pouvez mettre le topic en résolu... |
| Hermann | # 28 May 2007 - 21:28:06 |
| Modérateur 3176 Posts |
yosh a écrit : Bonjour, c'est à toi à la mettre en resolu > bouton editer |
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles