Page 1 sur 1

manipulation des DIV

Publié : 30 mai 2007, 17:26
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

Publié : 30 mai 2007, 18:29
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

Publié : 30 mai 2007, 22:15
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

Publié : 30 mai 2007, 22:25
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!

Publié : 30 mai 2007, 22:31
par chinon37
dis donc, Ymai, il ne te reste pas des copies à corriger? plutôt que dire des bêêêtises :twisted:

Publié : 31 mai 2007, 10:32
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

Publié : 31 mai 2007, 10:43
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

Publié : 31 mai 2007, 10:48
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

Publié : 31 mai 2007, 13:20
par Ymai
Faut pas faire des coups pareils. J'aurais pu être cardiaque. :D