planlos im webdesign: Adobe Dreamweaver, Tabellenbreite fixieren

SELF-Forum

Adobe Dreamweaver, Tabellenbreite fixieren

planlos im webdesign
– Informationen zu den Bewertungsregeln

Hallo
ich bin Neuanfänger im Webdesign und erstelle zur Zeit die Geschäftsseite meines Vaters mit Hilfe des Programms Adobe Dreamweaver CS3. Da ich keine Programmiersprache beherrsche, arbeite ich ausschließlich im sogenannten Layoutdesign bzw. der Entwurfsansicht.

Nun zu meinem Problem:
ich soll ein Template erstellen, was soweit auch funktioniert. Das komplette Layout basiert auf verschiedenen Tabellen.
So weit funktioniert auch alles, bis auf eines: Wenn ich in das Haupfeld/-zelle einen Text eingebe, wächst die Zelle in die Breite. Das soll nicht so sein!

Folgendes habe ich bisher nachgelesen bzw. probiert:

  • Zellenbreite in den Eigenschaften festlegen (hab ich gemacht, aber Zelle wächst trotzdem)
  • Zellenbreite fixieren (keine Ahnung wie das geht)

Bin wirklich verzweifelt!!! Bitte helft mir!!! Bin für jede Antwort dankbar!!!

