28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un petit probleme sur une mise en page. Je suis fin motive pour faire ce site en CSS, mais je crois que j'ai explose mon temps de developpement. Les tableaux seraient carrement plus rapide mais bon, je veux etre "CSS Validate" ;o).

Bref, voila mon probleme, une image en dit plus long.
upload/11746-site.png

La premiere chose c'est qu'on me demande de mettre sur la meme ligne les 2 logos dans le header. Et la probleme mon titre se met sur 2 lignes du coup.

Et la deuxieme chose ce sont les 2 colones en bas. Dans le contenu en jaune j'applique une bordure en bas pour separer les contenus mais quand je mets mes 2 colonnes, la bordure est en plein milieu des colonnes.

Que faire. Voulez vous que je vous joigne mon CSS? ou que j'en dise plus long peut etre?

Par avance, merci bien.
Modifié par Alexking (05 Apr 2007 - 14:20)
Salut,

Une page en ligne serait idéale pour constater précisément le problème, mais à défaut l'intégralité du code (html et css).

Sans rien en voir, je suppose que les marges entre ton titre et tes deux logos est trop importante, ce qui oblige le titre à passer à la ligne. Il faut aussi savoir si tes logos sont placés en absolute ou en float car çà peut jouer dans l'affaire. Mais ce ne sont que des suppositions en attendant d'en voir plus Smiley cligne
Administrateur
Hello et bienvenue ici,

Comme tu es dans le salon "CSS et mise en forme", tu dois te douter que la grande majorité des sujets ici (voire tous) traitent de "Question de mise en forme".

Ton sujet va donc malheureusement vite se perdre dans la masse, tout simplement parce que tu ne donnes pas assez de précision dans ton titre Smiley decu
Modifié par Raphael (05 Apr 2007 - 11:14)
Ben déjà aucun de tes deux logos n'est à la bonne taille là, ils sont tous les deux réduits, de l'image de départ en 200x200px à des images de 105x105px et 57x57px. C'est voulu ?

Pour ton en-tête, j'aurais tendance à penser qu'il faut appliquer ceci :
http://web.covertprestige.info/test/11-page-fluide-avec-trois-colonnes-1.html
Pour faire bref : mettre des marges au titre

Plus généralement, travailler la question du positionnement flottant :
http://openweb.eu.org/articles/initiation_float/
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html
http://web.covertprestige.info/test/07-colonnes-flottantes-et-place-dans-le-flux.html
Bonjour,

merci pour ces reponses et desole pour le temps de reponse, j'ai ete pris en clientele, j'ai donc du laisser de cote le developpement.

Super, je vais regarder tout ca. Merci encore pour les reponses.

Alex
Salut,

ha oui mais non. Je ne comprends pas pourquoi ca marche sous Firefox mais pas sous IE.

regardez cette page sous IE puis sous FireFox:
http://lexprod.free.fr/site/index1.htm

Firefox me rend exactement ce que je cherche (mise a par le "bien" qui est de trop mais le titre n'est pas si long).

A l'aide!