Geckozone

ah ? bibal biblio pfff je dois progresser moi !
bon ben alors c'est fait j'ai télécharger je pioche dessus !

merci

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

bon ben pour le moment je n'y arrive pas j'y bosserais dans la semaine et je vous tiendrais au courant ...pfiou c'est ardu quand même !

merci encore pour tout !

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

Bon ben c'est tellement casse tête que je suis afreusement désolée mais je laisse tomber pour le moment le temps de comprendre et d'apprendre !

j'ai ainsi refait un design et je potasserais sur vos idées à côté ...
je vous prie d'accepter mes excuses car je sais le temps que vous avez passé à tenter de me sortir de là ... merci pour votre aide !

lorsque j'aurais réussi à faire un menu je mettrais vous mettrais tous (mes anges du javascript et autre ...) ainsi que le forum ,
dans ma page crédits pour vous remercier !

en attendant je cherche à faire un nouveau menu plus dans mes cordes ...
encore merci et à bientôt sur le forum !

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

mp suit...

bonjour à tous ! merci encore pour votre aide extra !
je suis désolée mais je préfère poster ma question ici pour ne pas à ouvrir un autre post ...
"petite question" donc :

à propos de mon design ...
serait-il possible en fait q'il s'applique à toute la page sans forcément le recommencer en css... car il est en plusieurs parties ... (en trois : entete, texte,pied)
merci d'avance !

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

ToutiWeb a écrit :..
serait-il possible en fait q'il s'applique à toute la page sans forcément le recommencer en css... car il est en plusieurs parties ... (en trois : entete, texte,pied)
merci d'avance !

Pas bien clair comme question!!...
Peux-tu préciser ta pensée? Pour moi, le design, c'est l'aspect de l'ensemble de la page. Me tromperais-je?
Mais un design, ça se définit avec du css, si on veut éviter les ennuis futurs, si on veut une cohérence entre les pages, si on veut pouvoir faire des modifs rapidement, si on veut etc....

oups désolée je n'ai pas été assez claire

mon design est déjà fait en css mais il est découpé en trois partie et du coup est (grâce au css) centré sur la page... mais est-ce que sans le refaire intégralement (niveau dessin ,couleurs ...) je peux le faire être sur toute la page en fond ... car là il y a actuellement un fond de page en couleur basique et mon design "par dessus" ...
... http://toutiweb.free.fr

c'est mieux dit là ?


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

ToutiWeb a écrit :c'est mieux dit là ?

euh... tu promets de le prendre bien?

oui je promets

bon alors mon design représente une mascotte fillette qui se balade accrochée sur un fil d'internet ... avec des puces d'infos disposées de manières éparses ... mais ce design est sur une page à fond noir donc là il se "fond bien" mais si je m'étais un fond blanc ou rose beurk !!!
du coup pour pouvoir en css proposer d'autres designs plus complexes différents...
j'aimerais que mon design cité plus haut soit sur toute la page 100% de la page affichée (pour que sur tous les pcs tout le monde voit la même chose) et donc fasse le fond de la page à la place de la couleur noire ou rose ou blanche ...

...

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

Bien sur que c'est mieux dit, là!
et la réponse est oui.
C'est tout l'intérêt du css: pouvoir modifier le design sans mettre le bazar sur toute la page.
Tu peux élargir l'ensemble, mettre une image de fond, changer la couleur de fond, etc...
Le design sera modifié par la modification d'une ou plusieurs règles css. Et ça n'interfère pas sur les autres règles existantes.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.0.1) Gecko/2008072820 Firefox/3.0.1

ouf

merci chinon37 !

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

ahhhh je viens d'essayer de faire comme ça mais si je veux éviter que mon design se répète du coup il reste au milieu et je dois mettre un fond à la page pour que ça fasse moins moche... sinon on voit un carré noir sur fond blanc...
donc comment faire un design , à quelle taille le faire si on veut qu'il fasse 100% de la page sans se répéter et qu'il aille à toutes les dimensions d'écrans ?
merci d'avance pour vos réponses !

