Probleme de creation de sa première page
gaya_102
-
gaya_102 -
gaya_102 -
Bonjour,
après avoir bouquiné le cours de XHTML/CSS Je me lance
Je suis confronté à un problème
toujours sur mon ancienne page
http://www.sandrineetgwen.fr/emeline2.html
Comme vous pouvez le voir il y a à droite un block d'image. En fait c'est une tableau dans un tableau.
C'est a dire que j'avais fait une tableau de 2 lignes et 1 colonne. Dans la ligne du bas j'ai fait un autre tableau de 1 lignes mais 4 colonnes. Comment je peux faire pour ne pas utiliser la balise table mais div?
:euh:
après avoir bouquiné le cours de XHTML/CSS Je me lance
Je suis confronté à un problème
toujours sur mon ancienne page
http://www.sandrineetgwen.fr/emeline2.html
Comme vous pouvez le voir il y a à droite un block d'image. En fait c'est une tableau dans un tableau.
C'est a dire que j'avais fait une tableau de 2 lignes et 1 colonne. Dans la ligne du bas j'ai fait un autre tableau de 1 lignes mais 4 colonnes. Comment je peux faire pour ne pas utiliser la balise table mais div?
:euh:
A voir également:
- Probleme de creation de sa première page
- Impossible de supprimer une page word - Guide
- Creation de site web - Guide
- Creation de compte google - Guide
- Création de compte gmail - Guide
- Media creation tool - Télécharger - Systèmes d'exploitation
9 réponses
Salut !
Il faudrait que tu fasse des fusions de cellules pour que tout colle ^^ :
https://chatinais.pagesperso-orange.fr/courhtml/tableau/tabfus.htm
https://www.commentcamarche.net/contents/504-tableau-html-table
Il faudrait que tu fasse des fusions de cellules pour que tout colle ^^ :
https://chatinais.pagesperso-orange.fr/courhtml/tableau/tabfus.htm
https://www.commentcamarche.net/contents/504-tableau-html-table
gaya_102
mais on m'a dit de ne pas utiliser de tableau mais des div du coup je ne sais plus quoi penser.
Salut
Moi je serais tenté de dire qu il faut que tu crées 4 balises div a la place du tableau et pour la 2eme tu met une marge a gauche de 25% pour la troisième une marge a gauche de 50% et pour la 4eme marge a gauche de 75%.
A oui précise pour chaque balise div une largeur de 25%.
Moi je serais tenté de dire qu il faut que tu crées 4 balises div a la place du tableau et pour la 2eme tu met une marge a gauche de 25% pour la troisième une marge a gauche de 50% et pour la 4eme marge a gauche de 75%.
A oui précise pour chaque balise div une largeur de 25%.
Tiens jette un coup d'œil à ça : http://www.commentcamarche.net/forum/affich 3051543 div l un a cote
Avec quel logiciel fais tu ton site, dreamweaver ? pourrais tu nous envoyer le code que tu as fait ca sera plus facile.
non je suis sur notepadd. D'habitude je travaille sous dream mais je voulais passer sur une logiciel gratuit.
Voila mon code quand j'utiliser les tableau sinon en utilisant les div j'ai pas commencé car je ne sais pas comment faire pour la partie des boutons (partie qui est décalé sur la page)
<code type="html">
<html>
<body>
<table width="100%">
<tr bgcolor="#CC0099">
<table width="980">
<tr>
<td><img src="image/bande_haut_index.jpg"></td>
</tr>
<tr>
<td><img src="image/gauche_bouton.jpg"></td>
<td><img src="image/presentation_off.jpg"></td>
<td>
<table>
<tr>
<td><img src="image/haut_3_boutons.jpg"></td>
</tr>
<tr>
<table>
<td><img src="image/infos_pratiques_off.jpg"></td>
<td><img src="image/jourj_off.jpg"></td>
<td><img src="image/contact_off.jpg"></td>
<td><img src="image/droite_bouton.jpg"></td>
</table>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="image/bande_bas_index.jpg"></td>
</tr>
</table>
</tr>
</table>
</body>
</html>
</code>
Voila mon code quand j'utiliser les tableau sinon en utilisant les div j'ai pas commencé car je ne sais pas comment faire pour la partie des boutons (partie qui est décalé sur la page)
<code type="html">
<html>
<body>
<table width="100%">
<tr bgcolor="#CC0099">
<table width="980">
<tr>
<td><img src="image/bande_haut_index.jpg"></td>
</tr>
<tr>
<td><img src="image/gauche_bouton.jpg"></td>
<td><img src="image/presentation_off.jpg"></td>
<td>
<table>
<tr>
<td><img src="image/haut_3_boutons.jpg"></td>
</tr>
<tr>
<table>
<td><img src="image/infos_pratiques_off.jpg"></td>
<td><img src="image/jourj_off.jpg"></td>
<td><img src="image/contact_off.jpg"></td>
<td><img src="image/droite_bouton.jpg"></td>
</table>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="image/bande_bas_index.jpg"></td>
</tr>
</table>
</tr>
</table>
</body>
</html>
</code>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
On arrive vite au lilite du HTML…
Met toi au CSS tu vera tu fera de beau site
Je vais essayer de te faire cette page dici la fin de ce week-end
Met toi au CSS tu vera tu fera de beau site
Je vais essayer de te faire cette page dici la fin de ce week-end
Oui tu voi tes image de menu
Il y a :
haut_3_boutons.jpg, infos_pratiques_off.jpg, jourj_off.jpg, contact_off.jpg, droite_bouton.jpg
L'image haut bouton 3 doit être incorporée a ton menu donc si tu peut refaire ces images :
infos_pratiques_off.jpg, jourj_off.jpg, contact_off.jpg, droite_bouton.jpg
Avec le haut de = haut_3_boutons.jpg,
sur chacun
Ensuite tu metra ce code a la place du tien :
<html>
<head>
<title>Emiline & Julien</title>
</head>
<body>
<tbody><tr><td rowspan="10"><img src="images/bande_haut_index.jpg"></td></tr>
<tr><td colspan="7">
<tr><td><img src="images/gauche_bouton.jpg"></td><td><img src="images/presentation_off.jpg"></td><td><img src="infos_pratiques_off.jpg"></td><td><img src="images/jourj_off.jpg"></td><td><img src="images/contact_off.jpg"></td><td><img src="images/droite_bouton.jpg"></td></tr>
<tr><td><img src="images/bande_bas_index.jpg"></td></tr>
</tbody>
</body></html>
et tu metra tes nouvelles images a la place des anciene
Il y a :
haut_3_boutons.jpg, infos_pratiques_off.jpg, jourj_off.jpg, contact_off.jpg, droite_bouton.jpg
L'image haut bouton 3 doit être incorporée a ton menu donc si tu peut refaire ces images :
infos_pratiques_off.jpg, jourj_off.jpg, contact_off.jpg, droite_bouton.jpg
Avec le haut de = haut_3_boutons.jpg,
sur chacun
Ensuite tu metra ce code a la place du tien :
<html>
<head>
<title>Emiline & Julien</title>
</head>
<body>
<tbody><tr><td rowspan="10"><img src="images/bande_haut_index.jpg"></td></tr>
<tr><td colspan="7">
<tr><td><img src="images/gauche_bouton.jpg"></td><td><img src="images/presentation_off.jpg"></td><td><img src="infos_pratiques_off.jpg"></td><td><img src="images/jourj_off.jpg"></td><td><img src="images/contact_off.jpg"></td><td><img src="images/droite_bouton.jpg"></td></tr>
<tr><td><img src="images/bande_bas_index.jpg"></td></tr>
</tbody>
</body></html>
et tu metra tes nouvelles images a la place des anciene
Tu ouvre NOTEPAD et tu enléve ton code tu le remplace par le mien tu vera que deja sa cole mieux
Ensuite il faut que tu refase le menu en métant le haut de la bare haute du menu qui ce nome haut 3 bouton directement sur le petit bouton du menu.
Ensuite il faut que tu refase le menu en métant le haut de la bare haute du menu qui ce nome haut 3 bouton directement sur le petit bouton du menu.
je comprend mieux car en fait depuis le moment ou j'ai posté se message j'ai fait des essaies et du coup on ne parle plus de la même page
J'ai enlever toutes mes balises table et j'ai utiliser des div et du css comme on me la conseillé
http://www.sandrineetgwen.fr/emeline4.html
J'essaye maintenant je faire un rollover sur mes boutons
J'ai enlever toutes mes balises table et j'ai utiliser des div et du css comme on me la conseillé
http://www.sandrineetgwen.fr/emeline4.html
J'essaye maintenant je faire un rollover sur mes boutons
