Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2946 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Placer le bloc news du côté droit

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Placer le bloc news du côté droit

n°1632229
cvex
$CveX
Posté le 28-10-2007 à 02:34:11  profilanswer
 

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 :
  1. [...]
  2. <div id="contenu">
  3. <p class="news">
  4. <div class="haut_news">C'est le titre de ma news!</div>
  5. <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>
  6. <div class="bas_news"></div>
  7. </p>
  8. [...]


 
style.css
 

Code :
  1. div#contenu {
  2. float:left;
  3. width:662px;
  4. background-color:#fff;
  5. background-image:url(images/bordure_gauche.jpg);
  6. background-repeat:repeat-y;
  7. padding:0px;
  8. color:#000;
  9. margin-right:auto;
  10. }
  11. .news {
  12. width:653px;
  13. }
  14. .haut_news {
  15. background-image:url(images/haut_news.jpg);
  16. background-repeat:no-repeat;
  17. height:auto;
  18. padding-left:25px;
  19. padding-top:16px;
  20. }
  21. .contenu_news {
  22. background-image:url(images/fond_news.jpg);
  23. background-repeat:repeat-y;
  24. padding-top:5px;
  25. padding-bottom:5px;
  26. padding-left:5px;
  27. }
  28. .bas_news {
  29. height:2px;
  30. background-image:url(images/bas_news.jpg);
  31. background-repeat:no-repeat
  32. }


 
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
mood
Publicité
Posté le 28-10-2007 à 02:34:11  profilanswer
 

n°1632287
David Bori​ng
Posté le 28-10-2007 à 13:07:26  profilanswer
 

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 :
  1. <div class="news">
  2. <h2>titre de la news</h2>
  3. <p> text </p>
  4. </div>


 
Bonne chance

n°1632304
cvex
$CveX
Posté le 28-10-2007 à 14:43:40  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Placer le bloc news du côté droit

 

Sujets relatifs
[CSS/xHTML] - Bloc qui "bouge" ?[CSS] problème sous IE pour placer un pied de page
Placer contenu ligne de fichier dans une variableAcheter une plateforme commerciale de news?
Placer une image par dessusBloc CSS décalé
ouvrire fichier avec bloc note[C] droit d'execution
VBA [Résolu] Placer du texte obtenu par VBA dans un formulaire Outlookdroit à un fichier
Plus de sujets relatifs à : Placer le bloc news du côté droit


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR