28173 sujets

CSS et mise en forme, CSS3

bonjour!

je programme pour le plaisir, j'ai cree mon site dans un premier temps completement sous forme de tableaux. et je tente de transformer ces pages avec des div.
j'arrive a comprendre grossomodo leur fonctionnement, le hic c'est lorsque je souhaite avoir des plusieurs elements cote a cote et qu'ils aient la meme hauteur, comme sur cette page ci:
page a modifier

j'ai pense a un premier temps de tout mettre sous forme de div, je suis d'ailleur tombé sur les modeles proposes sur ce site et quand je modifie leur fond je vois ca page de test leur deux menu ne vont pas jusqu'en bas ^^, logique vu que c'est des flottant,
en plus je souhaite que chaque block soit delimité du block adjacent d'un seul pixel (comme sur la page a modifier) mais ca reste un probleme annexe ca Smiley smile

dans un second temps j'ai pense a faire un mix entre tableau et div, le tableau etant la structure, les div le contenu (du fait que les contenu sont variable Smiley cligne ), mais la nouveau hic, j'ai obligatoirement deux pixel d'ecran entre les block (sous IE) quelque soit les modifs que ce soit sur le tableau ou les div (pas d'exemple a montrer j'ai pas garder trace de cette page ^^)

donc en resume quand les données sont sous forme variable j'arrive pas a homogeniser avec les bloc exterieurs Smiley murf
alors des idees ou je fais fausse route ?:p
coucou, je vois que pas mal ont regarde ce sujet ci sans avoir de reponse ^^

j'ai reussi a resoudre partiellement le probleme Smiley smile
pour ceux que ca interesse, les hauteurs ne sont pas géré du tout donc c'est les bidouillages qui sont de rigeur

ici faut avoir un block contenant nos block fils que l'on veut aligner en hauteur, et le block parent doit contenir une image se repetant verticalement; c'est bien expliqué ici

donc en resume ca regle pas le probleme mais ca compense ^^
le resultat est ici http://loeal.free.fr/enigmes/ reste quelque details ou la je pense que l'on pourra me repondre Smiley langue

sur la page precedement cite je cherche a avoir le mot "titre" centre par rapport a son fond (texte de 12px et fond de 28px de haut ^^) je vois pas comment m'y prendre

et enfin pour le block du bas contenant le mot "commentaire" lorsque j'applique la balise <p> il met une marge comme je l'ai defini , ... mais me decale egalement le fond qui lui est definit par le block ... strange ^^

une idee ? Smiley langue

edit: j'ai mis en ligne la version final, dou le changement de lien, parcontre j'ai toujours le probleme sur l'element "titre" ^^
Modifié par lo(ea)l (02 Jul 2007 - 23:55)