problème (très bete ) de CSS

Je ne sais pas si certains d'entre vous s'y connaissent mais à tout hasard je poste mon problème, ca coute pas cher d'ecrire un post

Alors voici mon problème(très bête !) :

J'ai un cadre dans lequel je veux mettre une image à gauche et du texte qui l'accompagne a sa droite
J'aimerais que le cadre s'adapte au texte ET à l'image.

Or dès que je met un float left (ou un align="left") à mon image le cadre ne s'adapte qu'au texte et coupe du coup mon image :( (je précise que mon image est grande devant le texte qui est a sa droite)

voici le simple code :

<div class=cadre>

<img src='001.jpg' alt='001' align="left"/>
<p> blablabla </p>

</div>


Merci beaucoup d'avance :banane:

Ca serait sympa le code css en plus

<div class=cadre>
<tr>
<td>
<img src='001.jpg'/>
</td>
<td>
<p> blablabla </p>
</td>
</tr>

</div>

je suppose que sa marche mais j'ai pas envie de test et je me suis peut etre gouré/emmellé, j'ai trop la flemme

tr represente une ligne de tableau et td une colonne
ici donc un tableau a deux colonnes et une ligne
ensuite tu peux changer la largeur des colone en changeant la taille dans la balise
comme ceci

<td width="300px">

et pis faut faire voir ton css si sa tombe des choses tourneront pas ou seront en contracdiction
mais selon moi c'est plus un probleme de html que de css que tu a mon ami

J'ai finalement résolu mon problème, je poste la solution au cas ou :

Pour qu'un cadre puisse englober un flottant, il faut lui appliquer la propriété overflow:auto

une propriété que je ne connaissais pas.

Merci à mon ami Irtmid pour son aide

Mais par curiosité ma methode a marché ou sa a totalement foiré ?
(dans le cas où tu a test)

de rien

Citation :

C'est fini l'époque où on foutait des tableaux partout ! Vive le web 2.0 et le codage propre

Citation :


tu te fous de la gueule de mon site?


enfoiré

T'as jamais rien compris au web 2.0 toi !

Citation :

C'est vrai que ton explication consistant à dire que le Web 2.0, c'est ce qui vient après le web 1.0 m'a laissé aussi perplexe que la lecture de préceptes zazen japonais.


De toute facon, le web 2.0, c'est comme la real-politique ou l'axe du mal. Ca n'existe et ca ne se définit que par le fait d'avoir été formulé.


C'est pas de moi, c'est de ce cul-benni de Platon qui en connaissait un rayon en web 2.0.

euh...je me lance dans un site web et je code avec des tableaux entre autre (j'apprends sur le site du zéro).
Donc la je m'inquiète quand tu dis que c'est démodé :s
(mode noob activé) C'est quoi le web 2.0 ?

Faudrait pas que je me mette à apprendre du langage déjà dépassé !

un p'tit lien expliquant tout ca sous la main ? :banane:

Non mais quand je parle de web 2.0 c'est juste parce que j'étais sûr que ça allait faire réagir Strip.

Mais ceci dit l'utilisation de tableaux pour la mise en page en HTML est effectivement complètement dépassée, et ce n'est pas une bonne pratique à apprendre si tu veux coder proprement et en respectant les standards.

Les standards définissant les bonnes pratiques en matière de codage veulent que :
- le code HTML contienne tout ce qui structure les données de ta page
- le code CSS contienne tout ce qui est lié à la présentation de ces données structurées (alignements, tailles, couleurs, positions, polices, etc.)

Alors pourquoi cette volonté de distinguer structuration et présentation ?

- pour simplifier la lisibilité du code HTML : il ne contient plus que les données et leur structure, on comprend tout de suite de quoi il s'agit dès le premier coup d'oeil
- pour alléger les pages HTML : une mise en page en tableaux entraine de nombreuses balises imbriquées (table, tr, th, td, etc.), et la présentation doit être redéfinie pour chaque nouvelle page. Elle est beaucoup plus légère en CSS et peut s'appliquer à une infinité de pages en n'étant définie qu'une seule fois
- pour simplifier les modifications : modifier la position d'un encart sur une page codée avec des dizaines de tableaux imbriqués prendra une éternité et sera source de nombreux maux de tête, elle prendra 5 minutes avec une page fonctionnant à base de CSS
- pour améliorer l'accessibilité aux personnes handicapées : augmenter la taille des caractères sur une page figée par des tableaux la déforme complètement, ce qui n'est pas le cas avec une page codée proprement. De plus les navigateurs non-graphiques utilisés par les handicapés lisent le contenu dans l'ordre dans lequel il se trouve dans le code, ce qui est souvent dépourvu de sens dans un codage en tableaux
- pour faciliter la compréhension du contenu de la page par les moteurs de recherche, et donc optimiser son référencement

Ce sont les principaux avantages d'un codage propre, mais il y en a d'autres.

Pour te convaincre si besoin est, un peu de lecture :
http://www.cybercodeur.net/weblog/presentations/seybold/index.html
http://openweb.eu.org/articles/problemes_tableaux/

Et enfin pour démontrer toute la puissance du CSS, le fameux exemple Zengarden.
En cliquant sur les différents styles présentés sur cette page et proposés par les internautes, tu modifies complètement son apparence du tout au tout. Pourtant le code HTML reste exactement la même (tu pourras le vérifier en regardant le code source, si tu en doutes)...

Et en bonus, un lien pour apprendre à coder proprement :
http://www.alsacreations.com/tuto/lire/555-design-css.html

ce qui est bien avec flooo c'est que lorsque tu lui poses une question, le temps qu'il aie fini de repondre, tu comprends plus la question que t'as posé.


Et le bon chasseur, il utilise le web 2.0 ou le CSS nomdedjeu??!

wow
wow
wow
wow

je suis choqué O_o !

Je trouve ca tout simplement E-NORME !

Merci beaucoup Floo pour cette réponse plus que satisfaisante !!

Je vois que j'ai du chemin à faire en css...je ne connais pas encore toutes les propriétés css mais c'est tout simplement incroyable de voir comment on peut changer le visage d'un site en modifiant seulement le css.

Pour ce qui est des deux liens : hop dans les favoris !

et vive mister koreus 2009 !

Je reve ou on m'a traité de has-been ?

Je croyais que tu parlais de Counter Strike u_u

Dodo

zZzzZ

Citation :

Moi aussi

Citation :

arf troisième pigeon