28220 sujets

CSS et mise en forme, CSS3

Espacement, marge et optimisation

Salut tout le monde,
je suis en train de réaliser la mise en page du futur thème de mon blog, et je rencontre quelques problèmes.

Tout d'abord, l'adresse temporaire pour que vous puissez comprendre : http://koskoz.free.fr/interface%20blog/
Et la CSS est disponible à cette adresse : http://koskoz.free.fr/interface%20blog/style.css

1e problème : j'ai réussi grace à l'attribut padding-left: 3px à décaller le texte du menu et des news pour pas qu'il ne cheuvauche le bord du cadre, chose que j'aurai aimais faire à droite avec l'attribut padding-right: 3px, mais rien ne bouge.
Une idée ?

2e problème : si vous faite bien attention, dans le deuxième cadre, celui des news, entre le haut du texte et le barre, il y a un espacement, on s'en rend compte en regardant la bordure du cadre. J'aimerai coller le tout mais je ne sais pas comment faire.

3e problème : dans le menu à gauche, j'aimerai déscendre le titre (calendrier) au milieu de la puce, mais un margin-top: 3px ne fonctionne pas.
Même problème pour le titre des news et la date.

Voilà, c'est tout pour mes problèmes, mais j'ai encore une question.

J'ai l'impression que la CSS et la feuille html n'est pas très bien optimisé, qu'en pensez vous ? Pouvez vous m'aider ?

Ca y est, enfin finit ! Je vous remercie d'avance pour le temps que vous aller prendre à répondre à toutes ces questions Smiley cligne .
Salut,
j'ai jeté un coup d'oeil rapide, voici une remarque qui te permettra surement de régler tes problèmes : une fois tes balises <div> positionnées, avec leur habillage de couleur ou les images, pour éviter des décalages selin FF ou IE avec les histoires de padding et le fameux model box d'IE, tu devrais utiliser des <p> pour mettre ton texte dans les div, et leur appliquer à eux les padding gauche et droite dont tu as besoin.
Autre petite remarque : pour tes titres, plutôt que d'utiliser des <span class="titre">, essaye des <h1>, <h2>... tu amélioreras le côté sémantique de tes pages et commenceras à prendre de bonnes habitudes Smiley cligne
Ben à la suite de ce que t'a dit Ktoon, tu peux dans ta css espacer par padding ou margin tes balises <hn> et <p>...
oups... Mets des balises <p>, pour tes paragraphes, aussi...
Modifié par Macpom (31 Aug 2005 - 11:16)
Salut tout le monde,
j'ai un problème assez urgent avec ma mise en page.
Comme vous pouvez le constater:

http://koskoz.free.fr/blog/index.php?2005/...

Il y a deux espace dans le cadre de la news, non pas du à ma mise en page, mes aux balises <p> que dotclear utilise.

Je pourrai bien mettre toutes les marges à 0, mais du coup il n'y aura plus de saut de ligne...
Comment faire ?
Sujet clos
Aller à