Marge pour tableau à onglet

4 participants

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

Résolu Marge pour tableau à onglet

Message par Plümpheit Mar 19 Sep 2017 - 0:00

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

Bonsoir Smile

J'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 Wink

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
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Plümpheit Mar 19 Sep 2017 - 23:08

Bonsoir, je me permet de faire un petit up ^^
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Plümpheit Jeu 21 Sep 2017 - 12:48

bonjour, je me permet de upper à nouveau le sujet, j'ai besoin de vos lumières ^^
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Le Grand Duc Jeu 21 Sep 2017 - 22:08

Une saisie d'écran avec des flèches indiquant l'endroit exact et la nature du problème aiderait beaucoup.
Le Grand Duc

Le Grand Duc
****

Masculin
Messages : 252
Inscrit(e) le : 29/01/2017

https://accropedia.com
Le Grand Duc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Plümpheit Dim 24 Sep 2017 - 21:45

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
Code:
padding-top:15px;
Or cela crée un gros décalage que je ne souhaite pas
Avec la bonne marge, mais le texte de l'onglet trop haut
Marge pour tableau à onglet Meyb

Texte à la bonne place mais espacement entre les onglets beaucoup trop écarté
Marge pour tableau à onglet 9io7
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Le Grand Duc Lun 25 Sep 2017 - 20:52

Bon, là on voit mieux.
Essaie d'ajouter margin-top:50px à la classe .systab mais pas à .tab
Le Grand Duc

Le Grand Duc
****

Masculin
Messages : 252
Inscrit(e) le : 29/01/2017

https://accropedia.com
Le Grand Duc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par tupac Mar 26 Sep 2017 - 12:23

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;
}
Remplacez-le par celui-la.
Code:
.systab.s_float .tab, .systab.s_float .tab {
    display: block;
    margin: 15px 0px 0px 10px;
}
Il vous faudra jouer avec margin: 15px 0px 0px 10px (en haut, à droite, en bas, à gauche )
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Plümpheit Mer 27 Sep 2017 - 0:30

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 Very Happy
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par ◦Jay◦ Mer 27 Sep 2017 - 6:19

Bonjour Plümpheit, essayez comme ceci :

Code:
.systab .tab.selected{margin-top:60px;}

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Plümpheit Mer 27 Sep 2017 - 8:06

Bonjour Smile

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.

Marge pour tableau à onglet Txaj
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par ◦Jay◦ Mer 27 Sep 2017 - 8:23

Supprimez le padding que vous avez mis et essayez ceci :

Code:
div.tabs{margin-top:40px !important;}
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par Plümpheit Mer 27 Sep 2017 - 8:44

Super ça fonctionne! Vous êtes d'enfer I love you
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge pour tableau à onglet

Message par ◦Jay◦ Mer 27 Sep 2017 - 8:48

Avec plaisir. Wink
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum