Image et texte ??[résolu]

bonjour,
d apres le tuto du site ici :


qui dit ceci :

Partie HTML :
<div class="conteneur">
<img class="gauche" alt="..." src="..." />
texte bla bla bla
....
</div>


Et la CSS correspondante :
.gauche {
float: left;
} 

j ai juste deux questions :
comment faire pour ( afin d aerer la mise en page) avoir un peu d espace entre le texte et l image ...
Aussi dans ma balise h1 j ai mis un background-color et je voudrais que celui se mette juste derriere le texte et non pas sur toute la largeur du <div class="conteneur"> ...

merci beaucoup...

sam.

Bonjour,

1. Li les rêgles du forum.
2. Remet la ponctuation sur ton message.
3. Clarifie ce que tu dis.
4. Plus d'espace entre texte et image : jouer sur le margin-bottom de l'image.
5. Met un width à ton H1.

Ok ?!? (le a été rajouté après les conseils de Dominique)
Modifié par Julien L (23 Feb 2005 - 14:00)

a écrit :
4. Plus d'espace entre texte et image : jouer sur le margin-bottom de l'image.

le margin-right plutôt, because l'image elle float left.

++

Julien L a écrit :
Bonjour,

1. Li les rêgles du forum.
2. Remet la ponctuation sur ton message.
3. Clarifie ce que tu dis.
4. Plus d'espace entre texte et image : jouer sur le margin-bottom de l'image.
5. Met un width à ton H1.

Ok ?!?

Bonjour à tous et toutes
Tu as sûrement raison Julien L, mais dans ton intervention, il manque quand même un p'tit ou un ... qui l'aurait rendu plus agréable à ceux qui la lisent ... Merci !!

J'y penserais la prochaine fois mais disons que j'essai de répondre aux questions en allant à l'essentiel et pas de rediriger l'Internaute vers le post des présentations, la recherche ou bien encore les rêgles du forum.

Ce n'est pas une attaque contre les modérateurs mais c'est vrai que je vois souvent ce genre de posts et que beaucoup se concentre là dessus alors que le but premier est d'avoir une réponse à sa question...

voili voilou, bonne journée

Julien L a écrit :
Ce n'est pas une attaque contre les modérateurs mais c'est vrai que je vois souvent ce genre de posts et que beaucoup se concentre là dessus alors que le but premier est d'avoir une réponse à sa question...

voili voilou, bonne journée

D'avoir une réponse bien entendu, mais aussi d'avoir les clés pour comprendre le problème que l'on rencontre et ne pas revenir pour le même soucis la prochaine fois.

Julien L a écrit :
J'y penserais la prochaine fois mais disons que j'essai de répondre aux questions en allant à l'essentiel et pas de rediriger l'Internaute vers le post des présentations, la recherche ou bien encore les rêgles du forum.

Ce n'est pas une attaque contre les modérateurs mais c'est vrai que je vois souvent ce genre de posts et que beaucoup se concentre là dessus alors que le but premier est d'avoir une réponse à sa question...

Julien, si les modérateurs demandent aux nouveaux de se présenter, de lire les réglements ou d'effectuer une recherche, c'est pour de très bonnes raisons :

1. D'abord pour être accueillant et ne pas considérer chaque membre comme un numéro. En se présentant, le membre montre qu'il ne s'est pas inscrit seulement pour prendre et partir, mais qu'il a l'intention de faire partit de la communauté.

2. En suggérant de faire une recherche, ceci habituera les membres à trouver leur réponse sans créer un message. Il n'y a rien de pire, je trouve, qu'un forum où on voit jour après jour les mêmes questions et les mêmes réponses (comme sur allhtml.com).

3. C'est important qu'un nouveau membre lise les réglements, pour éviter les messages SMS ou mal formatté. Ca l'évite aussi que certains membres pensent qu'on donne tout cuit dans le bec.

Oui le but premier est d'avoir une réponse, mais les trois points cités sont également importants si on veut que le forum reste d'aussi bonne qualité et qu'il ne dégénère pas en un forum Je-Pose-Une-Question-Mille-Fois-Posées-Je-Prends-Je-Pars

