CSS, une image par div Résolu

Question

Bonjour, Voila j'ai un souci, j'ai parcouru l'ami Google, mais je ne trouve pas explicitement ce que je cherche , ne sachant même pas comment qualifier cette opération. en effet, j'ai une image au milieu de ma page, comme un tableau, et au milieu (zone achurée) il devrait y avoir du texte. Alors pour que ce soit plus simple je désire faire un montage de cette image. J'ai essayez de faire avec différentes DIV comme cela:

avec pour chaque DIV une image correspondante et un css définit. et bien sur le texte s'affiche dans la partie du "milieu". voici un aperçu: http://serveur.chrysalide.free.fr/apercu.jpg mais en faite je croi que je m'égare, car en faite je réalise que je ne sais pas comment procéder. Je me tourne donc vers vous savoir si vous pouviez me venir en aide s'il vous plait :( Je vous remercie d'avance pour votre aide et votre attention. Cordialement,

math 2000 · Answer

tu fait un div avec un fond en css background:url("")
et dans ce div tu met 3 div un pour le haut un pour le milieux et un pour le bas et tu leur donne des taille en height

RomantikA · Answer

Bonjour math 2000, et merci pour ta réponse, ça ressmble à ce que j'ai fait, mais le css varie beaucoup du coup, et bizzarement ça fonctionne pas mal, sauf que j'ai toujours du mal pour adapter mon texte juste pile poil dans le cadre hachuré, puis si je veu faire un margin-left pur le texte par une div texte ba du coup ça me décalle aussi le bas du tableau... :(

math 2000 · Answer

pour le magin left tu l'aplique à la balise a ou tu mettra ton texte ou avec une class 
si tu me passes la page je te le fais

RomantikA · Answer

ba en faite, dans ma page index j'ai une partie où se panneax devrait se situer, à la zone "à venir". et là en faite j'ai quelques difficulté, plus j'essai plsu ça m'embrouille... :/ Voici ma page pour comprendre un peux mieux.

Bonjour et bienvenue !

br />br />
A venir: De nombreuses rubriques seront modifiées, avec des rajouts de vidéo pour les effets lumineux.
- ~~Installation d'un formulaire de contact du Webmaster.~~
- ~~Installation d'un plan du site.~~
- Installation d'une catégorie "Karaoké" pour choisir les titres disponibles et "commander" votre playlist.
- Installation d'un calendrier pour réserver une date.
- Installation d'une zone de compteur de visites et de pages vues. ~~(compteur temporaire mis en place)~~
- Correction des dernières pages (pages non publiées (ce qui cause une Erreur 404)) avant installations.
- Amélioration des services visant la perfection.
- Installation d'une rubrique "Souvenirs de Soirée" pour voir nos quelques photos prise lors de votre soirée.

Et à la plce du texte que j'ai mis là, dont ça fai pas térrible, je voulais justement mettre ce panneaux en place. J'ai essayé avecun truc du genre:

mais voila, j'ai quelques difficultée comme précisé plus haut pour cadrer mon texte :( Je sais que c'est tout con, mais à force de voir du code php et JS et tout... mon piti cerveaux sature et ne veuxx plus rien voir là :s

math 2000 · Answer

tes lien sont relatif a la page il me faut des lien entier sinon j'ai warning partout qui apparait

RomantikA · Answer

Erf, ba oui mais justement, la page est pour l'instant qu'en local :s

math 2000 · Answer

oui ben avec ça je peux rien faire passe moi un zip

RomantikA · Answer

bon voila, j'ai essayé d'avancer, mais mes montages pour le cadre beug un peut, il faudrait que j'arrive à décaller certaines parties de façon à ce que les ombres ne se chevauchent pas, et donc que ça ne fasse pas des parties d'ombres plus foncées que d'autres....

Voici un aperçu (en zip):

http://serveur.chrysalide.free.fr/page.rar

math 2000 · Answer

il faut supprimé les partie noir je vais voir

math 2000 · Answer

oulà tu complique les chose moi j'au rais mis 4 div un en haut un en bas ;à droite et à gauche puis 4 coins

math 2000 · Answer

si tu veux pas t'embêter un epu de transparence au partie qui se superpose et c'est réglé

RomantikA · Answer

ba... oui, c'est bien ce que j'ai essayé de faire :s

RomantikA · Answer

ba en même temps, la transparence... c'est déjà ça qui pose problème :(... je vais essayer de voir si je pe faire un montage avec les angles, voir pour enlever la transparence sur les zones susseptibles d'étre chevauchée.

RomantikA · Answer

erf, j'ai essayer mais ça ne vas pas, avec les coins arrondis, et les effets d'ombres.. impossibles d'enlever une zone d'ombre ou de la modifier... donc bon, ba je ne sais pas... retour au même point, ça bloque :(

math 2000 · Answer

tu pouvais pas juste superposer une image au div

RomantikA · Answer

Je sais pa :/ tout se mélange là :s :$

Je crois je vais tout recommancer... au moins ça sera peut être plus claire :s

RomantikA · Answer

Dis moi, si tu est encore là... tu n'aurais pas une solution, une idée... ?.. car en faite je laisse tomber l'idée du tableau comme je voulais faire.... mais je désire tout de même faire une sorte de tableau, car le texte affiché normalement dans la page, ça fait pas terrible... J'ai pensé à un champ texte avec scroolbar, mais je trouve maintenant que ça fait.... viling. Je désire cependant faire un système où je puisse insérer un long texte au besoin, mais de façon à ce que ça ne me prenne pas une place énorme sur ma page...

En attendant j'essie de vori comment je pourrais coder un système similaire au système de news... pour voir ce que ça pourrat donné.

math 2000 · Answer

je vois pas le pb tu fais une cellule avec avec le coté gauche le droit le haut le bas et tu en met aussi au coins maios bon il serait plus imple de faire une image dfe fond avec un div dessus http://www.musthaveonline.fr/futur/2009/04/10/kitsune-tabloid-by-phoenix/

RomantikA · Answer

re. alors voila... pour donner des nouvelles...après de longs essais, j'ai terminé.

Le résultat du tableau est comme cela:

http://serveur.chrysalide.free.fr/resultat.jpg

Voila, je te remercie pour ton aide et ton attention. Ce n'est pas parfait parfait, mais je pense que pour l'instant ça suffira bien :s.

Merci beaucoup :)

math 2000 · Answer

sinon tu pourrais mettre l'image par dessus la barre de scroll par ce que la barre bleu gache un peu

RomantikA · Answer

oui j'y avais pensé, mais en faite c'est un peut fait expret, car sinon les visiteurs ne pensserons pas forcément au fait de faire défiler si besoin en ai. Puis de toute façon je ne vois pas trop comment faire là sinon, ça je sais pas faire :s je connais que le strict minimum :s

CSS, une image par div - Page 2

Discussions similaires

Newsletters