manipulation des DIV

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

Manuel Aurat
Arias
Messages : 13
Inscription : 12 juin 2004, 00:22

manipulation des DIV

Message par Manuel Aurat »

Salut tous,
Je suis en train de me faire la main sur Nvu, j'arrive presque à suivre, je suis le premier surpris... :roll:
Cependant j'ai comme un souci : pour faire ma colonne de bouton sur la gauche (je sais, c'est d'un classique), j'importe des images (la maquette du site saucissonné mis en petit bout dans 'toshop en fait). Je les transforme en div en écrasant la punaise qui faut et je place mes image comme je veux. Jusque là, pas de problème.
C'est quand je dois repositionner la-dite image que ça coince : la poignée de manipulation (la rose des vents, comme j'ai lu qq part) disparaît sous le bloc du dessus et impossible de l'atteindre du coup.
Donc question : il y a-t'il un moyen de faire sans passer par le ctrl Z pas fin ?
Merci d'une réponse pertinente.
Amitiés


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win XP
FF 3.6.11
TB 3.1.5
Avast!
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Pas bon du tout, tout ça!

Pour faire ton menu sur la colonne de gauche, je te propose plutôt:
- de faire un div qui te serve de conteneur
- de faire une liste où chaque élément de ta liste sera un bouton
- il suffit ensuite de créer un lien par bouton

tu auras un code du style:

Code : Tout sélectionner

<div id="gauche">
<ul>
  <li><a href="bleu1.html"><img
 alt="bleu" src="images/bleu1.png"></a></li>
  <li> <a href="rouge1.html"><img
 alt="rouge" src="images/rouge1.png"></a></li>
  <li> <a href="vert1.html"><img
 alt="vert" src="images/vert1.png"></a></li>
</ul>
</div>
avec gauche ton div et bleu1, rouge1 et vert1 tes boutons
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.
siger
Gecko
Messages : 98
Inscription : 25 nov. 2006, 10:58

Message par siger »

chinon 37 a tout résumé !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

siger a écrit :chinon 37 a tout résumé !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Chinon, ce n'est pas du bidon. Oh non!
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

Message par chinon37 »

dis donc, Ymai, il ne te reste pas des copies à corriger? plutôt que dire des bêêêtises :twisted:
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.
Manuel Aurat
Arias
Messages : 13
Inscription : 12 juin 2004, 00:22

Message par Manuel Aurat »

Salut Chinon37 et merci de tes lumières
Je viens de tester ta manip. Ok sauf que : vu que c'est une liste, j'ai une puce de créée devant chaque image et tout est décalé du bord avec des espaces entre les images.
J'ai viré les puces en mode normal et mes images (pas encore bouton) reviennent au bord. Du coup mon code ressemble plutôt à ça :

<div> <a href="questce.html"><img
src="images/questce_btn.jpg"
style="border: 0px solid ; width: 226px; height: 69px;"
alt="questce"></a><br>
<a href="public.html"><img src="images/public_btn.jpg"
style="border: 0px solid ; width: 226px; height: 65px;"
alt="public"></a><br>
<a href="atouts.html"><img src="images/atouts_btn.jpg"
style="border: 0px solid ; width: 226px; height: 63px;"
alt="atouts"></a></div>

Mais bon ça marche.
Ce qui m'aurait aussi intéressé de savoir c'est de faire tout ça directement en mode normal. Enfin faute de grives...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win XP
FF 3.6.11
TB 3.1.5
Avast!
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Manuel Aurat a écrit : Nvu 1.0 PR
??????????????????????????
Alors là, je ne comprends pas. Pourquoi utiliser un Pre-Release de NVU alors que KompoZer est une bug-fix release de NVU 1.0
Ou si c'est une blague? :shock:
Auquel cas, j'ai marché à fond...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060313 Fedora/1.5.0.1-9 Firefox/1.5.0.1
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Manuel Aurat
Arias
Messages : 13
Inscription : 12 juin 2004, 00:22

Message par Manuel Aurat »

C'est parce que j'ai pas réactualisé mon profil comme il fallait.
On s'affole pas, on respire à fond...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win XP
FF 3.6.11
TB 3.1.5
Avast!
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Faut pas faire des coups pareils. J'aurais pu être cardiaque. :D
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Répondre

Qui est en ligne ?

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