Centré sa page d'accueil
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Centré sa page d'accueil
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:
https://i.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:
https://i.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:
Voici le code dans généralité:
Pour toutes autres informations, n'hésitez pas à me demander ^^
Merci d'avance à qui m'aidera ='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:
https://i.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:
https://i.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
Re: Centré sa page d'accueil
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.
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
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Centré sa page d'accueil
Bonjour ^^
Merci tout d'abord d'essayer de m'aider =D
Alors, j'ai changer 780px en 730px, voici ce que cela me donne:
https://i.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 =)
Merci tout d'abord d'essayer de m'aider =D
Alors, j'ai changer 780px en 730px, voici ce que cela me donne:
https://i.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 =)
Re: Centré sa page d'accueil
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: https://i.servimg.com/u/f24/16/24/39/41/sans_t25.jpg
Voici mon code html:
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 =)
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 =)
Re: Centré sa page d'accueil
Petit UP.
Quelqu'un pourrai-t-il m'aider à mon problème s'il vous plait? ='D
Merci bien ^^
Quelqu'un pourrai-t-il m'aider à mon problème s'il vous plait? ='D
Merci bien ^^
Re: Centré sa page d'accueil
Bonjour,
Avez-vous essayé en intégrant le code dans un tableau ? et en centrant le tableau plutot que l'iframe ?
Cordialement.
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- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Centré sa page d'accueil
Bonjour ='D
Euhm, comment faire tout cela?
J'ai placé votre code dans généralité, mais rien ne change =/
Euhm, comment faire tout cela?
J'ai placé votre code dans généralité, mais rien ne change =/
Re: Centré sa page d'accueil
Avez-vous essayer en mettant directement votre code dans Généralités plutot qu'en passant par un iframe ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Centré sa page d'accueil
J'ai essayer mais cela ne fonctionne pas =/
Re: Centré sa page d'accueil
Puis-je avoir le code entier, ainsi que votre css. Le premier fourni est erroné.
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Centré sa page d'accueil
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: https://forum.forumactif.com/t306055-probleme-avec-un-code-pour-image#2675809
Pour que vous puissiez voir ='D
Merchi encore =)
Izumi a toruvé le problème a la fin.
Vous pouvez donc archiver la demande et merci encore Macema =)
Voici le sujet: https://forum.forumactif.com/t306055-probleme-avec-un-code-pour-image#2675809
Pour que vous puissiez voir ='D
Merchi encore =)
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Placer une animation au centre en haut de page comme en tête
» centre un message sur la page d'accueil
» Widget "qui est en ligne" en bas de page et centré?
» Centré l'image de fond de page
» Placer une animation au centre en haut de page comme en tête
» centre un message sur la page d'accueil
» Widget "qui est en ligne" en bas de page et centré?
» Centré l'image de fond de page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum