les liens de mon menu...[RESOLU]+ diverses choses [RESOLUES]

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érateurs : chinon37, Kazé, bobo

Répondre
ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

les liens de mon menu...[RESOLU]+ diverses choses [RESOLUES]

Message par ToutiWeb » 19 août 2008, 18:11

Bonjour à tous !
Je suis petite nouvelle inscrite mais je feuillète et je fais la publicité de ce forum depuis que j'ai le net et ça va faire 2 ans ! :lol: alors d'abord merci à tous !

voilà je refait entièrement et seule (comprenez sans kits ou templates déjà fait :roll: ) de A à Z ... mais je suis bloquée de deux façons...
1/ mes designs ne se changent pas mais ça c'est une autre aventure que je résoudrais au fur et à mesure de mes trouvailles sur le net ...
2/ et c'est ce pourquoi je vous demande de l'aide aujourd'hui : Je souhaiterais que tous les liens de mon menu de droite s'ouvrent à gauche dans ma zone de texte .

Je sais que ça se fait avec php et des pseudo-frames
mais free ne me répond pas à ce sujet là et ne me redonne pour le moment pas mes codes ... :evil:
et en javascript je sais que c'est possible mais je ne retrouve plus les tutos pour le faire suite à la perte de mes liens favoris après un plantage pc ... :oops:
alors je souhaiterais le faire d'une manière ou d'une autre en javascript ou html ... et en frame même si pour le référencement c'est moins bien ... :cry:
enfin bref voilà merci à tous ceux qui pourront m'aider car avant de poster ce message je n'ai pas trouver la réponse à ma question sur le net ou sur ce forum :? ...sauf oubli de ma part :oops:

Bonne soirée et bon net à tous ! 8-)


Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
Modifié en dernier par ToutiWeb le 06 oct. 2008, 19:03, modifié 4 fois.

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 19 août 2008, 20:09

Bonjour
De quel menu de droite s'agit-il exactement? En fait, je ne vois qu'un menu, à gauche.
ToutiWeb a écrit :Je souhaiterais que tous les liens de mon menu de droite s'ouvrent à gauche dans ma zone de texte .
euh... je comprends pas :(
C'est bien le site Toutiweb qui est dans ta signature en bas?
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

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 19 août 2008, 21:34

à gauche ?
il doit y avoir beaucoup plus de choses qui ne vont pas que prévu... :cry: :oops:
voici comment je vois ma page index ...
Image

et voici ce que j'aurais aimé pouvoir faire ...
Image



Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 19 août 2008, 21:55

Je vois, et sur mon écran 1280x1024, ça donne ça :
Image
grave problème de position des éléments selon la définition d'écran des visiteurs de ton site.
En 1024x768, le menu se retrouve déjà à gauche...
Tu vois le menu à droite parce que ton écran doit être paramétré en 800x600px. Bon. Réfléchissons... A bientôt.
(par contre, j'ai compris ton problème!)
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

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 19 août 2008, 22:02

oui c'est ça je suis en 800x600px ...
oulala quelle catastrophe moi qui croyait qu'au moins mon design était bien ... :oops:

en tout cas merci pour ton aide ! :P Bonne soirée :!:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 19 août 2008, 22:36

Il faudrait aller plus loin, mais en modifiant les largeurs de #entete et #menu en % la page se fait plus souple, tu devrais retrouver ton menu à gauche même en 800x600. Il faut éviter les largeurs en pixels, surtout :

Code : Tout sélectionner

#entete {
  background-position:  center center;
  background-repeat: no-repeat;
  height: 150px;
  width: 50%;
 (...)
}
#menu {
  background-repeat: no-repeat;
  background-position:  center center;
  width: 25%;
  (...)
}
#texte, je dirais à vue de nez :

Code : Tout sélectionner

#texte {
  background-position:  center center;
  background-repeat: no-repeat;
  height: 375px;
  color: #00cccc;
  font-size: small;
  text-align: left;
  width: 30%;
 (...)
}
et enfin, le #pied comme le #entete (puisqu'ils avaient chacun 600px de large à l'origine) :

Code : Tout sélectionner

#pied {
  background-position:  center center;
  background-repeat: no-repeat;
  width:50%;
  (...)
}
Regarde si ça va mieux pour la position du menu en 800x600.
Pourquoi as-tu téléchargé le script javascript? Pour positionner les cibles des liens "Rubrique..." à gauche? M'en vas chercher si y'a pas plus simple, un truc dont je me sers dans mon site pour ouvrir une fenêtre devrait faire l'affaire. A+...
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

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 19 août 2008, 23:11

