Placer le bloc news du côté droit

Marsh Posté le 28-10-2007 à 02:34:11

Bonsoir à tous !

J'ai un petit soucis dans la réalisation du nouveau thème, je m'explique :
Je souhaite placer mes blocs "news" sur le côté droit or, même en précisant à CSS de le mettre du côté droit, celui-ci reste "bloqué" sur le côté gauche.

index.html

Code :

[...]
<div id="contenu">
<p class="news">
<div class="haut_news">C'est le titre de ma news!</div>
<div class="contenu_news">Je place ici mon test de news, je ne sais pas quoi raconter alors je dis ce qu'il se passe dans ma tête ! Incroyable non ?</div>
<div class="bas_news"></div>
</p>
[...]

style.css

Code :

div#contenu {
float:left;
width:662px;
background-color:#fff;
background-image:url(images/bordure_gauche.jpg);
background-repeat:repeat-y;
padding:0px;
color:#000;
margin-right:auto;
}
.news {
width:653px;
}
.haut_news {
background-image:url(images/haut_news.jpg);
background-repeat:no-repeat;
height:auto;
padding-left:25px;
padding-top:16px;
}
.contenu_news {
background-image:url(images/fond_news.jpg);
background-repeat:repeat-y;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
}
.bas_news {
height:2px;
background-image:url(images/bas_news.jpg);
background-repeat:no-repeat
}

Si vous souhaitez voir ce que cela donne, c'est ici : http://www.ludus-lan.com

J'espère que quelqu'un pourra m'aiguiller pour que je puisse corriger le problème.

J'aimerai savoir par la même occasion si la méthode que j'ai utilisé pour mes différents bloc de news vous paraisse correct (à moins qu'il existe une méthode plus "propre" ).

Merci !

Message cité 1 fois
Message édité par cvex le 26-03-2011 à 13:36:05

---------------
http://forum.hardware.fr/hardwaref [...] 1293-1.htm

Reply

Marsh Posté le 28-10-2007 à 02:34:11

Reply

Marsh Posté le 28-10-2007 à 13:07:26

cvex a écrit :

J'aimerai savoir par la même occasion si la méthode que j'ai utilisé pour mes différents bloc de news vous paraisse correct (à moins qu'il existe une méthode plus "propre" ).

Non, tu peux refaire le html de toute ta page. Franchement, il n'y a rien à garder
Aucun titre, pas de texte dans les <p> mais des <div>, le texte dans des div, le menu devrait être dans des <li>, et ainsi de suite

Pour info, le html de tes block news devrait être

Code :

<div class="news">
<h2>titre de la news</h2>
<p> text </p>
</div>

Bonne chance

Reply

Marsh Posté le 28-10-2007 à 14:43:40

A oui à ce point là ! lol
Bon je vais tout de suite modifier mes blocs news avec ta méthode propre merci !

---------------
http://forum.hardware.fr/hardwaref [...] 1293-1.htm

Reply

Placer le bloc news du côté droit

Sujets relatifs:

Leave a Replay