Discussion :

[laurent94]

Bonjour tout le monde,

Je viens donc vous voir dans l'espoir que vous pourriez m'aider à mettre en page une page internet.

Enfaite j'ai du mal à trouver les bonnes valeurs à mettre dans le fichier css pour pouvoir positionner correctement les différentes <DIV> de façon à retrouver la mise en page désiré et que le tout soit extensible...

Voici en image comment j'ai organisé la mise en page. Chaque couleur correspond à une <DIV>.



les deux bandes bleu sont de 5 px.


Je pensais partir ainsi pour les DIV est-ce la bonne solution ? pour le fond je pensé mettre en blanc et rajouter un bloc sur chaque côté de 5px.

Merci de bien vouloir me donner un coup de main pour la feuille de style.


Cordialement Laurent.

[Invité]

Bonsoir, as-tu lu ce tuto ? :
"Div et CSS : une mise en page rapide et facile"
http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/
En imbriquant correctement tes div, tu devrais arriver au résulat escompté...

[laurent94]

Merci du liens, je me suis pas mal avancé en faite dans le codage

Par contre je viens maintenant vous voir car la je bloque bien sur deux éléments. Une <Div> et un tableau.


Voici ce que je dois obtenir en rendu final (les marges bleu sur les bords ne sont pas prise en compte dans m'a version et c'est normal):



(les zones en rouge en opacité réduite vous montre les éléments qui me pose problème, le tableau du menu supérieure et l'image de l'imprimante.)


Et donc voici ou moi j'en suis:


Les problèmes sont les suivants:


Le tableau:

• Il applique des bordures que je ne souhaite pas.
• Il ne place pas les images nécessaires pour créer les coins arrondis comme demandé
• la dernière cellules du bas n'applique pas la couleur de background-color.

Pour l'imprimante:

• Il se balade lorsque je change la résolution de la fenêtre.. IL ce place en-dessous du conteneur principal.
• Ou simplement il n'apparaît pas.

[b]
[u]


Voici les liens des fichiers Xhtml et Css (je n'arive pas a mettre un scroller dans le code donc je vous mets deux liens.)

le Xhtml:

• http://www.toofiles.com/fr/oip/documents/h...5368_index.html

Et le Css:

• http://www.toofiles.com/fr/oip/docum...ss/design.html

La <Div> pour l'image est celle-ci :

<div id="imprim"><img src="image/imprim.jpg" alt="impression"/></div>

Elle se trouve à la ligne 435

et pour le tableau c'est le tout premier.

Voila j'espère que ce n'est pas trop bordélique comme explication. Mais si vous avez une idée de ce qui ne va pas pour cette <Div> et ce tableau merci de me filer un coup de main.

Bonne journée.

[Macmillenium]

Bonjour,

je me suis pas mal avancé en faite dans le codage

Sans vouloir te décourager (d'ailleurs on a tous été débutants), je pense que tu as plutôt très mal avancé

La première chose que je remarque dans ton code c'est l'absence d'un Doctype correcte et complet => Tu es donc dans un (très) vieux/mauvais mode de rendu appelé Quirks, d'où le nombre de hacks que tu as

Prends ton temps et ne te presse pas !
http://xhtml.developpez.com/cours/
http://css.developpez.com/cours/

[devyan]

Hors Sujet : Sympa ton design, j'aime beaucoup