voilà j'ai fais les changements que tu m'a conseillé sur ma page principale ... mais perso non seulement dans les autres versions de résolutions d'écrans on ne voit pas mieux mais maintenant je vois dans la mienne tout le design décalé :oops:
du coup je laisse tel que pour que tu puisses voir ...
et j'ai fais une page essai pour montrer mes essais en cours ... car je bidouille entre temps dans l'espoir de trouver ...
pour ce qui est du menu c'est que je ne sais pas faire ce genre de choses encore j'ai mis celui-ci dans l'espoir qu'une fois la frame ou pseudo frame crée je puisse en faire un dans ce style ... mais faut que je progresse encore...
de toute manière si mon design est si hasardeux suivant les écrans et si je ne trouve pas de solutions je devrais en changer...

j'ai essayer à l'intant de mettre le tout dans un contener c'est pire !
enfin bref merci et bonne nuit ! :wink:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 19 août 2008, 23:23

Le menu s'affiche à gauche dans toutes les définitions mais tu le veux à droite, et dans toutes les définitions, bien sûr... Ca devrait pouvoir se faire... J'y retourne mais pas tout de suite...
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

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 19 août 2008, 23:32

...Déjà! au moins une chose à mettre en place : l'image de ta poupée, c'est 2 images collées qui se séparent quand on change de définition d'écran, il faut vraiment que ces 2 images soient collées pour n'en former qu'une et que cette image unique soit en fond d'un div qui contienne aussi le menu Rubrique 1 etc...
Les images découpées, c'est quand même un peu usine à gaz.

A mon avis, la solution d'un design similaire (avec menu à droite, bien sûr) pour toutes les définitions d'écran est à ce prix (modique).
Tu as un logiciel d'images pour faire ça?



(réédité-corrigé 10' + tard)
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

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 19 août 2008, 23:40

euhhhh :oops: alors là ...
attendons de voir si j'ai bien compris ...
il faudrait le même design découpé en seulement 3 parties ?
- un header
- une zone entière
avec un menu + zone texte (le tout lié sans découpage)
- un footer

si oui comment je ferais pour différencier le menu et le texte surtout si je fais une frame ou pseudo frame ...

et oui normalement j'ai le logiciel adéquat puisque j'ai photoshop , photofiltre, paint.net ou the gimp (même si celui-là je le gère pas trop bien)

ça serait découpé (ici représenté avec des lignes fictivement...bien sûr) comme ça ?
Image




Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 20 août 2008, 00:30

bon merci et bonne nuit j'y retravaillerais demain ... à bientôt et merci pour votre aide n'importe laquelle est la bienvenue mais la première redonne toujours l'espoir ! :wink:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 20 août 2008, 08:45

Ce que je te disais, c'est d'éviter de découper le dessin de la poupée...

un détail : #texte est en "float:right;", il se retrouve donc à droite alors que tu le veux à gauche. Il est aussi en "position:static;", pas conseillé.
Je reprendrais bien tout en évitant les "float" dans ta page.
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

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 20 août 2008, 08:48

oups d'accord pour la poupée je réessaie ...sinon le float c'est que j'avais suivis un tuto pour kompozer ... mais je m'en vais de ce pas changer tout ça !
:lol:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

ToutiWeb
Lézard à collerette
Messages : 327
Enregistré le : 19 août 2008, 17:51

Message par ToutiWeb » 20 août 2008, 13:28

voilà j'ai refais le design et j'ai enlever les float et j'ai mis en % les dimensions ...ça fait moins pro mais au moins ç ane beug pas :oops: :lol:
mais voilà du coup je ne sais toujours pas comment faire le menu pourqu'il soit en-dessous de ma mascotte et que les liens s'ouvrent à gauche dans la zone texte ... :roll:

mais merci encore pour ton aide précieuse ! 8-)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob
Varan
Messages : 1903
Enregistré le : 10 sept. 2005, 01:51

Message par Mongo Bob » 20 août 2008, 14:50

Euh... Je ne sais pas s'il fallait supprimer tous les "float"! Mais ça a l'air de marcher.
ToutiWeb a écrit :ça fait moins pro
Je trouve pas, on a exactement la même présentation quelle que soit la définition d'écran + et y compris avec IE6. Me semble que c'est nettement moins amateur qu'avant, au contraire, les bases sont saines...
L'image de la poupée est toujours coupée, plus au niveau du cou, mais au niveau des pinces à linge, j'aime pas beaucoup les images coupées et réajustées par le code, mais ma foi ça marche aussi, alors.
:arrow: tu n'as pas intégré le #menu...
Et justement, c'est peut-être celui-ci qui devra rester en "float:right;".
Peux-tu le réintégrer, que je regarde ce qu'on peut faire pour ta question du début.
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 enregistré et 0 invité