Balise <DIV>

Garig -  
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,
Je sais utiliser les balises <table> mais pas les <div>
Qqun pourrait me dire simplement ce que donne ce code avec des balises <div >? Merci
Le code est tres simple, c est un simple tableau a 2 cases avec une image a gauche et du texte a droite.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top"><p><a href="philippines.html"><img src="images/philippines-photo.jpg" alt="Philippines" title="Philippines" width="125" align="left" border="1"></a><span class="c3"><b>Philippines</b></span><br>La République des Philippines est une nationp></td>
<td width="50%" valign="top"><p><a href="Thailande.html"><img src="images/Phuket1.jpg" alt="Thailande" title="Thailande" width="125" align="left" border="1"></a><span class="c3"><b>Thailande</b></span><br>La Thaïlande compte environ 65 millions d'habitants. p></td>
</tr>
<table>

6 réponses

takas Messages postés 32 Statut Membre
 
Je sais pas si tu n'aurais pas bien fait de tester ce code toi même en remplacant table par div.

excuse si ma réponse te vexe, mais c'est mieux de chercher par soi même
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

Je sais pas si tu n'aurais pas bien fait de tester ce code toi même en remplacant table par div.
et "takas", ce serait pas le diminutif de "si t'as rien à dire takas fermer ta gu****" ?
-:oþ
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

si tu veux du texte à côté d'une image, pas forcement besoin de <div>.
dis nous exactement ce que tu veux obtenir, on t'indiquera la méthode la plus simple.
0
Garig
 
Je voudrai passer ce code <table> en <div>.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><p><a href="philippines.html"><img src="images/philippines-photo.jpg" alt="Philippines" title="Philippines" width="125" align="left" border="1"></a><span class="c3">Philippines</span><br>La République des Philippines est une nation constituée d'un archipel de 7 107 îles se situant à l'ouest de l'océan Pacifique à environ 1 000 kilomètres au sud-est du continent asiatique. C'est l'un des deux seuls pays à dominante catholique en Asie <a href="philippines.html">En savoir plus</a></p></td>
<tr>
</table>

Et voila ce que j obtiens en <div> MAIS C EST PAS BON, aidez moi svp, je désespère au niveau des <div>

<div><div><a href="philippines.html"><img src="images/philippines-photo.jpg" alt="Philippines" title="Philippines" width="125" align="left" border="1"></a></div></div><span class="c3">Philippines</span><br>La République des Philippines est une nation constituée d'un archipel de 7 107 îles se situant à l'ouest de l'océan Pacifique à environ 1 000 kilomètres au sud-est du continent asiatique. C'est l'un des deux seuls pays à dominante catholique en Asie <a href="philippines.html">En savoir plus</a></p></div></div>

Ici, tout est a la suite de bas en haut... mais moi je voudrai un tableau à 2 cases l'une a coté de l autre en<div>...

Qqun peut m'aider SVP. merci
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

suis tombé sur un têtu, j'aime ça !

le monsieur t'a demandé ce que tu veux faire exactement mais bon, il fera sans…
<p><a class="monimage" href="philippines.html"><img src="images/philippines-photo.jpg" alt="Philippines" title="Philippines" width="125" align="left" border="1"></a>Philippines<br>La République des Philippines est une nation constituée d'un archipel de 7 107 îles se situant à l'ouest de l'océan Pacifique à environ 1 000 kilomètres au sud-est du continent asiatique. C'est l'un des deux seuls pays à dominante catholique en Asie <a href="philippines.html">En savoir plus</a></p>

et en CSS :
p a.monimage{
float:left;
}

ça pourrait (cf. plus haut) suffire…
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Garig
 
Oui effectivement pas besoin d utiliser des <div> pour faire ça. J'avai pris un mauvais exemple...

Donc je reformule ma question, je voudrai voir un code genre AVANT et APRES (avant avec TABLE et apres avec DIV).

Je ne trouve pas de code sur internet et donc je ne peux pas apprendre les <div>. Pourtant j ai cherché longtemps...

Avez-vous un article avant / apres (ou même un cours) pour qu'on comprenne enfin comment passer de <table> a <div>?

Merci beaucoup.
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
ah ben voilà !

des exemples "maison" faits pour d'autres questions :
http://www.grainedekeupon.fr/ccm/tableau_avec_div.html
http://www.grainedekeupon.fr/ccm/css_colonne_droite.html
http://www.grainedekeupon.fr/ccm/css_colonne_gauche.html

un article complet :
https://www.alsacreations.com/tuto/lire/538-Construire-un-site-sans-tableaux.html

des liens en vrac :
http://www.grainedekeupon.fr/index.php?page=liens&cat=html
http://www.grainedekeupon.fr/index.php?page=liens&cat=css
0