Votre question

problème html

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
20 Mars 2007 12:41:14

Dsl pour le titre super vague mais je savais pas cmment formuler ça.

En gros sur mon site j'ai la liste des rubriques à gauche, et je voudrais mettre du contenu à droite de la liste...
Je pensais qu'un div suffirait, mais avec un nouveau div ça me met en dessous, même avec des margin . . .

Autres pages sur : probleme html

a c 145 L Programmation
20 Mars 2007 12:53:14

si ton menu est dans un div, met lui l'attribut float: left;
et ton div de contenu, tu lui met aussi l'attribut float: left;

Sinon, tu peux forcer les positions en absolute
20 Mars 2007 12:53:57

ah ça ça m'interesse, je sais pas comment faire !
21 Mars 2007 05:34:16

Par exemple :
prenons un cadre qui contient toute ta page.

<!-- Doctype ici -->
<html>
<head>
<title>Ma page</title>
<!-- balises meta ici -->
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
<div id="document">
<div id="menu">
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
</ul>
</div>
<div id="contenu">
<h1>Le contenu de ma page</h1>
...
</div>
</div>
</body>
</html>



et dans le fichier "style.css" (dans le même dossier que la page précédente) :


div#menu {
float: left;
width: 200px; /* à ajuster ^^ */
}

div#contenu {
margin-left: 220px; /* à ajuster ^^ */
}



Sinon, pour apprendre les multiples possibilités (et, il faut bien le dire, emmerdements) du CSS, il y a ce livre : CSS2 Pratique du design web. Je l'ai acheté, il est très bien détaillé.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS