Centré sa page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centré sa page d'accueil

Message par Rikku-Chan le Ven 3 Juin 2011 - 18:18

Bonjour/Bonsoir à vous ='D
Me voici avec un problème situé au niveau de la page d'accueil. Voici un aperçu de ce que j'obtiens avec mon code:
http://i24.servimg.com/u/f24/16/24/39/41/sans_t23.jpg

J'ai fait des flèche sur l'aperçu pour que vous puissiez mieux comprendre. Enfaite, j'aimerai que ma page d'accueil soit centré, donc qu'il y ai la même longueur a droite et a gauche (ce qui n'est pas le cas sur mon aperçu) et j'aimerai que la distance des fèche que je vous ai mise a droite et a gauche soit de 2px environ. Puis, j'ai fait un trait verticale, car avant de mettre ma page d'accueil ma bannière s'arrêter au niveau de là où commence mes catégories, voici un aperçu sans la page d'accueil:
http://i24.servimg.com/u/f24/16/24/39/41/eza_bm10.jpg

Vous pouvez voir que la bannière commence bien là où commence les catégories, contrairement au premier aperçu avec la page d'accueil; ça signifie que ma page d'accueil déforme la structure de mon forum.
Ma structure de forum est de 60%.
Voici mon code html:

Spoiler:
Code:
<style type="text/css">
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:175px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#FFD700;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:50px;
 }


</style>
<table><tr><td width=720><img src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="width: 240px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA

Voici le code dans généralité:

Code:
<iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="780px" height="550px" style="overflow : hidden"></iframe>

Pour toutes autres informations, n'hésitez pas à me demander ^^
Merci d'avance à qui m'aidera ='D


Dernière édition par Rikku-Chan le Dim 5 Juin 2011 - 17:40, édité 1 fois

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Ea le Ven 3 Juin 2011 - 18:31

Bonjour,


Et bien vous affichez une iframe avec une taille de 780px, et ça affiche bien le contenu comme il est dans la page html.

Si vous voulez que la largeur de l'iframe soit plus petite il suffit de diminuer le width="780px".

( si vous ne voulez pas alors il faut mettre dans l'iframe un bordure à gauche pour que ça soit décalé ou bien centrer le contenu )

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Rikku-Chan le Ven 3 Juin 2011 - 19:04

Bonjour ^^

Merci tout d'abord d'essayer de m'aider =D
Alors, j'ai changer 780px en 730px, voici ce que cela me donne:

http://i24.servimg.com/u/f24/16/24/39/41/sans_t24.jpg

La bannière commence bien là où commence la page d'accueil, le problème c'est que la partie droite de la page d'accueil est coupé =/
Et j'aimerai qu'il y est environ 2px entre le cadre de là où l'on met la page d'accueil et là où il y a les cadre; que ce soit à gauche que à droite pour que ce soit centré et pas coller sur le contour de là où il y a la page d'accueil. J'aimerai en gros que là où j'ai mis els deux petit truc rouge, il y est 2px environ. Merci bien =)


Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Rikku-Chan le Sam 4 Juin 2011 - 3:00

Excusez moi du double post, j'ai réussi à ne pas couper la pag d'accueil mais le problème c'est qu'elle n'est pas centré donc il n'y a pas els 2px a droite et a gauche. Voici ce que sa me donne: http://i24.servimg.com/u/f24/16/24/39/41/sans_t25.jpg

Voici mon code html:
Spoiler:
Code:
<style type="text/css">
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:179px;
 color:white;
 text-decoration:none;
 padding:0px;
 }
#menu li a:hover {
 color:#FFD700;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:35px;
 }


</style>
<table><tr><td width=720><img src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="width: 240px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA

et voici mon code dans generalité:

<iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe>

Que faire? ^^

Merci bien d'avance =)

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Rikku-Chan le Dim 5 Juin 2011 - 15:14

Petit UP.
Quelqu'un pourrai-t-il m'aider à mon problème s'il vous plait? ='D

Merci bien ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Centré sa page d'accueil

Message par SoraNoHime le Dim 5 Juin 2011 - 16:47

Bonjour,

Avez-vous essayé en intégrant le code dans un tableau ? et en centrant le tableau plutot que l'iframe ?

Code:
<center><table width="730" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td width="730" height="520" ><iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe></td></tr></table></center>

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Rikku-Chan le Dim 5 Juin 2011 - 16:50

Bonjour ='D

Euhm, comment faire tout cela?

J'ai placé votre code dans généralité, mais rien ne change =/

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Centré sa page d'accueil

Message par SoraNoHime le Dim 5 Juin 2011 - 17:18

Avez-vous essayer en mettant directement votre code dans Généralités plutot qu'en passant par un iframe ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:27

J'ai essayer mais cela ne fonctionne pas =/

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par SoraNoHime le Dim 5 Juin 2011 - 17:35

Puis-je avoir le code entier, ainsi que votre css. Le premier fourni est erroné.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré sa page d'accueil

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:40

Me voilà ='D
Izumi a toruvé le problème a la fin.
Vous pouvez donc archiver la demande et merci encore Macema =)
Voici le sujet: http://forum.forumactif.com/t306055-probleme-avec-un-code-pour-image#2675809

Pour que vous puissiez voir ='D
Merchi encore =)

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum