Page d'accueil trop grande
2 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
Page d'accueil trop grande
Bonjour,
Dans l'onglet Staff de ma page d'accueil, j'ai un espace en dessous l'image, je souhaiterai le retirer mais j'ignore comment faire.
Voilà une image un peu plus explicite :
http://www.hostingpics.net/viewer.php?id=885024pabug.png
Alors déjà je sais que c'est du au code css que j'ai ajouté. Celui ci :
/* #tab-bloc = ce tableau d'onglet / .tabs = conteneur des onglets */
#tab-bloc .tabs {
text-align: center;
margin-bottom: 10px;
}
/* .tab = onglets */
#tab-bloc .tab {
border-radius: 5px;
border: none;
margin: 0 20px;
background: none;
}
/* .tab.selected = onglet sélectionné*/
#tab-bloc .tab.selected {
background: #111;
box-shadow: 0 0 5px #333;
color: #eee;
font-weight: bold;
}
/* .tab img = image dans les onglets */
#tab-bloc .tab img {
vertical-align: -3px;
}
/* .contents = conteneur des contenu */
#tab-bloc .contents {
border: 3px double #aaa;
background: #eee;
border-radius: 50px;
padding: 25px;
}
/* #tab-staff = contenu associé à l'onglet staff */
#tab-staff {
background: url(https://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
#tab-staff table {
color: #444;
background: url(https://i.imgur.com/GEdKG.png);
margin: 100px auto;
font-weight: 30px;
opacity: 0.8;
border: 2px solid #ccc;
border-radius: 5px;
}
/* #tab-bienvenue = contenu associé à l'onglet bienvenue */
#tab-bienvenue {
border-radius: 50px;
border: 2px dashed #bbb;
background: url(https://i.imgur.com/yAyJl.jpg);
text-align: center;
font-size: 20px;
color: #333;
text-shadow: 0 0 5px #fff;
}
/* #tab-bienvenue marquee = le marquee dans l'onglet bienvenue */
#tab-bienvenue marquee {
width: 400px;
text-align: center;
}
/* #tab-regles = contenu associé à l'onglet règles */
#tab-regles ul {
font-family: georgia, arial, serif;
font-size: 17px;
list-style: url(https://i.imgur.com/DMC6G.gif);
}
#tab-regles li {
margin-bottom: 10px;
color: green;
}
Je suppose donc que c'est dans le code Staff le problème donc cette partie là :
/* #tab-staff = contenu associé à l'onglet staff */
#tab-staff {
background: url(https://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
#tab-staff table {
color: #444;
background: url(https://i.imgur.com/GEdKG.png);
margin: 100px auto;
font-weight: 30px;
opacity: 0.8;
border: 2px solid #ccc;
border-radius: 5px;
}
Mais j'ignore ce que je dois modifier.
Pour être plus précis, vous voyez le lien d'image inséré dans la partie du code Staff ? J'ai retiré cette image pour présenter à ma façon, et depuis, l'onglet Staff reste à la taille de l'image précédente. Et c'est assez embêtant, car sous l'image que moi j'ai mise, y'a un gros vide.
Si vous n'avez pas compris, allez sur mon forum http://pokemon-element.forumactif.org/ et dans la page d'accueil, cliquez sur l'onglet Staff et vous allez voir le vide en dessous l'image.
Merci d'avance
Dans l'onglet Staff de ma page d'accueil, j'ai un espace en dessous l'image, je souhaiterai le retirer mais j'ignore comment faire.
Voilà une image un peu plus explicite :
http://www.hostingpics.net/viewer.php?id=885024pabug.png
Alors déjà je sais que c'est du au code css que j'ai ajouté. Celui ci :
/* #tab-bloc = ce tableau d'onglet / .tabs = conteneur des onglets */
#tab-bloc .tabs {
text-align: center;
margin-bottom: 10px;
}
/* .tab = onglets */
#tab-bloc .tab {
border-radius: 5px;
border: none;
margin: 0 20px;
background: none;
}
/* .tab.selected = onglet sélectionné*/
#tab-bloc .tab.selected {
background: #111;
box-shadow: 0 0 5px #333;
color: #eee;
font-weight: bold;
}
/* .tab img = image dans les onglets */
#tab-bloc .tab img {
vertical-align: -3px;
}
/* .contents = conteneur des contenu */
#tab-bloc .contents {
border: 3px double #aaa;
background: #eee;
border-radius: 50px;
padding: 25px;
}
/* #tab-staff = contenu associé à l'onglet staff */
#tab-staff {
background: url(https://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
#tab-staff table {
color: #444;
background: url(https://i.imgur.com/GEdKG.png);
margin: 100px auto;
font-weight: 30px;
opacity: 0.8;
border: 2px solid #ccc;
border-radius: 5px;
}
/* #tab-bienvenue = contenu associé à l'onglet bienvenue */
#tab-bienvenue {
border-radius: 50px;
border: 2px dashed #bbb;
background: url(https://i.imgur.com/yAyJl.jpg);
text-align: center;
font-size: 20px;
color: #333;
text-shadow: 0 0 5px #fff;
}
/* #tab-bienvenue marquee = le marquee dans l'onglet bienvenue */
#tab-bienvenue marquee {
width: 400px;
text-align: center;
}
/* #tab-regles = contenu associé à l'onglet règles */
#tab-regles ul {
font-family: georgia, arial, serif;
font-size: 17px;
list-style: url(https://i.imgur.com/DMC6G.gif);
}
#tab-regles li {
margin-bottom: 10px;
color: green;
}
Je suppose donc que c'est dans le code Staff le problème donc cette partie là :
/* #tab-staff = contenu associé à l'onglet staff */
#tab-staff {
background: url(https://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
#tab-staff table {
color: #444;
background: url(https://i.imgur.com/GEdKG.png);
margin: 100px auto;
font-weight: 30px;
opacity: 0.8;
border: 2px solid #ccc;
border-radius: 5px;
}
Mais j'ignore ce que je dois modifier.
Pour être plus précis, vous voyez le lien d'image inséré dans la partie du code Staff ? J'ai retiré cette image pour présenter à ma façon, et depuis, l'onglet Staff reste à la taille de l'image précédente. Et c'est assez embêtant, car sous l'image que moi j'ai mise, y'a un gros vide.
Si vous n'avez pas compris, allez sur mon forum http://pokemon-element.forumactif.org/ et dans la page d'accueil, cliquez sur l'onglet Staff et vous allez voir le vide en dessous l'image.
Merci d'avance
Dernière édition par Nico17 le Dim 2 Déc 2012 - 13:49, édité 1 fois
Re: Page d'accueil trop grande
Bonjour,
Je ne vois rien sur l'image, mais je supose que cela doit etre cette partie dans le css.
Votre image fait 400px de longeur et dans le css, vous mettez la longeur a height:607px. Mettez la valeur identique a votre image de cette façon.
Je ne vois rien sur l'image, mais je supose que cela doit etre cette partie dans le css.
- Code:
#tab-staff {
background: url(http://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
Votre image fait 400px de longeur et dans le css, vous mettez la longeur a height:607px. Mettez la valeur identique a votre image de cette façon.
- Code:
#tab-staff {
background: url(http://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 400px;
border: 1px dotted #ccc;
margin: auto;
}
Re: Page d'accueil trop grande
Ah oui. Merci beaucoup.
Sujets similaires
» page du forum trop grande !
» Page d'acceuil trop grande.
» Police trop grande en bas de la page.
» nouvelle page soudainement trop grande
» Largeur du forum trop grande ou theme trop petit
» Page d'acceuil trop grande.
» Police trop grande en bas de la page.
» nouvelle page soudainement trop grande
» Largeur du forum trop grande ou theme trop petit
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