Bonne journée à toi aussi.

Allhtml... ca fait un baille, pourtant qu'est ce que j'ai posté là bas...

J'ai été sec dans mon premier message, je ne recommencerais plus...

Bonne journée !

bonjour,
merci à vous tous pour vos réponses ...
je vais essayer avec vos indications.
Julien L tu me dis :

a écrit :
1. Li les rêgles du forum.
2. Remet la ponctuation sur ton message.
3. Clarifie ce que tu dis.
4. Plus d'espace entre texte et image : jouer sur le margin-bottom de l'image.
5. Met un width à ton H1.

tout le monde n est pas parfais
je pensais avoir respecté l esprit de ce forum et honntement avoir été clair en formulant ma question...la preuve elle a été comprise par ceux qui l ont lu
maintenant c est vrai que ta réponse était légèrement et qu aujourdh ui en sortant du taf et en la lisant j'avais l impression d avoir un supereur hierarchique sur le dos...
la forme est importante pour moi c est a dire m exprimer clairement clairement dans ma demande et respercter les regles de ce forum mais aussi pour toi je pense..le premierement, deuxiemement, troisiemement ...c est pas trop cool en general et c est un peu sec ..
Donc désolé encore en tout cas si je n ai pas fait les choses dans les regles ...
je ne suis pas trop du genre a prendre et a me barer ...
forcement j ai beaucoup a apprendre dans les CSS (car debutant depuis qques jours)..les autres forums ou je participe sur des sujets ou je connais un peu mieux le sujet je participe et c est dailleur la richesse des forums comme le votre entre autres qui permet d'avancer vite et bien ...le but etant biensur de comprendre et non pas de prendre le tout cuit tout roti ...
merci a toi, à clb56, à dominique pour le età igor, merkel pour la contribution à ce post...
sam

..
tout fonctionne, merci ...ou presque
le width sur le h1 pose des soucis à firefox...IE le prend en compte mais pas firefox ??? Etrange non ??
le background-color prend toute la largeur du

<div class="conteneur">

même avec le width attribué à H1 sous firefox
sam.

masprod a écrit :
..
tout fonctionne, merci ...ou presque
le width sur le h1 pose des soucis à firefox...IE le prend en compte mais pas firefox ??? Etrange non ??
le background-color prend toute la largeur du

<div class="conteneur">

même avec le width attribué à H1 sous firefox
sam.

Ça ne me surprend pas outre mesure, vu que <h1> est une balise de type bloc, une interprétation correcte suppose qu'elle face la largeur de son conteneur...

Tu peux peut-être t'en tirer en sortant <h1> du flux, par une '"position: relative" par exemple. Moins élégamment, tu crées une span autour de ton texte de titre, et un background associée à celle-ci...

Ça devrait marcher... sauf si je me fourvoie dans les grandes largeurs !

merci Lomalarch !!
ca tourne avec le span !!
par contre les espaces du <h1> <h2 >et du <p> sont differents suivant le navigateur ...
IE laisse normalement un br entre h1 et h2 ...Firefox reduit les espaces entre h1 et h2 mais aussi entre h2 et p ...
sam

masprod a écrit :
merci Lomalarch !!
ca tourne avec le span !!
par contre les espaces du <h1> <h2 >et du <p> sont differents suivant le navigateur ...
IE laisse normalement un br entre h1 et h2 ...Firefox reduit les espaces entre h1 et h2 mais aussi entre h2 et p ...
sam

Dans le post-it sur la méthodologie de ce salon, il y a un lien vers un article qui devrait répondre à tes soucis: Méthodologie pour résoudre les problèmes d'affichage en CSS Voir en particulier le passage sur les marges.

merci Igor ...
je vais y jetter un coup d oeil
sam.

merci a tous et merci Igor pour le lien ..
je commence tout doucement à y voir plus clair
Bon Week end...
Modifié par masprod (25 Feb 2005 - 17:00)