Balise <DIV>

Fermé
Garig - 9 juin 2009 à 10:52
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 9 juin 2009 à 19:14
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 31 Date d'inscription jeudi 22 mai 2008 Statut Membre Dernière intervention 2 juillet 2009
9 juin 2009 à 12:32
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 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 juin 2009 à 18:38
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 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 juin 2009 à 18:35
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
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 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 juin 2009 à 18:44
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
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 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 juin 2009 à 19:14
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