Comment faire une voire plusieurs colonne sur une page

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

Répondre
dav30

Comment faire une voire plusieurs colonne sur une page

Message par dav30 »

Bonjour,

J'utilise NVU depuis peu et je souhaiterai savoir comment puis-je créer une colonne de texte ou d'images voire plusieurs de la manière la plus simple.
je suis débutant.

Merci par avance.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Ca s'appele "créer un tableau" ou "créer plusieurs blocs disposés ensemble" (des "div") qui vont donner l'aspect tableau, as-tu regardé les tutoriels?
http://www.geckozone.org/forum/viewtopic.php?t=20704



Message envoyé avec :
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
jpbardiau
Tyrannosaurus Rex
Messages : 2709
Inscription : 05 avr. 2004, 17:34

Message par jpbardiau »

Une liste à puces suffit.

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Language" content="en">
    <title>
      Colonnes
    </title>
    <link rel="stylesheet" href="colonne.css" type="text/css">
  </head>
  <body>
    <ul class="col">
      <li>A</li>
      <li>B</li>
      <li>C</li>
      <li>D</li>
      <li>E</li>
      <li>F</li>
      <li>G</li>
      <li>H</li>
      <li>I</li>
      <li>J</li>
      <li>K</li>
      <li>L</li>
      <li>M</li>
      <li>N</li>
      <li>O</li>
      <li>P</li>
      <li>Q</li>
      <li>R</li>
      <li>S</li>
      <li>T</li>
      <li>U</li>
      <li>V</li>
      <li>W</li>
      <li>X</li>
      <li>Y</li>
      <li>Z</li>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      <li>7</li>
      <li>8</li>
      <li>9</li>
      <li>0</li>
    </ul>
    <!-- fin colonnes -->
  </body>
</html>
avec la css :

Code : Tout sélectionner

  .col li { display: inline;
    width: 16.6%;
    float: left;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-align: center;
    }
dans laquelle la valeur de width = 100/n% , n étant le nombre de colonnes désiré (dans ce cas-ci 6)

Exemple
Le texte peut être remplacé par des images (<img ...>
JP
Image
Image
Fuvola
Gecko
Messages : 80
Inscription : 01 nov. 2006, 14:12

Message par Fuvola »

Bonjour,
Je déterre cet ancien sujet pour poser une question:
Comment faire, avec cette liste à puces, pour attribuer à chaque colonne une largeur différente?
Merci d'avance!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Attribuer une classe à la colonne ou aux colonnes concernées (si plusieurs de même largeur) . A la dite classe, on attribuera une largeur précise.
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.
Norbere
Salamandre
Messages : 30
Inscription : 20 nov. 2008, 18:28

Message par Norbere »

Dans la page ouverte par le lien .../viewtopic.php?t=20704,
le lien "présentation simplifiée NVU" conduit à une page comportant un virus :
Caractéristiques :
url : /ecogest08.free.fr/stats/phpmyvisites.js
JS:Redirector-B [Trj]
Cheval de troie
VPS : 081127-0, 27/11/2008



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.9.1b1) Gecko/20081007 Firefox/3.1b1
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Qu'est ce qui détecte ce virus - cheval de troie?
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.
Norbere
Salamandre
Messages : 30
Inscription : 20 nov. 2008, 18:28

Message par Norbere »

avast

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.9.1b1) Gecko/20081007 Firefox/3.1b1
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

il manque pas quelquechose pour définir ce lien?
Norbere a écrit :Dans la page ouverte par le lien .../viewtopic.php?t=20704,
soyons précis :
http://www.geckozone.org/forum/viewtopic.php?t=20704
puis :
Tutoriels et guides

* Edition de pages web avec KompoZer (français, HTML, téléchargeable en format ZIP) un tutoriel clair et didactique qui explique énormément de points utiles (comment gérer la structure de son site, quels formats utiliser pour ses images, créer des liens, structurer un document HTML et une explication claire des CSS -ou feuilles de style-).

* Faire son site et le publier / Valider et référencer son site. Travail en deux parties.
Première partie similaire à la référence précédente mais amplifiée et destinée à un public adulte (orienté Windows).
Deuxième partie: informations pratiques sur l'optimisation, le référencement, l'ajout d'un compteur,...

* Tutoriel et travaux dirigés en .pdf

* Parcours guidé : créer des pages simples au format HTML avec Nvu (français, 40 pages, format pdf ou OOo, simple et fait pour les débutants)

* NvuTutorial. Cette extension (anglaise à l'origine mais traduite en français) conçue pour les débutants ne connaissant pas du tout Nvu vous apprendra à l'utiliser correctement pour créer vos propres pages web... évidemment respectueuses des standards du web!

* Initiation rapide à KompoZer (fr, HTML) : prise en main de KompoZer avec des animations flash pour chaque explication.

* Présentation simplifiée de Nvu (français, HTML) pour les grands débutants
dernier élément de la liste, "Présentation...", avast voit là un cheval de Troie, en effet, chez moi aussi.
"Abandonner la connexion" fait disparaître le message et la sirène (si son chez toi) puis, ouvre la page de Espace TS1B, je ne sais ce qu'il faut en penser...
Dernière modification par Mongo Bob le 29 nov. 2008, 01:14, modifié 1 fois.
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Invité

Message par Invité »

D'accord Mongo Bob, présenté comme cela, c'est beaucoup plus élégant et plus explicite !
Je n'ai pas osé mettre un texte si long !

Je n'ai aucune connaissance en matière de virus & C° (et en bien d'autres choses encore ! :lol: )
et je dois dire que je ne comprends pas toujours ce que fait ou propose de faire Avast.
A-t-il trouvé un véritable virus, est-ce un faux ? Je suis bien incapable de répondre.
Abandonner la connexion conduit à l'ouverture de la même page, oui.

Mais quand je demande à firefox d'effacer mes traces, Avast récupère le virus (ou soi-disant virus) - dans l'historique - et demande s'il doit supprimer le fichier le contenant

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.9.1b1) Gecko/20081007 Firefox/3.1b1
Norbere
Salamandre
Messages : 30
Inscription : 20 nov. 2008, 18:28

Message par Norbere »

Mille excuses ! L'invité ci-dessus c'est moi, Norbere, j'ai oublié de me reconnecter

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.9.1b1) Gecko/20081007 Firefox/3.1b1
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

vrai ou faux virus, l'info devrait être transmise au responsable du site Espace TS1B, qui, une fois informé, ne pourrait sans doute rien y faire?
OK, je transmets néammoins, enfin, j'essaie
Des retours d'autres geckozoneurs non munis d'avast seraient bienvenus...
hou-hou? mmmm? allo? dring-dring?

Norbere a écrit :D'accord Mongo Bob
c'est vrai qu'en maigre, c'est pas trop lisible.
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Sur windows j'utilise avast (version 4.8 1229) en anti virus seul, pour tester j'ai activé le bouclier web,... mais je n'ai rien vu!
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

ici, version 4.8.1290 avec le bouclier web, tu me fais penser que j'ai pas besoin de l'activer d'ailleurs.
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités