Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :

https://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 Smile


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

Nico17
***

Masculin
Messages : 161
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 : 161
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;
}
avatar

Automne
Membre actif

Messages : 8431
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 : 161
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