28172 sujets

CSS et mise en forme, CSS3

Hello Smiley smile

J'ai un petit problème de css.

Je souhaite ouvrir un site de jeux concours dans une frame, et indiqué les réponses aux questions posées pour le concours, dans cette dernière.

Voici le résultat de ma page test: http://www.voilou.fr/afficheConcours.php?id=6

Le problème est que le texte se place en dessous de l'image...et je souhaiterai qu'il s'affiche a coté !

Je pense qu'il faut que je crée un premier div qui fera toute la largeur de la page, un second qui contiendra la largeur de l'image ainsi que l'image, et un troisième div contenant les réponses.

C'est bien cela qu'il faut faire?

Dans ce cas, comment dire que le div contenant les réponses doit faire le reste de la largeur de la page? (largeur image - largeur totale de l'ecran)

Merci
Hello Smiley smile

Merci pour ton aide mais un problème subsiste!

En effet, j'ai bien le texte à coté de l'image, mais le texte est en bas au lieu d'être en haut!

Comment faire pour que le texte commence en haut?

Rappel de la page: http://www.voilou.fr/afficheConcours.php?id=6

Code css:


span.gauche {
  float: left;
}

span.droite {
  float: right;
}


Code html:


<span class="gauche"><img src="/images/design/logofinal.png" alt="jeux concours voilou" /></span>
<span class="droite">R&eacute;ponses: gagne des codes * toilokdo est super * vas-y fonce * L'inscription est gratos</span>


Merci Smiley biggrin
Je désespère, que je fasse avec float left et right ou que je fasse:

span.concoursgauche {
position:absolute;
}

span.concoursdroite {
  position:relative; height:75px; padding-right:198px; text-align:right;
}


<span class="concoursgauche"><img src="/images/design/logofinal.png" alt="jeux concours voilou" /></span>
     <span class="concoursdroite">Réponses: gagne des codes * toilokdo est super * vas-y fonce * L'inscription est gratos</span>


Cela ne m aligne pas le texte en haut, mais toujours en bas!

J'ai pourtant suivi vos exemples...

Merci pour votre aide ! Smiley murf Smiley sweatdrop