Tom's Guide > Forum > Programmation > Problème positionnement du texte

Problème positionnement du texte

Forum Programmation : Problème positionnement du texte

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Salut,


J'ai un problème au positionnement du texte :


http://mgfun.net/mgs2


Je veux que les noms soient en dessous des autres à droite des images.
quoi faire ?

Merci. ^^

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

gagné ?

c'est fait en css, j'ai mis un float: left; mais les autres noms se mettent en dessous ...

Répondre à patriot-snake

comme je vois que les images sont de tailles équivalentes, tu pourais mettre les noms a tant de pixels de la bordure gauche

Répondre à mongos@IDN

utilise
position : absolute; left:100px;
ça devrait marcher

Répondre à mongos@IDN

{
text-align: absolute;
left:100px;
}

c'est ce que j'ai mis .. ça ne marche pas :-(

Répondre à patriot-snake

normal, ce n'est pas text-align, mais position qu'il faut mettre

Répondre à mongos@IDN

mdr tu as vraiment fais du css ? Il faut changer la valeur ! et la mettre de facon à ce qu'elle arrive a l'endroit ou tu veux !

Répondre à mongos@IDN

c'est quoi l'attribu pour la mettre valeur au css ?

Répondre à patriot-snake

Citation :


patriot-snake a écrit :
c'est quoi l'attribu pour la mettre valeur au css ?


:-? pas tout compris la !
Sinon la valeurs qu'il faut chan,ger c'est celle de left ! au lieu de 100px, tu met 500 par exemple

Répondre à mongos@IDN

Laisse tomber, je parlais d'autre chose.^^

pour la valeur je vais m'en chargé.

Merci. ^^

Répondre à patriot-snake

ça marche pas :-( ça fait toujours un décalage avec les autres ...

Répondre à patriot-snake

Tu devrais déjà utiliser les balises appropriées pour coder ta page. <p> c'est pour un paragraphe, pas pour tout et n'importe quoi ;-)

Dans ton cas, tes énumarations ressemblent furieusement à des listes.

Pour ton problème tu peux, par exemple, mettre ta liste en float à côté de l'image, le tout dans un div auquel tu appliques un clear.

Pour le css:

Code :
  1. .imglist img, .imglist ul {float:left; margin-bottom:50px;}
  2. .imglist {clear:both;}



pour l' html (tiens d'ailleurs il manque le doc type en haut de ta page...):

Code :
  1. <h1> Metal Gear Solid 2 : Sons of liberty </h1>
  2.     <div class="imglist">
  3.         <img src="imageredaction/histoire.jpg" alt="Histoire" width="250" height="165">
  4.         <ul>
  5.             <li>L'histoire</li>
  6.             <li>Organisations</li>
  7.             <li>Organisations</li>
  8.             <li>Metal Gear Ray</li>
  9.             <li>Arsenal Gear</li>
  10.             <li>Au del� de Sons of liberty</li>
  11.         </ul>
  12.     </div>
  13.     <div class="imglist">
  14.         <img src="imageredaction/astuce.jpg" alt="Astuce et soluce" width="250" height="165">
  15.         <ul>
  16.             <li>Astuce et Soluce</li>
  17.             <li>Les armes</li>
  18.             <li>Les gadgets</li>
  19.         </ul>
  20.     </div>



etc...

Répondre à candygirl@idn
Tom's Guide > Forum > Programmation > Problème positionnement du texte
Aller à :

Il y a 314 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens