Marge pour tableau à onglet
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Marge pour tableau à onglet
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://testseregraph.forumactif.com/
Description du problème
BonsoirJ'ai un petit soucis sur mes tests. J'ai crée un tableau à onglet depuis un des tutos du forum. Très pratique et bien expliqué soit dit en passant
Mais voila je souhaiterais que mes onglets se trouve un poils plus bas que le début de la page d'accueil. Soit 50px pour être précis. Quand je l'ai ajouter à la div "margeonglet" tout le tableau s'est décalé. Quand je change le css suivant :
- Code:
/* .systab .tab => les onglet */
.systab .tab {
padding: 2px 10px; /*marge interne des onglets */
margin-right: 5px; /* ???*/
padding-top:15px;
color: auto;
font-weight: bold;
font-family: 'Cinzel Decorative', cursive;
background: none;
/* border: 1px solid #000;*/
cursor: url(http://www.zupimages.net/up/17/15/465i.png), auto; /* cuseur maison*/
writing-mode: vertical-lr;
text-orientation: sideways;
line-height: 100%
}
la ligne suivante pour être précise :
- Code:
padding-top:15px;
J'ai un espacement entre les onglets qui est de 50px aussi.
Donc voici ma question:
comment puis; je mettre une marge de 50px au 1er onglet, sans que le tableau entier le subisse ou la marges entre les autres onglets soit aussi de 50px.
Merci d'avance <3
Re: Marge pour tableau à onglet
Bonsoir, je me permet de faire un petit up ^^
Re: Marge pour tableau à onglet
bonjour, je me permet de upper à nouveau le sujet, j'ai besoin de vos lumières ^^
Re: Marge pour tableau à onglet
Une saisie d'écran avec des flèches indiquant l'endroit exact et la nature du problème aiderait beaucoup.
Re: Marge pour tableau à onglet
Bonjour,
Voici le screen demandé! ^^
Donc comme dit je voudrai que l'onglet d’accueil se trouve plus en bas. La seule façon que j'ai trouvé et de le faire c'est d'augmenter
Texte à la bonne place mais espacement entre les onglets beaucoup trop écarté
Voici le screen demandé! ^^
Donc comme dit je voudrai que l'onglet d’accueil se trouve plus en bas. La seule façon que j'ai trouvé et de le faire c'est d'augmenter
- Code:
padding-top:15px;
Avec la bonne marge, mais le texte de l'onglet trop haut
Texte à la bonne place mais espacement entre les onglets beaucoup trop écarté
Re: Marge pour tableau à onglet
Bon, là on voit mieux.
Essaie d'ajouter margin-top:50px à la classe .systab mais pas à .tab
Essaie d'ajouter margin-top:50px à la classe .systab mais pas à .tab
Re: Marge pour tableau à onglet
Bonjour Plümpheit, dans votre feuille de style css vous devriez normalement avoir ce code.
- Code:
.systab.s_float .tab,.systab.s_float .tab{
display:block;
margin:5px;
}
- Code:
.systab.s_float .tab, .systab.s_float .tab {
display: block;
margin: 15px 0px 0px 10px;
}
Re: Marge pour tableau à onglet
bonsoir et merci tout le monde <3
Alors j'ai beau essayé de modifier les codes que vous m'avez conseillé, mais hélas si semblerait que quand je modifie le haut j'ai le même soucis. Il s'agit de la marge haute entre chacun des onglets.
Il est possible de garder la marge haute entre chacun onglet à 5px mais que le tout premier soit plus bas de 40px?
merci d’avance
Alors j'ai beau essayé de modifier les codes que vous m'avez conseillé, mais hélas si semblerait que quand je modifie le haut j'ai le même soucis. Il s'agit de la marge haute entre chacun des onglets.
Il est possible de garder la marge haute entre chacun onglet à 5px mais que le tout premier soit plus bas de 40px?
merci d’avance
Re: Marge pour tableau à onglet
Bonjour Plümpheit, essayez comme ceci :
Bien à vous.
- Code:
.systab .tab.selected{margin-top:60px;}
Bien à vous.
Re: Marge pour tableau à onglet
Bonjour
Et merci pour votre réponse. J'ai testé votre ligne de code mais elle ne semblait pas vouloir fonctionner. J'ai modifié le margin par padding, et cela à bien pris. (et avec le padding je pense que je reviens dans le vis de la marge interne haute -_- )
Cependant, cela ne s’applique qu'à l'onglet sectionné. Dès que je change d'onglet il y a une décalage qui se créait.
Et merci pour votre réponse. J'ai testé votre ligne de code mais elle ne semblait pas vouloir fonctionner. J'ai modifié le margin par padding, et cela à bien pris. (et avec le padding je pense que je reviens dans le vis de la marge interne haute -_- )
Cependant, cela ne s’applique qu'à l'onglet sectionné. Dès que je change d'onglet il y a une décalage qui se créait.
Re: Marge pour tableau à onglet
Supprimez le padding que vous avez mis et essayez ceci :
- Code:
div.tabs{margin-top:40px !important;}
Re: Marge pour tableau à onglet
Super ça fonctionne! Vous êtes d'enfer
Re: Marge pour tableau à onglet
Avec plaisir.
Sujets similaires
» Sur un tableau à trois onglet, je ne peux pas changer d'onglet
» Tableau à onglet.
» Tableau a Onglet : onglet qui ne souvre pas
» double tableau à onglet
» Tableau à onglet dans le QEEL
» Tableau à onglet.
» Tableau a Onglet : onglet qui ne souvre pas
» double tableau à onglet
» Tableau à onglet dans le QEEL
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum