Probleme de creation de sa première page

Fermé
gaya_102 - 28 févr. 2009 à 11:59
 gaya_102 - 28 févr. 2009 à 19:14
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:
A voir également:

9 réponses

ben85350 Messages postés 610 Date d'inscription vendredi 30 mai 2008 Statut Membre Dernière intervention 2 avril 2013 27
28 févr. 2009 à 12:02
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
0
mais on m'a dit de ne pas utiliser de tableau mais des div du coup je ne sais plus quoi penser.
0
spaceeric Messages postés 73 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 3 octobre 2011 4
28 févr. 2009 à 12:06
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%.
0
oula je me perd
0
du coup je ne comprend pas pourquoi on utilise des div car finalement c'est plus facile avec un tableau. Est ce que quelqu'un peut m'expliquer.
0
spaceeric Messages postés 73 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 3 octobre 2011 4
28 févr. 2009 à 12:26
0
Desole mais je ne comprend pas trop.
0
spaceeric Messages postés 73 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 3 octobre 2011 4
28 févr. 2009 à 12:41
Avec quel logiciel fais tu ton site, dreamweaver ? pourrais tu nous envoyer le code que tu as fait ca sera plus facile.
0
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>
0

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

Posez votre question
Utilisateur anonyme
28 févr. 2009 à 13:11
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
0
en tout cas merci de ton aide
tu as besoin de quelque choses?
0
Utilisateur anonyme
28 févr. 2009 à 18:02
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
0
merci de ton aide mais ca y est ma page est faite j'ai enfin réussi lol
0
Utilisateur anonyme
28 févr. 2009 à 18:24
Je voit otujour pareil moi
0
alors je ne dois pas avoir compris ta réponse.
Je code que tu as mis précédemment ca va changer quoi?
0
Utilisateur anonyme
28 févr. 2009 à 18:43
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.
0
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
0
Utilisateur anonyme
28 févr. 2009 à 19:12
ta pas mal avancé ;)
0
merci
mais je suis a nouveau bloqué avec du javascript. Je ne connais pas du tout et je misère
Avec dreamweaver c'était tellement facile de faire un rollover. il est bien quand même comme logiciel
lol
0