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 - 16: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://i1142.photobucket.com/albums/n613/julie_izumi2/river%20song/song_cat02_julie_izumi.png" 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 : 307
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 - 16: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

Anzu
+ Hyperactif +

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

http://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 - 17: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 : 307
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 - 17: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://i1142.photobucket.com/albums/n613/julie_izumi2/river%20song/song_cat02_julie_izumi.png" class="staff"></td></tr></table></div>

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


Anzu
+ Hyperactif +

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

http://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 - 20: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 : 307
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