Page 1 sur 1
Créer une grille
Publié : 22 févr. 2011, 23:43
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
Re: Créer une grille
Publié : 23 févr. 2011, 07:32
par Ymai
Bonjour
Pouvez-vous préciser la question? Parce que là, no comprendo señhor... (ou señorita, c'est selon)
Re: Créer une grille
Publié : 23 févr. 2011, 09:35
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 ...
Re: Créer une grille
Publié : 23 févr. 2011, 12:22
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
Re: Créer une grille
Publié : 23 févr. 2011, 14:13
par chinon37
Combien? dans quel but? le tout doit-il former un carré, un rectangle? etc...
Re: Créer une grille
Publié : 23 févr. 2011, 16:03
par Fwg
Bonjour
Accoler des blocs de carrés au nombre de 6
Merci de vos réponses
Re: Créer une grille
Publié : 23 févr. 2011, 16:26
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>
Re: Créer une grille
Publié : 23 févr. 2011, 16:45
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
Re: Créer une grille
Publié : 23 févr. 2011, 19:15
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".
Re: Créer une grille
Publié : 24 févr. 2011, 01:59
par Fwg
Merci à tous