Créer une grille

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
Fwg

Créer une grille

Message par Fwg »

Bonjour
Je suis novice en création de site

Ma question:
Comment faire pour créer une grille avec des carrés de 70 pixels et être reliés à un autre site?

Merci pour vos réponses

Bonne journée
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Créer une grille

Message par Ymai »

Bonjour
Pouvez-vous préciser la question? Parce que là, no comprendo señhor... (ou señorita, c'est selon)
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Créer une grille

Message par chinon37 »

Ymai a écrit :Bonjour
Pouvez-vous préciser la question? Parce que là, no comprendo señhor... (ou señorita, c'est selon)
avec un p'tit dessin par exemple?
pour faire une grille, on a le choix entre mettre un tableau ou accoler des blocs les uns aux autres... et pour relier à un autre site, il n'y a que les liens.
Mais j'ai p't'ête rien compris ...
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.
Fwg

Re: Créer une grille

Message par Fwg »

Bonjour

C'est exactement cela

C'est d'accoler des blocs de 70 px ou plus, les uns aux autres.

Merci de votre patience

Bonne journée
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Créer une grille

Message par chinon37 »

Combien? dans quel but? le tout doit-il former un carré, un rectangle? etc...
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.
Fwg

Re: Créer une grille

Message par Fwg »

Bonjour

Accoler des blocs de carrés au nombre de 6

Merci de vos réponses
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Créer une grille

Message par chinon37 »

En accolant des blocs, on a quelque chose comme ça

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>essai</title>
<style type="text/css">
.carre {
border: 1px solid #cc6600;
width: 75px;
height: 75px;
position: relative;
float: left;
}
body {
margin-right: auto;
margin-left: auto;
width: 750px;
}

</style>
</head>
<body>
<div class="carre">1</div>
<div class="carre">2</div>
<div class="carre">3</div>
<div class="carre">4</div>
<div class="carre">5</div>
<div class="carre">6</div>
<br>
<br>
</body>
</html>
et en tableau, on peut faire quelque chose comme ça (à personnaliser évidemment)

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>essai</title>
<style type="text/css">
body {
margin-right: auto;
margin-left: auto;
width: 750px;
}
td {
border: 1px solid #cc0000;
width: 75px;
height: 75px;
}

</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br>
</td>
<td><br>
</td>
<td><br>
</td>
<td><br>
</td>
<td><br>
</td>
<td><br>
</td>
</tr>
</tbody>
</table>
<br>
</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.
Fwg

Re: Créer une grille

Message par Fwg »

Merci pour vos réponses

Mais comment faire pour arriver à tous ces codes?
Car tout ceci n'est que du chinois pour un novice comme moi en programmation!

Merci pour votre patience
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Créer une grille

Message par Ymai »

Bonjour
Fwg a écrit :Merci pour vos réponses

Mais comment faire pour arriver à tous ces codes?
Car tout ceci n'est que du chinois pour un novice comme moi en programmation!

Merci pour votre patience
Vite fait, bien fait...
1. Ouvrir KompoZer
2. Dans la liste déroulante des structures (celle qui indique "Corps de texte, par défaut"), choisir le dernier item: Conteneur générique
3. Dans la barre d'état, au bas de la fenêtre, cliquer droit sur le bloc <div> qui est apparu et choisir "Propriétés avancées"
4. Dans la zone "Attribut", choisir "class" et dans la zone "Valeur", écrire "carre" ou "rantanplan" ou n'importe quoi d'autre. => OK
5. Dans la barre d'état, cliquer gauche sur <div class="carre">
6. Copier (Ctrl+C) puis coller 6 fois le bloc (Ctrl+V)
Ce n'est pas encore parfait: nous avons 6 rectangles superposés. Pas grave, on continue avec un poil de CSS.
7. Ouvrir l'éditeur CSS (la palette dans la barre d'outils) et "Créer une nouvelle règle de style" pour ".carre" (ceci n'est pas un jeu de mot pour mathématiciens, Henri): il faut écrire ".carre" dans la seule zone disponible, au-dessus du boutons "Créer une nouvelle règle de style" => Créer...
8. Passer à l'onglet "boîte" et y définir:
* une hauteur; Ex: 80px
* une largeur: Ex: 80px
Dans la liste "Flottante", choisir l'option "gauche"
9. Admirer le travail.

PS: attention, je crois que c'est mieux décrire "carre" que "carré": pas sûr que les accents soient permis là. Ç'aurait été plus simple avec "rantanplan".
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Fwg

Re: Créer une grille

Message par Fwg »

Merci à tous
Répondre

Qui est en ligne ?

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