Les espaces blancs dans le tableau à onglet

Aide générale Les espaces blancs dans le tableau à onglet

EDN Motivé(e)

Rang

Inscrit le : 30/11/2009 à 12h29

Le 01/05/2010 à 18h57

Bonsoir touts le monde, vous parler du tableaux a onglet ici donc je vais poser ma question ici, alors voila j'aimerai enlever de l'espace qui a sur les coter et en haut et en bas du tableaux de chaque onglet, je vous est fait un screen, j'ai fait des très rouge a chaque endroit ou je veut enlever de l'espace, voila le screen :

Merci de votre aide. Edité par tony Le 01/05/2010 à 18h59

Toutes l'équipe de easy-design.net sont des personnes très gentils et vraiment très forts

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 01/05/2010 à 20h30

Tony, c'est dans le tabcontent.css du dossier tableau regarde les height et les width ^^.

Ouvre ton sujet la prochaine fois tony. Car mêler deux sujets de 2 auteurs différents, c'est pas Tip-top pour aider^^

Un soucis = 1 nouveau sujet ...

swan_signature

Site web

tony

EDN Motivé(e)

Rang

Inscrit le : 30/11/2009 à 12h29

Messages: 345

Le 01/05/2010 à 20h41

Les height et les width sont a 100%, je mais quoi a la place ?
Voila mon tabcontent.css (au cas ou)

Code CSS :

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /* Les onglets sont à gauche */
}
 
.shadetabs li{
/*display: inline;
margin: 0;*/
float:left;
height:40px;
line-height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
text-align:center;
text-decoration:none;
width:130px;
}
 
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
color: #2d2b2b;
background:url(images/fd_onglet_on.gif) no-repeat;
width:80px;
}
 
.shadetabs li a:hover{
background:transparent url(images/fd_onglet_hover.gif) no-repeat scroll bottom center;
text-decoration: none;
color: #2d2b2b;
}
 
.shadetabs li.selected{
margin-bottom:0;
padding-bottom:1px;
}
 
.shadetabs li.selected a{ 
background:transparent url(images/fd_onglet_on.gif) no-repeat scroll center bottom;
color:#000000;
font-weight:bold;
position:relative;
text-decoration:none;
width:80px;
z-index:20;
}
.shadetabs li.selected a:hover{ 
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
text-decoration:none;
}
 
.tabcontentstyle{ /* la table principale*/
background-color:#FFFFFF;
border:1px solid #AAAAAA;
text-align:left;
margin-left:2px !important;
padding:10px;
position:relative;
top:0 !important;
width:504px;
}
 
div#tcontent2{
/*background:transparent url(images/news_content.png) no-repeat scroll center top;*/
background-color:#cccccc; /*  Fond: gris */
border:1px solid #FF0000; /* Couleur: rouge */
margin:auto auto 30px;
height:100%;
width:100%;
}
 
div#tcontent3{
/*background:transparent url(images/news_content.png) no-repeat scroll center top;*/
background-color:#cccccc; /*  Fond: gris */
border:1px solid #FF0000; /* Couleur: rouge */
margin:auto auto 30px;
height:100%;
width:100%;
}
 
div#tcontent4 {
/*background:transparent url(images/news_content.png) no-repeat scroll center top;*/
background-color:#cccccc; /*  Fond: gris */
border:1px solid #FF0000; /* Couleur: rouge */
margin:auto auto 30px;
height:100%;
width:100%;
}
 
 
.tabs_container{
margin:auto auto 30px;
width:96%;
}
##############################
 
.tabdossier {
position:relative;
margin-left :0px !important;
margin-left :2px;
width: 520px;
}
 
.tabList ul {
height:24px;
margin:0;
padding:0;
width:760px;
}
.tabList ul li {
float:left;
height:40px;
line-height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
text-align:center;
text-decoration:none;
width:91px;
}
 
.tabList ul li a {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:transparent url(images/fd_onglet.gif) no-repeat scroll center bottom;
border-color:#8C8C8C;
border-style:solid solid none;
border-width:1px 1px 0;
color:#000000;
display:block;
height:19px;
padding-left:3px;
padding-top:2px;
text-decoration:none;
width:80px;
}
 
.tabList ul li.actif { 
padding-bottom : 1px;
margin-bottom : 0;
}
 
.tabList ul li.actif a {
position:relative;
color : black;
background-image: url(images/fd_onglet_on.gif);
text-decoration : none;
font-weight: bold;
z-index: 20;
}
 
.tableau {
text-align: center;
background-color: #FFFFFF;
border: 1px solid #cccccc;
width: 530px;
border-collapse:collapse;
}
@media print {
.tabcontent {
display:block!important;
}
}

Est ce normal qu'il y a sa a la fin du tabcontent.css :

}
}

Edité par tony Le 01/05/2010 à 20h44

Toutes l'équipe de easy-design.net sont des personnes très gentils et vraiment très forts

Site web

Gobiel

EDN Motivé(e)

Rang

Inscrit le : 25/10/2009 à 17h01

Messages: 402

Le 01/05/2010 à 21h14

tony:

Est ce normal qu'il y a sa a la fin du tabcontent.css :

}
}

Oui (tu peux l'interpréter comme: @media print {.tabcontent {display:block!important;}})

Sinon, pour le width, essaye de le changer ! Faut être curieux et apprendre de ses erreurs dans la vie !

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 01/05/2010 à 21h18

Tony?? est que tu as un serveur en local?

swan_signature

Site web

tony

EDN Motivé(e)

Rang

Inscrit le : 30/11/2009 à 12h29

Messages: 345

Le 01/05/2010 à 21h21

Oui ba oui swan, justement depuis tout a l'heure j'essaye de le faire, mais vraiment je comprend pas, s'il te plait swan aide moi

Toutes l'équipe de easy-design.net sont des personnes très gentils et vraiment très forts

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 01/05/2010 à 21h27

C'est parce que ton div#content1 n'est pas défini dans le css^^

swan_signature

Site web

tony

EDN Motivé(e)

Rang

Inscrit le : 30/11/2009 à 12h29

Messages: 345

Le 01/05/2010 à 21h31

mais comment faut que je face, vraiment je comprend pas.

Toutes l'équipe de easy-design.net sont des personnes très gentils et vraiment très forts

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 01/05/2010 à 21h36

Erreur de ma part, c'est le div#content2 (qui est défini dans ton css). Enlève le "border" et la "background" Tu ne peux pas supprimer l'espace blanc, c'est la couleur, qui nous met en porte à faux..

swan_signature

Site web

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 02/05/2010 à 18h06

dans le tabcontent.css commente le padding : 10px ligne 61

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

Les 10 derniers messages du forum...