Créer un carré en html

mer, 23/09/2009 - 09:37
#1
alexorcet
Créer un carré en html

salut tout le monde

je dois créer une espèce de légende pour graphique en html pour les besoins d'un projet.
c'est tout simple une petit carré coloré et du text a coté.
j'ai jamais fait de HTML donc est ce que qlqn pourrai m'aider svp.ça doit ressembler a ceci
__
|__| text 'à droite et carré de couleur bleue
__
|__| text 'à droite et carré de couleur verte

Merci pour votre aide.

Haut
mer, 23/09/2009 - 10:02
Niroken
Re: Créer un carré en html

Hello,

Ben pour tes carrés, tu ne vas pas t'embeter à faire des carrés en html... c'est possible mais fastidieux.
Donc le mieux est d'insérer des images qui contiennent des carrés avec cette balise :

<img src="C:\images\monCarreBleu.jpg"/>
ou encore
<img src="http://un.site.com/monCarreBleu.jpg"/>

Evidemment les chemins dans les attributs src sont complètement factices dans l'exemple.

Pour organiser ta page html, tu peux utiliser les balises div ou span.
Par ex :

<span>
    <img src="C:\images\monCarreBleu.jpg"/>
</span>
<span>
    Un texte écrit ici
</span>

Je n'ai pas testé ce code, mais je pense que ca devrait aller.

Bonne chance,
Niroken

Haut
mer, 23/09/2009 - 11:00
alexorcet
Re: Créer un carré en html

Merci pour ta réponse Niroken j'y ai pas du tout pensé.
c'est bon c implémenté et ça marche trés bien

Haut
jeu, 24/09/2009 - 14:35
gibefr
Re: Créer un carré en html

Et ça ?:

<table border="0">
<tr><td>
<table border="1" width="20" height="5" style="background-color:blue; border-collapse:collapse"><tr><td> </td></tr></table>
<td><span>Texte ici</span></td>
</tr>
</table>
<table "border="0">
<tr><td>
<table border="1" width="20" height="5" style="background-color:green; border-collapse:collapse"><tr><td> </td></tr></table>
<td><span>Texte ici</span></td>
</tr>
</table>
Haut
Post reply