Page d'accueil alignement d'élèment

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

Résolu Page d'accueil alignement d'élèment

Message par Tender kangaroo le Sam 14 Mar 2015 - 21:40

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tenderkangaroo.forumactif.org/

Description du problème

Bonsoir a tous !!
Je viens vous voir, car j'ai besoin d'un petit coup de main. En faites, j'aimerais modifier un petit quelque chose de ma PA.

Les images du staff sont des onglets, chaque image faisant apparaître le nom du membre et des liens vers sa boite mp. Seulement, nous aimerions avec l'équipe inverser le code pour obtenir les image et les informations côté à côte. (la capture d'écran représente le rendu final qu'on aimerait obtenir)

Voilà; si vous avez une astuce, vous seriez adorable !
Merci d'avance ! ♥


Dernière édition par Tender kangaroo le Dim 22 Mar 2015 - 15:31, édité 1 fois

Tender kangaroo
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2015

http://tenderkangaroo.forumactif.org/
Tender kangaroo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil alignement d'élèment

Message par Kinotto le Dim 15 Mar 2015 - 10:45

Bonjour,

Il nous faudra le code HTML de la PA (en balises hide si vous le souhaitez).

Code:
[hide][/hide]


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil alignement d'élèment

Message par Tender kangaroo le Dim 15 Mar 2015 - 14:45

Coucou, merci de ta réponse ! I love you
Voilà le code complet de notre PA;


Le passage en particulier est celui-ci;



Merci d'avance à celui qui saura nous expliquer I love you


Dernière édition par Tender kangaroo le Sam 21 Mar 2015 - 22:01, édité 2 fois

Tender kangaroo
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2015

http://tenderkangaroo.forumactif.org/
Tender kangaroo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil alignement d'élèment

Message par MlleAlys le Jeu 19 Mar 2015 - 16:39

Bonjour,

le mieux est de mettre les codes entre balises code plutôt que spoiler ^^ :
Code:
[code]coller le code ici[/code]

Il me semble que la div "mes_contenus" devrait contenir tous les onglets et pas que le premier, ce qui donnerait le code suivant (je le remets sous hide ^^) :


Retrouvez ensuite le code suivant dans votre css :
Code:
#mes_contenus, #mes_onglets {
  height: 100%;
  width: 100%;
}

Et modifiez-le ainsi :
Code:
#mes_contenus, #mes_onglets {
  height: 100%;
  width: 45%;
  display: inline-block;
  vertical-align: middle;
}
cela affichera les blocs sur la même ligne.
Si vous souhaitez avoir les onglets à gauche des infos, il faut mettre le bloc des onglets avant celui des infos dans le code de votre PA, ce qui donne :


MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil alignement d'élèment

Message par Tender kangaroo le Sam 21 Mar 2015 - 22:37

Merci beaucoup, je pense avoir compris le système Very Happy

Tender kangaroo
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2015

http://tenderkangaroo.forumactif.org/
Tender kangaroo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil alignement d'élèment

Message par MlleAlys le Sam 21 Mar 2015 - 23:24

de rien ^^
(si votre problème est résolu, n'oubliez pas de cocher l'icone correspondante en éditant votre premier message Wink )

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys 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