Page d'accueil trop grande

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

Résolu Page d'accueil trop grande

Message par Nico17 le Sam 1 Déc 2012 - 13:25

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(http://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
#tab-staff table {
color: #444;
background: url(http://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(http://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(http://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(http://i.imgur.com/KlbuC.jpg);
width: 791px;
height: 607px;
border: 1px dotted #ccc;
margin: auto;
}
#tab-staff table {
color: #444;
background: url(http://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 Smile


Dernière édition par Nico17 le Dim 2 Déc 2012 - 13:49, édité 1 fois

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil trop grande

Message par Nico17 le Dim 2 Déc 2012 - 11:55

Up.

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil trop grande

Message par Automne le Dim 2 Déc 2012 - 12:42

Bonjour,

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;
}

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil trop grande

Message par Nico17 le Dim 2 Déc 2012 - 13:49

Ah oui. Merci beaucoup. Very Happy

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 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