Aligner texte et image...

Link14 · 07/06/2011, 19h21

Salut

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

Code:

___________
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

).

Merci

Hamato · 27/06/2011, 12h55

Si tu veux faire ça

Le code HTML correspondant est

Code:

<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&eacute;colter les infos et les retransmettre ? Alors cette news doit vous int&eacute;resser. Les forums M&eacute;t@Games sont &agrave; la recherche de Newsers.&nbsp;<br />
Attention pas le petit newser qui s&rsquo;occupe de la rubrique des chiens &eacute;cras&eacute;s. Non, le Newser capable d&rsquo;importer les infos importantes et essentielles au d&eacute;veloppement (hors norme) de nos mat&eacute;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&rsquo;y a pas de profil type recherch&eacute; mais toute exp&eacute;rience du type peut &ecirc;tre avantageuse. Bien &eacute;videmment une des attentes est la constance des News selon l&rsquo;activit&eacute; de la sc&egrave;ne underground et se pr&eacute;senter comme Newseur d&rsquo;une console d&eacute;laiss&eacute;e n&rsquo;a aucun int&eacute;r&ecirc;t.<br />
Les places ne sont pas limit&eacute;es, mais si la perle rare est trouv&eacute;e, vous savez celle qui est active, toujours au front, multi-console &hellip;<br />
<br />
Faites vos candidatures dans un topic s&eacute;par&eacute; de la section M&eacute;tagames du forum afin qu&rsquo;on puisse vous poser des questions si besoin.&nbsp;<br />
De plus un petit questionnaire permettra d&rsquo;&eacute;valuer votre fa&ccedil;on de proc&eacute;der. Demandez-le nous.</span>
</p>

lnfos · 08/07/2011, 11h47

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à:

Spoiler

Hamato · 15/08/2011, 19h23

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/...