...quitte à refaire le design au final j'ai besoin de ses réponses merci de votre aide !

edit : veuillez m'excusez mais je viens de trouver un tuto où tout semble avoir été dit : (je le mets ici ça pourra servir à certains )
http://css.alsacreations.com/Tutoriels- ... esolutions
oui mais voilà je ne trouve pas l'option "liquid" ni celle "fluid" en css sous kompozer ... pouvez-vous me l'expliquer ? merci

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

Le terme design désigne l'allure générale de ton site, les images, dessins, boîtes, couleurs, choix des fontes, tailles,... en font partie.

Un design fluide ou liquide est un design qui s'adapte à la taille de l'écran, généralement il va occuper toute la largeur. Au niveau css on va travailler en % plutôt qu'en pixel.
Par exemple, si un bloc a une largeur de 100%, cela voudra dire qu'il occupera toute la largeur de son contenant. Si le contenant est la fenêtre alors cela veut dire qu'il prendra toute sa largeur.

Si un bloc a été défini à 600px, que la fenêtre fasse 400px ou 1024 de large cela n'influencera pas la taille du bloc. Seul un ascenseur horizontal apparaîtra dans le 1er cas.

Les designs fluides peuvent rendre la lecture de texte difficile, les journaux papier l'ont bien compris en adoptant du multi-colonnes en délaissant de longues lignes horizontales.

Je conseillerai d'utiliser un design fluide pour afficher des grandes images, cartes,...
Je ne sais pas dans s'il est possible de combiner width et max-width, pour par exemple limiter la fluidité à un certain domaine: 100% de la fenêtre jusqu'à 800px par exemple. (je vais tester)

merci ce n'est pas avec ça qu'on fait ce que tu as dis ?
exemple donné dans le tuto ...

max-width: 1000px;
min-width: 700px;
car je pensais que c'était ça qui permmettait de laisser fluid tout en donnant des limites ...

sinon est-ce que qu'elqu'un sait ou ça se met l'option liquid sous kompozer car ça je ne trouve pas ... car je pense une fois mon design refait sinon je dois mettre un fond ... je pense associer les deux effets :
"liquid" pour centrer mon design suivant les navigateurs ce que j'avais tenté de faire avec mon design en carré hihihi
et sinon "fluide" pour que ça s'adapte à tous les résolutions d'écrans ...

en tout cas j'ai du taf ça c'est sûr !
merci à tous de m'aider !

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

Il n'y a pas de propriétés css "liquid" ou "fluid", relis bien ce que Fabrice a écrit :

Fabrice.Tres.Net a écrit :Un design fluide ou liquide est un design qui s'adapte à la taille de l'écran, généralement il va occuper toute la largeur. Au niveau css on va travailler en % plutôt qu'en pixel.
Par exemple, si un bloc a une largeur de 100%, cela voudra dire qu'il occupera toute la largeur de son contenant. Si le contenant est la fenêtre alors cela veut dire qu'il prendra toute sa largeur.

"liquide" ou "fluide" qualifient une conception du site qui doit s'adapter à toutes les définitions d'écran (ce qui va devenir de + en + difficile avec les iphones etc...) sans scroll horizontal, par exemple. Plus comme dans les années 90, quoi...

Fabrice.Tres.Net a écrit :Les designs fluides peuvent rendre la lecture de texte difficile, les journaux papier l'ont bien compris en adoptant du multi-colonnes en délaissant de longues lignes horizontales.

tout à fait pertinent, cher ami, mais je continue à détester les colonnes, je préfère le texte qui prend toute la largeur, quitte à l'aérer : espaces, images, utiliser le texte noir sur fond blanc exclusivement pour les textes longs pour compenser les longues lignes horizontales qui pourraient fatiguer la vue sans ça.
On est dans une période où les écrans deviennent soit de + en + étroits (iphones...) soit de + en + larges (plats, 16/9).... Ca va être rigolo à traiter en terme de design web.