Résolu stopper un flottement sur un meme élément en css

TitoGame · 29 Mars 2014

salut tout le monde,

pour faire simple voici ma question.

J'ai une balise <h3> dans la quel j'ai ajouter une class <h3 class="blabla"><img src="image" /></h3>
en CSS j'ai ajouter les valeur suivante:

.image
{
float: left;
margin: 0 6px 6px 0;
}

Mes en dessous j'ai un paragraphe, et du coup le flottement continue, le problème c'est que si j'ajoute: clear: both; a mon paragraphe, bin du coup il se met sous l'image, alors que moi je veux mon image sur la meme ligne que mon paragraphe et mon titre h3

Je c'est pas si c'est claire pas bien évident a expliqué.

Rubiks_Junior · 2 Avril 2014

J'ai pas tout à fait compris ton problème... Tu souhaites avoir un titre, un paragraphe et une image sur une page ? Où l'image se trouve à gauche du titre et le paragraphe sous le titre mais toujours à gauche de l'image ?
Si c'est bien ça voila ce que j'aurai écris :

Pour la partie HTML :

HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">
        <title>Test Float</title>
        <link href="style.css" rel="stylesheet" media="all">
    </head>
    <body>
        <div id="conteneur">
            <img src="image.jpg" width="200px" height="150px">
            <h1>Titre du paragraphe</h1>
            <p>
                Description du paragraphe...<br>
                Ligne 1...<br>
                Ligne 2...<br>
                Ligne 3...<br>
                Ligne 4...<br>
                Ligne 5...<br>
                Ligne 6...<br>
                Ligne 7...<br>
                Ligne 8...
            </p>
        </div>
    </body>
</html>

Pour la partie CSS :

HTML:

@CHARSET "ISO-8859-1";

#conteneur img
{
    float: left;
}

Ce qui me donne ceci :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Si c'est pas ce que tu cherchais à faire, précise un peu le rendu final que tu souhaites avoir, dans le pire des cas fais un schéma avec paint x)

Résolu stopper un flottement sur un meme élément en css

TitoGame

Membre

Rubiks_Junior

■ Petit Cube ■