Sujet Précédent Sujet Suivant

Float left right css

Fermé
tatuyan Messages postés 36 Date d'inscription jeudi 6 septembre 2012 Statut Membre Dernière intervention 9 octobre 2015 - 1 janv. 2015 à 08:00
sofos01 Messages postés 2 Date d'inscription jeudi 1 janvier 2015 Statut Membre Dernière intervention 1 janvier 2015 - 1 janv. 2015 à 13:39
Bonjour.

J'ai observé le code source d'une page tutoriel de notre "comment ça marche?" et je voudrais réaliser la disposition left/right avec l'attribut "float".Voilà la photo dont j'ai inspiréé.
(Regardez la section "Dans la meme catégorie".Vous allez voir plusieurs sous-titres sont disposées chacune left/right.)



J'ai analysé la feuille de style référé par la page(Le nom de fichier est "css.php".)
https://www.commentcamarche.net/applis-sites/services-en-ligne/26185-creer-un-site-web-toutes-les-solutions/
,et j'ai imité le style.

Voilà mes codes source 


 #floatLeft
{
 display:none;
 width:100px;
 background:#EFF2FB;
 text-align:left;
 position:relative;
 float:left;
 display:block;
}

 #floatRight
{
 display:none;
 width:100px;
 background:#EFF2FB;
 text-align:right;
 position:relative;
 float:right;
 display:block;
}
(1.css) 


<html>
 <head>
  <link rel="stylesheet" type="text/css" src="1.css" />
 </head>
 <body>
  <div id="floatLeft">
   <ul>
    <li>i</li>
    <li>j</li>
    <li>k</li>
   </ul>
  </div>

  <div id="floatRight">
   <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
   </ul>
  </div>
 </body>
</html>

(1.html)

Mais contrairement à mon attente,chaque mot n'est disposé que verticalement.
Comment j'arrive à aligner correctement chaque mot?

1 réponse

Réponse 1 / 1
sofos01 Messages postés 2 Date d'inscription jeudi 1 janvier 2015 Statut Membre Dernière intervention 1 janvier 2015
1 janv. 2015 à 13:39
Voire Ce code CSS 
 #floatLeft
{
 width:50%;
 background:#EFF2FB;
 text-align:left;
 float:left;
}

 #floatRight
{
 width:50%;
 background:#EFF2FB;
 text-align:left;
 float:left;
}
0

Discussions similaires

Cherche une chanson !
Utilisateur anonyme -
Audrey -

9 réponses
Je recherche une chanson
Miniqueen -
moimeme -

9 réponses
left 4 dead problème de tag
scorpion36 -
zoua69 -

8 réponses
Quel est la touche shift sur le clavier
paoade -
PRIPRI -

8 réponses
Adaptateur Right Left vers Jack
MiniDJ92 -
piquesous -

5 réponses