Problème Dreamweaver, Menu se déplace :@

Fermé
bugsy76 Messages postés 12 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 7 décembre 2008 - 5 déc. 2008 à 18:37
bugsy76 Messages postés 12 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 7 décembre 2008 - 7 déc. 2008 à 01:10
Bonjour à tous !
Voilà mon soucis:
je débute dans Dreamweaver, j'ai créer la maquette de mon site sur Photoshop, je l'ai découpé et enregistrée en format HTML avec les images, j'importe le tout dans Dreamweaver, pour ma zone de texte je créer un tableau de 1 ligne sur 1 colonne, jusqu'ici pas de problème, mais après quand je tape du texte la zone de texte s'agrandit (voulu), mais le menu qui est à gauche lui descend aussi ! je voudrais donc savoir comment faire en sorte que la zone de texte s'agrandisse toute seule, mais sans embarquer tout le reste du site avec.
Merci d'avance, j'ai vraiment besoin d'aide !
A voir également:

3 réponses

bugsy76 Messages postés 12 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 7 décembre 2008
6 déc. 2008 à 17:52
ptit up, j'ai vraiment besoin d'aide svp :)
0
caporay Messages postés 61 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 29 novembre 2010 3
6 déc. 2008 à 22:26
Alor crée deux tableaux de marge 0 differents pour le menu et ta zone texte comme ça il ny aura que celui la zone texte qui s'agrandira.
Tu poura a la suite faire un grand tableau qui regroupera les deux premier
0
bugsy76 Messages postés 12 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 7 décembre 2008
7 déc. 2008 à 01:10
En fait ma mise en page est totalement en tableau, due à l'importation via photoshop qui découpe chaque partie du site en morceau. j'ai créer un tableau pour la zone de texte et un tableau pour chaque bouton du menu.

code source de ma page :

<html>
<head>
<title>StarShine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
font-size: 9pt;
color: #FFF;
}
body {
background-color: #000;
background-image: url(../StarShine.png);
background-repeat: no-repeat;
background-position: top center;
}
-->
</style></head>
<body bgcolor="#000000" background="../StarShine.png" text="#FFFFFF" link="#CCCC33" vlink="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0">
<!-- Save for Web Slices (StarShine.psd) -->
<table width="1025" height="1275" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
<tr>
<td colspan="8" rowspan="6"><img src="images/Btn_Header.png" width="804" height="297" alt=""></td>
<td colspan="3"> </td>
<td rowspan="38"><img src="images/StarShine_03.png" width="12" height="1187" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="58" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/StarShine_04.png" width="208" height="40" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/StarShine_05.png" width="6" height="178" alt=""></td>
<td align="left" valign="top">Ici stats joueur</td>
<td rowspan="2"><img src="images/StarShine_07.png" width="5" height="178" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="167" alt=""></td>
</tr>
<tr>
<td><img src="images/StarShine_08.png" width="197" height="11" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="3"> </td>
<td><img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><img src="images/StarShine_10.png" width="208" height="40" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td rowspan="32"><img src="images/Leftmenu_tab.png" width="12" height="890" alt=""></td>
<td colspan="5"><img src="images/Btn_Header-13.png" width="232" height="1" alt=""></td>
<td rowspan="3" align="center" valign="middle"><strong>Présentation</strong></td>
<td rowspan="32"> </td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2"><img src="images/StarShine_15.png" width="208" height="41" alt=""></td>
<td rowspan="31"> </td>
<td><img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="29"><img src="images/StarShine_17.png" width="6" height="806" alt=""></td>
<td rowspan="27" align="left" valign="top"> </td>
<td rowspan="29"><img src="images/StarShine_19.png" width="5" height="806" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/StarShine_20.png" width="5" height="133" alt=""></td>
<td colspan="2" align="left" valign="top">Ici code pour affichage login et menu joueur</td>
<td rowspan="2"><img src="images/StarShine_22.png" width="5" height="133" alt=""></td>
<td rowspan="4" align="left" valign="top"><table width="532" border="0" cellpadding="10">
<tr>
<td height="160" align="left" valign="top"> </td>
</tr>
</table></td>
<td><img src="images/spacer.gif" width="1" height="124" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/StarShine_24.png" width="198" height="9" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="4"> </td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><img src="images/StarShine_26.png" width="132" height="41" alt=""></td>
<td colspan="2" rowspan="2" bgcolor="#A8B2CD"><h3>0.5.2.1</h3></td>
<td><img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/StarShine_28.png" width="534" height="15" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td rowspan="10"><img src="images/StarShine_29.png" width="5" height="247" alt=""></td>
<td colspan="2" rowspan="2" align="left" valign="middle">test 1</td>
<td rowspan="9"><img src="images/StarShine_31.png" width="5" height="239" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><table width="532" border="0" cellpadding="10">
<tr>
<td align="center" valign="middle"><strong>News</strong></td>
</tr>
</table></td>
<td><img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2" align="left" valign="middle">test 2</td>
<td><img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="21" align="left" valign="top"><table width="532" border="0" cellpadding="10">
<tr>
<td><div></div></td>
</tr>
</table></td>
<td><img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 3</td>
<td><img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 4</td>
<td><img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 5</td>
<td><img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 6</td>
<td><img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 7</td>
<td><img src="images/spacer.gif" width="1" height="39" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/title_communaute.png" width="203" height="8" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td colspan="4"> </td>
<td><img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="5"><img src="images/StarShine_42.png" width="5" height="167" alt=""></td>
<td colspan="3"><img src="images/title_communaute-44.png" width="203" height="40" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 8</td>
<td rowspan="3"><img src="images/StarShine_45.png" width="5" height="117" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 9</td>
<td><img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">test 10 </td>
<td><img src="images/spacer.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/title_bugs.png" width="203" height="10" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="4"> </td>
<td><img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td rowspan="5"><img src="images/StarShine_50.png" width="5" height="129" alt=""></td>
<td colspan="3"><img src="images/title_bugs-52.png" width="203" height="41" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle"> </td>
<td rowspan="2"><img src="images/StarShine_53.png" width="5" height="78" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="37" alt=""></td>

</tr>
<tr>
<td colspan="2" align="left" valign="middle"> </td>
<td><img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2"><img src="images/leftmenu_bottomtab.png" width="203" height="10" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/StarShine_56.png" width="197" height="10" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2"> </td>
<td><img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="3"> </td>
<td><img src="images/spacer.gif" width="1" height="47" alt=""></td>
</tr>
<tr>
<td colspan="12"> </td>
<td><img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="12"><img src="images/footer.png" width="1024" height="60" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="127" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="534" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="26" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="197" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td></td>
</tr>
</table>

<!-- End Save for Web Slices -->
</body>
</html>
0