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

Aligner deux images

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

En cours Aligner deux images

Message par Kyou le Mar 4 Juin 2013 - 14:22

bonjour.
voilà j'ai un problème avec un code, que j'ai voulu tester sur mon forum test. malheureusement quand je l'ai installé, il a mis ma deuxième image en dessous : http://academy.meilleurforum.com/ comme vous pouvez le voir sur le site D: mais je ne comprends pas, pourtant y a que le div du tableau, et rien d'autre, donc je ne vois pas comment cela est possible. J'aurai besoin de votre aide, pour régler ce problème (; je vous met en dessous mes codes :

xhtml :
Code:
<div class="tableau1">.............</div><br><div class="tableau1"><h1><img src="http://i.imgur.com/4RraCVt.png" class="staff"> <span>.....</span></h1><img src="http://illiweb.com/fa/pbucket.gif" class="staff"></div>

css :
Spoiler:
Code:
/*PAGE DACCUEIL*/
.tableau1 {
  background-color: #c6d5e3;
  border: solid 1px #9bb7d4;
  width: 250px;
  padding: 5px;
  text-align: justify;
  font-size: 11px;
  line-height:11px;
  font-family:arial;
  text-transform: lowercase;
}

.staff {
  border-radius: 50px 50px 50px 50px;
  width: 50px;
}

.staff:hover {
  width: 50px;
  transform: rotate(90deg);
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

h1 {
  width:250px;
  position:relative;
  left:20px;
}

h1 span { display: none }

h1:hover span{
  width:250px;
  position: absolute;
  display: block;
  padding:5px;
  left: 20px;
}
 

merci de votre patience et de votre aide.

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

En cours Re: Aligner deux images

Message par Anzu le Mar 4 Juin 2013 - 14:28

Bonjour,

Il faut faire un tableau pour aligner vos deux images.

Code:
<table><tr><td>première image</td><td>deuxième image</td></tr></table>

Cordialement
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

En cours Re: Aligner deux images

Message par Kyou le Mar 4 Juin 2013 - 15:02

c'est vraiment obligatoire, car avant que je rajoute l'infobulle ça marchait très bien, mais c'est depuis que j'ai mis le code justement. J'ai une question, d'ailleurs, est-ce que cela va marcher, vu que j'ai déjà instauré une fois un tableau ?

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

En cours Re: Aligner deux images

Message par Anzu le Mar 4 Juin 2013 - 15:06

Hé bien oui, il n'y a pas d'autre alternative.
Il est tout à fait possible de faire un tableau dans un tableau Wink

Si j'ai répondu à votre demande, c'est parce que je sais que ça fonctionne ainsi.

Cordialement.

Edit:

Code:
        <div class="tableau1">.............</div><br><div class="tableau1"><table><tr><td><h1><img src="http://i.imgur.com/4RraCVt.png" class="staff"> <span>.....</span></h1></td><td><img src="http://illiweb.com/fa/pbucket.gif" class="staff"></td></tr></table></div>

et dans la css, pour le .tableau, faut changer la valeur du width et l'augmenter, genre 350px.

avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

En cours Re: Aligner deux images

Message par Kyou le Mar 4 Juin 2013 - 18:27

j'ai trouvé une solution, en rajoutant position:relative ainsi qu'un left, et bottom, mais j'ai un autre problème, l'infobulle de la deuxième image maintenant est toute en bas. http://academy.meilleurforum.com/

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou 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