Aller au contenu

Aligner texte et image...


Link14

Messages recommandés

Salut

 

J'aimerai pouvoir faire un truc comme ceci en XHTML & CSS :

 

___________
xxxxxxxxxxxx| texte texte texte 
xxxxxxxxxxxx| texte texte texte texte texte texte 
xIMAGExxxxx| texte texte texte 
xxxxxxxxxxxx| texte texte texte texte texte texte 
___________| texte texte texte texte texte texte 
texte texte texte texte texte texte texte texte texte texte texte texte 
texte texte texte texte texte texte texte texte texte 
texte texte texte etc...
abe azcioeaz cpzac poezjc eqspcj qsid cqs

En gros, coller une image en haut à gauche et que le texte puisse faire plusieurs lignes à côté. (mouais, je pense quand même que mon schéma est plus clair :lol:).

 

Merci :)

Lien vers le commentaire
Partager sur d’autres sites

Si tu veux faire ça

 

Le code HTML correspondant est

<p>
<img src="http://hamato.olympe-network.com/Images/PPD.png" style="float: left; margin: 5px" /><span style="line-height: normal; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: #ffffff" class="Apple-style-span"></span>
</p>
<p>
<span style="line-height: normal; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: #ffffff" class="Apple-style-span">Parce que les prochains PPD ce sont vous !<br />
Vous savez utiliser Internet pour récolter les infos et les retransmettre ? Alors cette news doit vous intéresser. Les forums Mét@Games sont à la recherche de Newsers. <br />
Attention pas le petit newser qui s’occupe de la rubrique des chiens écrasés. Non, le Newser capable d’importer les infos importantes et essentielles au développement (hors norme) de nos matériels</span>
</p>
<p>
<span style="line-height: normal; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: #ffffff" class="Apple-style-span"><br />
Il n’y a pas de profil type recherché mais toute expérience du type peut être avantageuse. Bien évidemment une des attentes est la constance des News selon l’activité de la scène underground et se présenter comme Newseur d’une console délaissée n’a aucun intérêt.<br />
Les places ne sont pas limitées, mais si la perle rare est trouvée, vous savez celle qui est active, toujours au front, multi-console …<br />
<br />
Faites vos candidatures dans un topic séparé de la section Métagames du forum afin qu’on puisse vous poser des questions si besoin. <br />
De plus un petit questionnaire permettra d’évaluer votre façon de procéder. Demandez-le nous.</span>
</p>

Lien vers le commentaire
Partager sur d’autres sites

Si tu t'y connais un peu en web, il faut utiliser les feuilles de style CSS

 

Hamato en a aussi dans le code au dessus mais elles sont incluses dans les balises, c'est correct mais ce n'est pas comme ça qu'on le fait "proprement" (pas d'offense :))

 

il te faudra plutot un code de ce style là:

 

 

<html>

 

<head>

 

<style>

.image{

position:fixed;

left:100px; (tu peux changer la valeur jusqu'à ce que ton image soit bien placée)

top:150px; (tu peux changer la valeur jusqu'à ce que ton image soit bien placée)

}

 

.texte{

position:fixed;

left:10px; (tu peux changer la valeur jusqu'à ce que ton image soit bien placée)

top:150px; (tu peux changer la valeur jusqu'à ce que ton image soit bien placée)

}

</style>

 

</head>

<body>

 

<div class="image"> <img scr=# (ton lien) /></div>

<div class="texte"> ton texte</div>

 

</body>

</html>

 

Lien vers le commentaire
Partager sur d’autres sites

No souci, même si ça je le savais ( "Attention, je ne veux pas de style en ligne dans votre projet" -_-"), le dev web et moi : OSEF ^^

 

Mais c'est sûr que c'est beaucoup plus propre et aussi clair de séparer le corps de la page et les références javascript/styles/...

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
  • Statistiques des membres

    23 028
    Total des membres
    1 033
    Maximum en ligne
    Subaru
    Membre le plus récent
    Subaru
    Inscription
  • Statistiques des forums

    128,1 k
    Total des sujets
    1,7 M
    Total des messages
×
×
  • Créer...