5568 sujets
Sémantique web et HTML
<div class="gauche">
Gauche
</div>
<div class="droite">
<img src="image1.png" alt="image 1" />
<img src="image2.png" alt="image 2" />
</div>
.gauche
{
float: left;
}
.droite
{
float: right;
}
.droite img
{
display: block;
margin: 1em;
}
_______________________________________________
<table>
<tr>
<!-- Cellule 1 -->
<td> Cellule 1</td>
<!-- Cellule 2 -->
<td>
<table><tr><!-- Cellule 2.1 --><td><img src="image.png" alt="image" /></td></tr><tr><!-- Cellule 2.2 --><td><img src="image2.png" alt="image 2" /></td></tr></Table>
</td>
</tr>
</table>
_______________________________________________
rowspan et colspan mais j'ai jamais aimé et donc j'ai jamais appris !
_______________________________________________
Bon à part ça, si tu sais pas comment faire, il te faudrait apprendre (parce que c'est pas difficile (à priori))
thierry a écrit :
qu'est-ce q'une donnée tabulaire?
Je me suis permis de me poser la même question (et d'y trouver ma réponse) il y'a quelques temps.
thierry a écrit :Ça me semble assez discutable : je n'ai pas d'exemple en tête et je ne vois pas comment des images peuvent être classées, sectorisées sous forme tabulaire.
Une image ne peut-elle être une donnée tabulaire?
A la rigueur un tableau sous la forme "nom d'entreprise / logo (image) d'entreprise / coordonnées"... et encore
En vocabulaire CSS (ou jargon au choix), ça donne:
ton contenu est composé de texte suivi d'une image et de son titre associé (=légende)
Tu veux (voudrais) que le flux soit organisé de telle façon que le texte n'occupe que la moitié verticale gauche de la page et que l'image occupe le reste de la page, à droite en haut. La légende enfin se retrouve sous l'image.
A partir de là, tu peux retrouver des exemples tout cuits (si seulement!) proposant ce genre de design, si besoin est, sur le web à commencer par les Tutos de Raphael, de mémoire.
ton contenu est composé de texte suivi d'une image et de son titre associé (=légende)
Tu veux (voudrais) que le flux soit organisé de telle façon que le texte n'occupe que la moitié verticale gauche de la page et que l'image occupe le reste de la page, à droite en haut. La légende enfin se retrouve sous l'image.
A partir de là, tu peux retrouver des exemples tout cuits (si seulement!) proposant ce genre de design, si besoin est, sur le web à commencer par les Tutos de Raphael, de mémoire.