Discussion :

[garance.tosello]

Bonjour tout le monde,
Je rencontre un petit problème
Je désire mettre en CSS
1 image + un texte (côte à côte) comme sur cette page
http://www.votre-faire-part.com/part...es-enfants.htm (ici est utilisé des tableaux)
Donc plusieurs image et à leurs côté un texte.
Les unes en dessous des autres.

Je voudrais qu'elle fasse 900px de L et le tout centré (pas le texte mais "la table")

Je n'ai pas utilisé la fonction des tableaux mais ce script

CODE CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.image-gauche-texte {
	float:left;
	margin: 0 6px 6px 0;
}

CODE HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div style="width:900px">
<img class="image-gauche-texte" src="image/la-poste-colissimo.jpg" alt="titre de mon image">
<span class="paragraphe">Bola grossesse
<br>
Le bola de grossesse est un bijou unique porté par les femmes enceintes indonésiennes pendant leur neuf mois de grossesse. Ce bijou dispose de vertues pour le bébé qui entendra le son du bola, telle une mélodie, dès la vingtième semaine de grossesse.
<br>
www.bola-grossesse.com</span>
</div>
<div style="width:900px">
<img class="image-gauche-texte" src="image/la-poste-colissimo.jpg" alt="titre de mon image">
<span class="paragraphe">Bola grossesse
<br/>
Le bola de grossesse est un bijou unique porté par les femmes enceintes indonésiennes pendant leur neuf mois de grossesse. Ce bijou dispose de vertues pour le bébé qui entendra le son du bola, telle une mélodie, dès la vingtième semaine de grossesse.
<br/>
www.bola-grossesse.com</span>

Et ca donne ça : http://www.votre-faire-part.com/a-effacer.jpg


- Je ne sais pas comment faire le saut de ligne entre les 2. Br ?
- Ce n'est pas centré
- Ils s'imbriquent les uns dans les autres
- mon code est-il correct ou a t-il des plein d'erreurs ?

Quelqu'un peut - il m'aider svp ?
Merci d'avance

[garance.tosello]

Alors j'ai changé quelques trucs
CODE CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 .image-gauche-texte { 
	float:left; 
	margin: 0 6px 6px 0;
 }
 .item{
	width: 900px; 
	clear: both;
 }

CODE HTLM

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="item">
 <p class="paragraphe">
  <img class="image-gauche-texte" src="image/la-poste-colissimo.jpg" alt="titre de mon image">
  Bola grossesse<br />
  Le bola de grossesse est un bijou unique porté par les femmes enceintes indonésiennes pendant leur neuf mois de grossesse. Ce bijou dispose de vertues pour le bébé qui entendra le son du bola, telle une mélodie, dès la vingtième semaine de grossesse.<br />
  <a href="http://www.bola-grossesse.com" target="_blank">www.bola-grossesse.com</a> </p>
</div>

ET CA PLANTE ENCORE
Tout est en bas de page et c'est pas centré grrrrr
http://www.votre-faire-part.com/page.html
http://www.votre-faire-part.com/page.css


HELP PLEASE

[ryan]

Yop!

Sans présumer du reste, il y a ceci qui n'est pas correct:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id=contenu>

Il manque les guillemets autours de contenu

[Bisûnûrs]

Tout est en bas de page

C'est le clear:both; de ton .item qui "clear" le float:left; de ton #navigation. Rajoute un float:left; sur ton #contenu.

Il manque les guillemets autours de contenu

Non. C'est correct.

[garance.tosello]

ca ne fonctionne pas.
Mais pas du tout.
En fait tout remonte mais tout s'imbrique les uns dans les autres

[Bisûnûrs]

Parce que tu dois aussi mettre un clear:both; sur le #footer.