Problème Dreamweaver, Menu se déplace :@
bugsy76
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
bugsy76 Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
bugsy76 Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
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 !
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:
- Problème Dreamweaver, Menu se déplace :@
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
3 réponses
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
Tu poura a la suite faire un grand tableau qui regroupera les deux premier
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>
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>