marge

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Invité

marge

Message par Invité »

Comment faire pour séparer deux zones verticalement, style une marge menu et une grande zone de texte??
Pour adapter cela j'ai mis une grande photo en vertical, mais passé celle ci mon texte ne respecte plus l'alignement de départ.
Merci d'avance.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Media Center PC 3.0; .NET CLR 1.0.3705; .NET CLR 1.1.4322)
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Il suffit que tu fasses 2 conteneurs generiques (<div>). Le premier sera flottant à gauche et à l'intérieur tu mettras ton menu.
L'autre se positionnera automatiquement à droite du 1er et tu pourras mettre ton texte dedans sans qu'il revienne sous le 1er.
exemple (avec des couleurs pour comprendre):

Code : Tout sélectionner

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      essai
    </title>
    <style type="text/css">
#div1 {
    width: 200px;
    background-color: #ffffcc;
    float: left;
    height: 800px;
    }
    #div2 {
    width: 600px;
    height: 800px;
    background-color: #cccccc;
    margin-left: 200px;
    }

    </style>
  </head>
  <body>
    <div id="div1">
      aa<br>
      <br>
    </div>
    <div id="div2">
      aa<br>
      <br>
    </div>
  </body>
</html>
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Sebaz
Gecko
Messages : 72
Inscription : 30 nov. 2004, 04:47

Message par Sebaz »

alsacreations propose de nombreux modèle avec feuille de style incorporée

http://css.alsacreations.com/Modeles-de ... age-en-CSS

avec l'éditeur css de nvu/kompozer ce sera facile de l'adapter à tes exigences

par la suite tu exporte le style et lie ta feuille de style à toutes les pages de ton site



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
Ma configuration

Adoptez vous aussi un gentil OOozilla

Image
Sebaz
Gecko
Messages : 72
Inscription : 30 nov. 2004, 04:47

Message par Sebaz »

... réponses quasi-simultanées :)
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Décidément, meme avec le sirop d'érable, il y a communauté d'idées :wink: :D
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité