CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Invité Invité
| Bonjour tout le monde, En changeant les codes pour la page d'accueil, tout le forum s'est mis à gauche ^^". J'aimerai savoir si quelqu'un saurai comment faire pour le centrer. Voici le fofo: http://london-diaries.forumactif.com/forum.htm Avant, tout était centré, mêmes les descriptions les catégories, etc... Je sais pas ce que j'ai pu faire pour que tout se soit mis à gauche. Help Merci d'avance | | |
| | | Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Si c'est depuis que tu as changé le code, c'est surement un problème de là. Peux-tu nous donner tout ton code HTML de ta page d'accueil ? Il y a surement une balise mal fermée ou quelques chose comme cela. | | |
| | | Invité Invité
| Oui c'est fort possible. En ajoutant des données j'ai du faire une fausse manip En plus il y a un décalage esthétique que j'avais pas encore remarqué :/ Voici mon code: - Spoiler:
- Code:
-
<div class="page_d_accueil" width="100%"> <div class="nav"> <div class="titre"> Navigation </div> <div class="contenu"> <br><a href="http://london-diaries.forumactif.com/rules-contexte-and-others-informations-f1/reglement-t2.htm">Règlement</a><br /> <br><a href="http://london-diaries.forumactif.com/rules-contexte-and-others-informations-f1/contexte-london-diaries-t1.htm">Contexte</a><br /> <a href="http://london-diaries.forumactif.com/votre-staff-f21/les-ladies-administratrices-t8.htm">The Staff</a><br /> <a href="http://london-diaries.forumactif.com/registrations-f3/">Postes Vacants</a> </div> </div> <div class="contexte"> <div class="titre"> Dear Diary </div> <div class="contenu"> <br> <br><marquee direction="up" scrollamount="1" style="height: 60px;"><br><div align="right"><font color="tan"><i>MARS 2008 </div> <br>
<br>Comment commencer par le commencement lorsque ce dernier a déjà débuté depuis fort longtemps ? <br> <br> <br<Pour tout vous avouer, je ne saurai vous répondre… <br>Je me contente d’avancer malgré les obstacles et les souvenirs qui me hantent. Je souris instinctivement en disant « oui, merci» lorsqu’on me demande si je vais bien mais, en vérité, tout va mal. J’ai l’impression de monter un escalator en sens inverse. <br>Alors que tout le monde suit son joli petit bout de chemin, je m’efforce de monter les escaliers, deux par deux, sans succès. Je stagne. Tout mon entourage change et évolue et, je reste là, à écrire en attendant que les temps changent… <br> <br><div align="right">OCTOBRE 2009 </div> <br> <br>En cherchant dans mes recoins de ma mémoire, je n’ai fait que me heurter à des murs. J’en ai marre de devoir me justifier pour ce que j’ai fait et pour ce que je n’ai pas fait. Pourquoi dois-je toujours rendre des comptes à quelqu’un ? Je ne peux plus revenir en arrière. Tout est fini donc, pourquoi s’attarder là dessus ? <br>J’ai enfin compris que cela ne sert à rien de pleurnicher sur mon sort. Si je veux m’en sortir, il ne me reste qu’une chose à faire : me battre. Contre qui ? Moi même et, tout ceux qui m’ont pourri la vie… Je leur prouverai que je peux m’en sortir, avec ou sans leur aide. Je deviendrai ce que jamais je serai devenu à leurs côtés. Dorénavant, c’est moi qui imposera mes propres règles ! <br> <br><div align="right">JANVIER 2010 </div> <br> <br>Comment changer de vie ? Commencez par changer de ville, c’est un bon conseil… <br>Je commence tout juste à prendre mes repaires alors pardonnez moi mon enthousiasme. Londres est la ville que j’ai choisi pour ce nouveau départ. Comment ai-je fais mon choix? Un beau soir, j’ai lancé une fléchette sur une carte de l’Europe et, c’est sur Londres qu’elle a atterri donc, me voici. <br>Je me suis installé ici il y a peu et, je sens déjà que je vais m’y plaire. Je ne connais personne et, personne ne connais mon ancienne réputation. Je peux enfin déployer mes ailes sans qu’on me les coupe aussitôt. Je peux enfin respirer sans m’étouffer. En d’autres termes, me voici au paradis sur Terre…</i></font></marquee> </div> </div> <div class="posts_vacants"> <div class="titre"> Posts Vacants </div> <div class="contenu"> <img src="PREMIERE IMAGE" /> <img src="DEUXIEME IMAGE" /> <img src="TROISIEME IMAGE" /> </div> </div> <div class="votes"> <div class="titre"> VOTEZ POUR NOUS </div> <div class="contenu"> <a href="http://www.root-top.com/topsite/korben/in.php?ID=9312"><img src="http://img.root-top.com/topsite/korben/banner.gif" border="0" alt="london diaries nouvelle ville nouveaux departs" title="london diaries nouvelle ville nouveaux departs" /></a> <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=13674" target="_blank"><img src="http://img.root-top.com/topsite/obsession27/banner.gif" alt="" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=5500"><img src="http://img.root-top.com/topsite/lilie/banner.gif" border="0" /><br /></a> </div> </div> <div class="partenaires"> <div class="titre"> NOS PARTENAIRES </div> <div class="contenu"> <div class="images"> <a href="LIEN_1"><img src="IMAGE_1" /></a> <a href="LIEN_2"><img src="IMAGE_2" /></a> <a href="LIEN_3"><img src="IMAGE_3" /></a> </div> <div class="vous"> <a href="http://london-diaries.forumactif.com/partenariats-f43/nos-partenaires-t11.htm">More ?</a> | | <a href="http://london-diaries.forumactif.com/partenariats-f43/demandes-de-partenariat-t10.htm">You ?</a> </div> </div> </div> <div class="staff"> <div class="titre"> Notre Staff </div> <div class="contenu"> <div class="images"> <img src="http://i14.servimg.com/u/f14/14/04/92/52/untitl38.jpg" /> <img src="http://i14.servimg.com/u/f14/14/04/92/52/avamel13.png" /> </div> <div class="The White Lady"> <a href="">Pseudo</a> | | <a href="">Pseudo</a> </div> </div> </div> </div>
- Spoiler:
.page_d_accueil { background-color: black; } .titre { font-weight:normal; font-variant:small-caps; color:#ffffff; background-color:#383838; border: 3px double #0d0a0a; letter-spacing:1pt; word-spacing:2pt; font-size:12px; text-align:center; font-family:georgia, serif; line-height:2; width: 80%; margin-left: 10%; margin-bottom: 2%; } .contenu { border: none; letter-spacing:0.5pt; word-spacing:1pt; font-size:10px; text-align:center; font-family:georgia, serif; line-height:2; width: 80%; margin-left: 10%; height: 70%; overflow: auto; } .nav {
float: left; width: 25%; margin: 0.5%; height: 230px; } .contexte { float: left; width: 70%; margin: 0.5%; height: 160px; } .posts_vacants { float: left; width: 70%; margin: 0.5%; height: 120px; } .votes { float: left; width: 30%; margin: 0.5%; height: 100px; } .partenaires { float: left; width: 30%; margin: 0.5%; height: 100px; } .staff { float: left; width: 30%; margin: 0.5%; height: 100px; } .staff .contenu { height: 106%; } .page_d_accueil .votes .contenu img, .page_d_accueil .votes .contenu a { border: none; } .page_d_accueil .partenaires .contenu img, .page_d_accueil .partenaires .contenu a { border: none; }
C'est bien ça que tu veux xD? | | |
| | | Nashii
{ Membre actif }
Messages : 516
| Hum personnellement je sais pas mais tente avec les balises - Code:
-
<table>....</table> Je pense pas que sa doit être sa mais vaut mieux toujours essayer XD. | | |
| | | Tech
{ Membre actif }
Messages : 1378
| Bonjour, Est-ce que la demande est toujours d'actualité ? Si oui, essaye comme te l'a dit Nashii d'utiliser les balises table pour faire un tableaux | | |
| | | Invité Invité
| Ah, je suis vraiment désolé mais j'avais oublié de dire que j'avais laissé tomber xD Pour le moment, j'essaye de me concentrer un peu plus sur mes partiels qu'autre chose dont je concidère cette demande comme résolue;
Même si elle ne l'est pas, je n'aurai pas le temps voulu et necessaire pour m'en occuper comme il le faudrai :s
Je vous remerci beaucoup pour votre aide !!!!! | | |
| | | Tech
{ Membre actif }
Messages : 1378
| D'accord. Je classe la demande. Si tu aura besoin d'aide après, n'hésite pas à faire un autre sujet | | |
| | | Invité Invité
| D'accord Merci encore pour tout | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|