Bonjour ou bonsoir à tous

Alors voila je fais appel à un spécialiste du design car j'en ai fait un mais j'ai quelques problèmes pour l'étirement de certains backgrounds

Je présente l'affaire.

pour vour faire une idée, voici l'url de ce que j'ai fait pour l'instant: http://www.cave-a-yoyo.com/nolimits/ , vous pouvez observer les zones en bleu qui sont celles où une texture de 1px de hauteur ou de 1px*1px doit s'étirer afin de combler les trous et de ne plus laisser apperçevoir le bleu.

3problèmes se présentent donc, une texture à gauche, une à droite et une dernière sous le menu pour completer l'arrière plan.

Alors j'ai essayé toutes les combinaisons possibles en mettant de nouvelles balises <div></div> à l'intérieur d'un cadre et puis d'y appliquer un arrière plan, et d'autres choses mais oubliées puisque ne fonctionnant pas J'aurais voulu savoir si vous aviez une idée sur ce sujet.

Si vous voulez voir mon code css:

http://www.cave-a-yoyo.com/nolimits/style.css

et pour mon code xhtml (sans le header et le footer):



Voila je test depuis pas mal de temps, j'ai une idée pour régler définitivement le problème mais je devrai enlever le dégradé (noir/orange) et je n'aimerais pas dutout en arriver la. Je préfèrerais qu'on me donne une piste pour palier à ce problème et pouvoir créer des skins beaucoup plus compexes!

Voila merci à vous

Salut,
je dois bien avouer que j'ai complètement zapper ton pâté de code source mais comme ton site à une largeur fixe, c'que tu peux commencer par faire, c'est virer tous les éléments de ta page, et laisser juste un conteneur de la largeur de ton site.

Ensuite tu chope un morceau d'une épaisseur d'un pixel du background qui doit descendre à droite, tu fais pareil pour celui qui descende à gauche, et tu crées une image d'une épaisseur d'un pixel et de la largeur de ta page. Ensuite tu place les morceaux de background à leurs places respectives, tu remplis avec ton bleu foncé au milieu, et tu sauvegardes.

Ensuite tu appliques cette nouvelle image comme fond du conteneur, avec un répétition selon l'axe des ordonnées (repeat-y).

De là tu devrais pouvoir trouver comment replacer tes bloc dans ton conteneur.

Cordialement,
Gregoo

oui t'as rien compris, merci je connais ca c'est la technique de secour, celle de base

Moi ce que je veux c'est autre chose si tu as lu

Ta technique marche pour les fonds qu'on veut multiplier OK! Mais si tu as un dégradé et puis qu'en dessous tu veux utiliser le repeat-y , comment tu faits ? dans une meme cellule d'un cadre !

par contre mon site dit avoir une hauteur variable si vous l'avez pas deviné

Et pour la largeur fixe je crois que ca a rien avoir au problème

Je dit juste ca comme ca mais un tableau n'est en rien une technique de design, on peut realiser pas mal de chose avec mais avec tout en div se sera plus dur mais plus efficasse

mais quand tu as plein de petites images c'est bcp trop compliqué voir impossible de faire ca juste avec des div non ?

http://www.siteduzero.com/tuto-3-3786-1-cadres-arrondis-avec-des-divs.html

au pire utilise ca mais y'as du boulot

sinon fait tes detail au tableau et une ou 2 grande cellule ou tu metera ton div

Citation : YoyoS

mais quand tu as plein de petites images c'est bcp trop compliqué voir impossible de faire ca juste avec des div non ?

Peut-être, mais à la base, un tableau est fait pour mettre des données tabulaires (incroyable non ?)

Nom	JS	PHP	HTML	CSS
Gregoo	Débrouillard	Quiche	Débrouillard	Débrouillard
Petzouille	Quiche	n/a	Quiche	Quiche
Troudzboule	Godlike	Confirmé	Confirmé	Expert
Mon prof d'HTML à la fac	Quiche ("c'est mieux de voler le code JS déjà fait")	Quiche ("Ah ouais, je connais trop bien. Et sinon t'as fais comment pour faire ça ??!")	Confirmé	Quiche ("Un pseudo-selecteur, tu parles d'un pointeur non ?! -_-" ")

Ce genre de chose. (Ouah mon premier tableau :') ! J'en ai mal au doigts )

Cordialement,
Gregoo

oui ok, mais alors quelle alternative? Tu me dis d'utiliser les div... ok mais jusque la dans les tutos on nous parle de div "en gros" pour faire le header menu et contenu, c'est facile quand il n'y a quasi aucun design, une image pour le header , etc mais desque tu te retrouves avec 50images en tout, tu utilises toujours des div ? si oui faut que tu me donnes ta technique

Salut,

• d'une, je t'ai juste répondu peut-être au fait que ça soit quasi-impossible à faire avec des divs. Je ne te force pas à faire un site proXHTML strict valide et patati et patata. Tu réalises ton site comme tu le sens !
• de deux, si je me retrouve avec une 50 aine d'image par page, je revois ma découpe, car pour moi, il y aurait vraiment un problème. 50 images c'est un design (donc je ne compte pas les éventuelles photos ajoutées, ce genre d'images) complet de tous les boutons, pages, icones, gif animés foireux ( )

Le plus cordialement du monde,
Gregoo

oue mais tu pinailles la encore, tu fais pas avancer le chmilblick. Tout ce que je veux c'est que ca marche moi peut importe la technique

Je sais que c'est possible d'aligner une a côté de l'autre des images avec des div mais je ne connais que la solution du "float left" pour faire cela, ce qui est très deconseillé desqu'on a plus de 3 4images par ligne

donc j'en reviens au debut, que faire lol

Les div si t'as du courage, le tableau si t'as la fleme, comme on l'as dit en haut un tableau est fait pour inserer des données tabulaires.
La moi je fait un design super dificile a peu pres comme le tien mais j'utilise les div, c'est tout a fait possible, chiants long enervant mais un bon resultat a la cle.

Moi les tableau c'est le seul truc que j'ai pas apprit et je l'aprendrait apres avoir finis mon design, un site fait avec des des div c'est plus facile qu'avec tableau, le css est la et il sert n'importe qui peut faire un site avec un design sans avoir ecrit une seul ligne de css

Asakurao faidrait que tu me montres ton site en div alors pour que je l'analyse si tu veux bien! Parceque je ne vois pas comment me débrouiller avec que des div

Citation : YoyoS

oui ok, mais alors quelle alternative? Tu me dis d'utiliser les div... ok mais jusque la dans les tutos on nous parle de div "en gros" pour faire le header menu et contenu, c'est facile quand il n'y a quasi aucun design, une image pour le header , etc mais desque tu te retrouves avec 50images en tout, tu utilises toujours des div ? si oui faut que tu me donnes ta technique

Bah je ne vois pas grand chose d'autre dans ton site qu'un header, 2 zones menu une zone de contenu et un footer... en une douzaine d'images ça doit être envoyé (après il faut voir le raport poids qualité que tu veux obtenir...) si ton design est bien de taille fixe (sisi la largeur fixe simplifie grandement les choses ). En gros tu fais:

• une image de fond de toute la largeur avec le orange sur les côtés et le beige au milieu et qui se répète sur toute la hauteur tu la mets comme fond de ton conteneur.
• Par dessus tu viens mettre le dégradé du haut sur les 2 côtés en une seule image si possible avec le centre en transparent et tu ne le répètes pas ;).
• Tu places ton menu(image de top, milieux qui se répète et du bas, classique), ton contenu
• Tu rajoutes la voiture par-dessus
• Tu n'oublies pas ton footer

Merci de vouloir m'aider mais faire ce que tu dis en div ? est-ce possible ?

Il y a un détail que je n'arrive pas à faire, c'est garder l'élasticité en HAUTEUR de mon design. Souvent, lorsque la hauteur augmente, les images mises comme ca (balises <img>) se centre dans le bloc et pas moyen de le mettre en haut du bloc (en "top"). Et vu que le haut du dégradé des côtés est plus sombre, si l'image descend, ca laisse apperçevoir l'arrière plan qui lui est une couleur orange vive. Donc la, c'est le problème.

Peut-être si vous pouvez me dire comment garder une image en haut d'un bloc lorsque la hauteur de se bloc grandit, ca pourrait m'aider. j'ai essayé vertical-align top, mais pas moyen

Autrement j'ai tenté de modifier le design, en déplaçant le dégradé un peu plus haut et la je m'en sorts, mais encore une fois je contourne la difficulté, et j'aimerais bien progresser un peu!

http://www.cave-a-yoyo.com/nolimits2/

Merci à vous