Falls jemand den Quelltext benötigt, schreibt mir: julia@hhecker.de

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Adobe Dreamweaver, Tabellenbreite fixieren

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    ich bin Neuanfänger im Webdesign und erstelle zur Zeit die Geschäftsseite meines Vaters mit Hilfe des Programms Adobe Dreamweaver CS3.

    mit dem dreamweaver anzufangen ist meistens ein fehler - der dreamweaver ist für leute gedacht, die wissen was sie tun, die wysiwyg-ansicht ist für anfänger, die das nicht wissen, potentiell "gefährlich"

    etwa so wie bei word - als anfänger macht man anstatt tabularoren einfach 20 leerzeichen und anstatt überschriften fetten text in rot usw

    Da ich keine Programmiersprache beherrsche, arbeite ich ausschließlich im sogenannten Layoutdesign bzw. der Entwurfsansicht.

    macht nichts, html ist eine auszeichnungssprache, css eine deklarationssprache - du musst keine programmiersprache lernen, um webseiten zu erstellen

    Das komplette Layout basiert auf verschiedenen Tabellen.

    siehe oben, das ist fehler #1 den du mit wysiwyg-editoren machst, wenn du nicht weisst was du tust - tabellen sind nicht fürs layout geeignet [1]

    So weit funktioniert auch alles, bis auf eines: Wenn ich in das Haupfeld/-zelle einen Text eingebe, wächst die Zelle in die Breite. Das soll nicht so sein!

    das ist eines der "features" von tabellenlayouts - mittels css und table-layout: fixed lässt sich das umgehen - besser ist aber, den krempel wegzuwerfen das selbe ohne tabellen zu machne

    Folgendes habe ich bisher nachgelesen bzw. probiert:

    • Zellenbreite in den Eigenschaften festlegen (hab ich gemacht, aber Zelle wächst trotzdem)

    siehe oben, das ist ein feature von tabllen - tabellen sind da um tabellarische daten zu präsentieren, da ist dieses verhalten durchaus sinnvoll und gewünscht

    • Zellenbreite fixieren (keine Ahnung wie das geht)

    table-layout: fixed

    Falls jemand den Quelltext benötigt, schreibt mir: julia@hhecker.de

    das hier ist ein öffentliches diskussionsforum, wenn du deinen quelltext nicht öffentlich weitergeben willst, stelle dein vorhaben am besten sofort ein und veröffentliche deine website später auch nicht (dann bekommt sowieso jeder den quelltext zu sehen) - ansonsten kannst du ihn gerne (auszugsweise) hier posten

    wenn du keine rückschlüsse auf dich oder das unternehmen erlauben möchtest, entferne sämtliche indizien dafür aus dem design (farben, logos usw)

    [1] jaja ich weiss, es gibt ein paar militante tabelle-layout-verfechter da draußen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Adobe Dreamweaver, Tabellenbreite fixieren

      planlos im webdesign
      – Informationen zu den Bewertungsregeln

      Hallo! Danke für die schnelle Nachricht. Den Quelltext zu veröffentlichen hab ich keine Probleme, ist mir schon klar, dass den später jeder lesen kann =) Mach ich bei anderen Webseiten auch andauernd. Nun zum Programm: mein Dad/Chef will das ich mit Dreamweaver arbeite und ich bin für meine Anfängerkenntnisse schon recht weit gekommen, wie ich finde, so dass ich versuchen will mein Tabellenproblem zu lösen, anstatt wieder von vorne zu beginnen. Ich werde gleich mal deinen Rat versuchen die Tabellenzelle zu fixieren!

      Nun mein Quelltext:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>HH Training &amp; Konzepte</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- body {  margin-left: 0px;  margin-top: 0px;  margin-right: 0px;  margin-bottom: 0px; } .Stil1 {  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  font-size: 24px;  line-height: normal;  color: #336699; } body,td,th {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px; } .Stil5 {color: #333399} .Stil6 {  color: #333333;  font-size: 12px;  font-weight: normal;  border-top-width: thin;  border-right-width: thin;  border-bottom-width: thin;  border-left-width: thin; } .Stil9 {font-size: 12px} .Stil10 { font-size: 10px;  font-family: Arial, Helvetica, sans-serif;  color: #336699; } .Stil3 {  font-size: 12px;  line-height: normal;  color: #336699;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; } .Stil18 {font-size: 15px} --> </style> <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .Stil19 {  color: #EEEEEE;  font-size: 12px; } .Stil20 { color: #333333;  font-size: 12px;  font-weight: normal; } --> </style> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="OptionalRegion1" type="boolean" value="true" --> </head>

      <body> <table width="1900" height="1038" border="0" cellpadding="0" cellspacing="0">   <tr>     <td height="1038" align="left" valign="top" background="../Images/Hintergrund/Design_2.jpg"><table width="1161" height="805" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="149" rowspan="7">&nbsp;</td>         <td colspan="4" rowspan="2" valign="bottom"><img src="../Images/Logo/Logo/2008-09-17-Logo.png" alt="" width="144" height="156" /></td>         <td height="117" colspan="9">&nbsp;</td>         </tr>

      <tr>         <td height="70" colspan="9" align="left"><table width="842" border="0" cellspacing="0" cellpadding="0">           <tr>             <td width="524"><!-- TemplateBeginEditable name="EditRegion1" -->editierbarer Text<!-- TemplateEndEditable --></td>             <td width="318"><div align="justify"><!-- TemplateBeginEditable name="EditRegion2" -->               <div align="right"><span class="Stil1">PROFESSIONELL<br />   &amp; ERFOLGREICH!</span></div>             <!-- TemplateEndEditable --></div></td>           </tr>         </table>          </td>         </tr>       <tr>         <td width="72" height="28">&nbsp;</td>         <td colspan="11" align="left" valign="top"><ul id="MenuBar1" class="MenuBarHorizontal">               <li><a href="#" class="MenuBarItemSubmenu">HOME</a>                 <ul>                   <li><a href="#">Ihre Ansprechpartner</a></li>                   <li><a href="#">Kontakt</a></li>                   <li><a href="#">Anfahrtsplan</a></li>                   <li><a href="#">Datenschutz</a></li>                   <li><a href="#">Impressum</a></li>                 </ul>               </li>               <li><a href="#" class="MenuBarItemSubmenu">DAS UNTERNEHMEN</a>               <ul>                 <li><a href="#">Wer ist Hardy Hecker?</a></li>                 <li><a href="#">Das HH-Team</a></li>                 <li><a href="#">Unsere Ziel</a></li>                 <li><a href="#">Unsere Partner</a></li>               </ul>           </li>           <li><a class="MenuBarItemSubmenu" href="#">UNSER ANGEBOT</a>               <ul>                 <li><a href="#">VERKAUF Bausteinsystem</a> </li>                 <li><a href="#">VERKAUF Profiausbildung</a></li>                 <li><a href="#">F&Uuml;HRUNG Bausteinsystem</a></li>                 <li><a href="#">F&Uuml;HRUNG Vertriebsorientiert</a></li>                 <li><a href="#">COACH-Ausbildung</a></li>                 <li><a href="#">TEAM Standard</a></li>                 <li><a href="#">TEAM Vertriebsorientiert</a></li>               </ul>           </li>           <li><a href="#" class="MenuBarItemSubmenu">UNSERE KUNDEN</a>               <ul>                 <li><a href="#">Zielgruppe</a></li>                 <li><a href="#">Referenzen</a></li>               </ul>           </li>           <li><a href="#">?</a>              </li>         </ul></td>         <td width="182" align="left" valign="top"><div align="center">           <table width="166" border="0" align="left" cellpadding="0" cellspacing="0">             <tr>               <td width="3">&nbsp;</td>               <td width="163" height="28" bgcolor="#5078B5"><div align="left">                 <table width="150" border="0" cellspacing="2" cellpadding="0">                   <tr>                     <td bgcolor="#5078B5"><!-- TemplateBeginEditable name="EditRegion5" --><span class="Stil18 Stil19"><strong>HH Training &amp; Konzepte</strong></span><!-- TemplateEndEditable --></td>                   </tr>                 </table>                 </div></td>             </tr>           </table>           </div>          </td>       </tr>       <tr>         <td rowspan="3">&nbsp;</td>         <td width="11" height="51"><span class="Stil1 Stil5"><span class="Stil3"><img src="../Images/mm_spacer.gif" alt="" width="10" height="51" border="0" /></span></span></td>         <td height="51" colspan="10"><!-- TemplateBeginEditable name="EditRegion3" --><span class="Stil1 Stil5">ÜBERSCHRIFT</span><!-- TemplateEndEditable --></td>         <td width="182" rowspan="3" align="left" valign="top"><!-- TemplateBeginEditable name="EditRegion6" -->           <table width="175" height="530" border="0" align="center" cellpadding="0" cellspacing="8">             <tr>               <td width="140"><span class="Stil20"><img src="../Images/Icons/Icons für Menü/Armbanduhr, blauer Filter.jpg" width="140" height="100" /></span></td>             </tr>             <tr>               <td><span class="Stil20"><img src="../../Images/Icons/Icons für Menü/Finger, Formular, blauer Filter.jpg" alt="1" width="140" height="100" /></span></td>             </tr>             <tr>               <td><span class="Stil20"><img src="../../Images/Icons/Icons für Menü/Hand, Kaffee, Tastatur, blauer Filter.jpg" alt="1" width="140" height="100" /></span></td>             </tr>             <tr>               <td height="100"><span class="Stil20"><img src="../../Images/Icons/Icons für Menü/Hände, blauer Filter.jpg" alt="1" width="140" height="100" /></span></td>             </tr>             <tr>               <td height="100"><span class="Stil20"><img src="../../Images/Icons/Icons für Menü/Hände, PC.jpg" alt="1" width="140" height="100" /></span></td>             </tr>           </table>         <!-- TemplateEndEditable --></td>       </tr>       <tr>         <td height="379">&nbsp;</td>         <td colspan="10" rowspan="2" align="left" valign="top"><!-- TemplateBeginEditable name="EditRegion4" -->           <p align="left" class="Stil6 Stil9">HAUPTTEXT </p>           <p align="left" class="Stil20">Hier entsteht die Website von Hardy Hecker. Im Moment wird ein Layouttest durchgeführt:</p>           <!-- TemplateEndEditable -->           <p align="left" class="Stil20">&nbsp;</p>          </td>         </tr>       <tr>         <td height="120">&nbsp;</td>         </tr>       <tr>         <td height="34"><div align="right"><img src="../Images/Icons/Icons für Menü/Telefon.png" width="33" height="31" /></div></td>         <td>&nbsp;</td>         <td width="60"><span class="Stil10">Datenschutz</span></td>         <td colspan="2"><span class="Stil3"><img src="../Images/mm_spacer.gif" alt="" width="17" height="34" border="0" /></span></td>         <td width="51"><span class="Stil10">Impressum</span></td>         <td width="18"><span class="Stil3"><img src="../Images/mm_spacer.gif" alt="" width="17" height="34" border="0" /></span></td>         <td width="58"><span class="Stil10">Downloads</span></td>         <td width="18"><span class="Stil3"><img src="../Images/mm_spacer.gif" alt="" width="17" height="34" border="0" /></span></td>         <td width="41"><span class="Stil10">Kontakt</span></td>         <td width="18"><span class="Stil3"><img src="../Images/mm_spacer.gif" alt="" width="17" height="34" border="0" /></span></td>         <td width="465">&nbsp;</td>         <td width="182" align="left" valign="top">&nbsp;</td>       </tr>     </table></td>   </tr> </table>

      <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. Adobe Dreamweaver, Tabellenbreite fixieren

      planlos im webdesign
      – Informationen zu den Bewertungsregeln

      das ist eines der "features" von tabellenlayouts - mittels css und table-layout: fixed lässt sich das umgehen - besser ist aber, den krempel wegzuwerfen das selbe ohne tabellen zu machne

      table-layout: fixed

      =)Daaaaaaaaaaaaaaaaaaaaanke!!!!!! *freu*
      das ging ja einfach und schnell! Hab das Tabellenlayout fixiert und schon funktionierts!
      dann kann ich weiterarbeiten=) Bis zum nächsten Posting! Dankeschön!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Adobe Dreamweaver, Tabellenbreite fixieren

        Ulysses
        – Informationen zu den Bewertungsregeln

        Hi!

        =)Daaaaaaaaaaaaaaaaaaaaanke!!!!!! *freu*

        freu dich nicht zu früh und hör auf suits Rat, den Krempel wegzuwerfen...

        das ging ja einfach und schnell! Hab das Tabellenlayout fixiert und schon funktionierts!

        für dich vielleicht, aber hast du schon mal an die Besucher eurer Website gedacht, deren Viewport kleiner als

        <table width="1900"

        ist?

        LG Ulysses

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln