28172 sujets

CSS et mise en forme, CSS3

Pb mise en forme CSS

Bonjour

Cela fait plusieurs jours que je galére à mettre en forme ma page Web avec le CSS.
Je m'explique. J'ai des Div imbriquées, et quand je veux rajouter du texte dans une des balises imbriquées, le texte ce positionne directement au milieu de cette Div. Si j'encadre le texte avec des balises <p>, le texte ce positionne directement en bas de cette Div. Avez vous une idée pour résoudre mon pb ?

Merci Smiley smile
J'ai oublié de poser ma question pour résoudre mon pb ^^ Smiley biggol
En fait, je voudrai que le texte soit mis en haut a gauche comme normalement ^^
Salut,

Vu le peu d'informations que tu donne, ma réponse la plus efficace serait "et bien met le en haut à gauche".

Pour qu'il y ait une solution à ton problème, encore faut-il qu'il y ait un problème clairement exposé, ce qui n'est pas le cas de ton sujet. Il serait en effet bon que tu mettes toutes les chances de ton côté pour que nous comprenions ton problème, et que nous puissions t'y apporter une ou plusieurs solutions.

Dans l'ordre de priorité, tu peux nous fournir :
1. un descriptif très précis de ton problème, impératif pour focaliser notre recherche dans le bons sens.
2. un lien vers une page en ligne, qui permet de constater ce problème par nous même, ne nécessitant parfois pas d'autres informations.
3. l'intégralité du code html et css produit dans le navigateur (et pas seulement des extraits, car le problème se situe parfois ailleurs dans le code).
4. des schémas ou captures d'écran.

La rapidité d'obtention de la réponse dépendra de la qualité les informations que tu nous fourniras.

Bonne chance à toi. Smiley cligne
Merci de ta reponse

Alors je vous poste mon code HTML ainsi que le CSS je j'utilise.


<?php
echo '<html>';
echo    '<head>';
echo    '<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">';
echo        '<title>Logitux - Fidelite</title>';
echo        '<link rel="stylesheet" type="text/css" href="style.css">';
echo        '<script language="Javascript" type="text/javaScript" src="js/ajax.js"></script>';
echo    '</head>';


echo    '<body>';


echo    '<div id="logo">';
echo            '<img src="Opel_2009_logo.png" />';
echo            '<p>Utilisateur enregistre : admin</p>';
echo    '</div>';


echo    '</body>';
echo '</html>';
?>






#logo {
        float: right;
        font-size: 10;
        border: 2px solid #FF0000;
        width: 20%;
        height:20%;
}

#logo img {
        float:right;
        width: 56px;
        height: 60px;
}

#logo p {
        width: 50%;
        height: 100%;
        border: 2px solid #FF0000;
}


J'obtien donc le résultat suivant : upload/29053-capture.png

Ce que je voudrai c'est le texte soit en dessous du logo, mais surtout comprendre pourquoi quand je met le texte dans la balise <p>, il apparait cette marge entre les deux div en haut.
Je suis sur ça depuis deux jours...

Merci
Modifié par adrienb4 (27 Aug 2010 - 18:54)
Je pense que : 

#logo { 
        position:relative;
        float: right; 
        font-size: 10; 
        border: 2px solid #FF0000; 
        width: 20%; 
        height:20%; 
}

solutionnera ton problème Smiley cligne
Modifié par mlbcreation (27 Aug 2010 - 20:50)
Sujet clos
Aller à