Probleme mit der Darstellung die 2.

M

mb78

Mitglied
Hallo Gemeinde,

da meine Versuche, eine Seite vernünftig mit CSS zu gestalten fehl schlugen mache ich nun Alles in Tabellenform.

Aber auch hier taucht ein Problem auf:

Die Tabelle "wächst" nicht mit, obwogl sie mit Inhalt befüllt ist.

Hier mal der Code:

Code: 
<!--Außenrahmen-->

<table width="900" cellspacing="0" cellpadding="0" align="center" style="border: 1px solid; background-color:#FFFFFF; color:#7b8a8f; box-shadow: 5px 5px 3px #641c4d; -moz-box-shadow: 5px 5px 3px #641c4d; -webkit-box-shadow: 5px 5px 3px #641c4d; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; -ms-filter: progid:DXImageTransform.Microsoft.DropShadow(color=#641c4d, offx=3, offy=3); filter:progid:DXImageTransform.Microsoft.DropShadow(color=#641c4d, offx=3, offy=3); margin-top: 50px">
  <tr>  <!--Tabelle mit drei bildern in Außenrahmen-->
    <td><table width="900" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td><img src="" /></td>
	<td><img src="" /></td>
	<td><img src="" /></td>
  </tr>
</table></td>
  </tr>

<!--Tabelle mit drei Bildern im Außenrahmen Ende-->
  
<!--Tabelle mit Menü und Seitenbeschreibung-->  

<table width="900" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div id='cssmenu'>
<ul>
   <li class='active '><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub '><a href='#'><span>Kurse</span></a>
      <ul>
         <li><a href='poledance.html'><span>Pole Dance</span></a></li>
         <li><a href='polefitness.html'><span>Pole Fit</span></a></li>
         <li><a href='Kursplan.xls'><span>Kursplan</span></a></li>
         <li><a href='preise.html'><span>Preise</span></a></li>
         <li><a href='express.html'><span>Express Yourself</span></a></li>
      </ul>
   </li>
   <li><a href='#'><span>News</span></a></li>
   <li><a href='ausbildung.html'><span>Ausbildung</span></a></li>
   <li class='has-sub '><a href='wir.html'><span>Über uns</span></a>
      <ul>
         <li><a href='#'><span>Jen</span></a></li>
         <li><a href='#'><span>Jasmine</span></a></li>
      </ul>
   <li><a href='workshop.html'><span>Workshop</span></a></li> 
   <li><a href='ladiesnight.html'><span>Ladies Night</span></a></li>
   <li><a href='performance.html'><span>Performances</span></a></li>
   <li class='has-sub '><a href='#'><span>Galerie</span></a>
      <ul>
         <li><a href='#'><span>Bilder</span></a></li>
         <li><a href='#'><span>Videos</span></a></li>
      </ul>
   <li><a href='kontakt.html'><span>Kontakt</span></a></li>
   <li><a href='#'><span>Partner</span></a></li>
   <li><a href='agb.html'><span>AGB´s</span></a></li> 
   <li><a href='impressum.html'><span>Impressum</span></a></li> 
   <li><a href='#'><span>Gästebuch</span></a></li>	   
   </li>
</ul>
</div>
</div></td>
    <td><img src="" /></td>
  </tr>
</table>
  
<!--Tabelle mit Menü und Seitenbeschreibung Ende--> 
  
</table>

<!--Außenrahmen Ende-->

please help
 
das div kann ich ja wieder rausnehmen.

also ja, die tabelle wächst nicht mit. ich meine die "grundtabelle" ->>>>außenrahmen

hab exttra das height weg gelassen um das zu erreichen.
 
In der Zeile 13 fehlt:


HTML: 
<!--Außenrahmen-->

<table width="900" cellspacing="0" cellpadding="0" align="center" style="border: 1px red solid; background-color:#FFFFFF; color:#7b8a8f; box-shadow: 5px 5px 3px #641c4d; -moz-box-shadow: 5px 5px 3px #641c4d; -webkit-box-shadow: 5px 5px 3px #641c4d; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; -ms-filter: progid:DXImageTransform.Microsoft.DropShadow(color=#641c4d, offx=3, offy=3); filter:progid:DXImageTransform.Microsoft.DropShadow(color=#641c4d, offx=3, offy=3); margin-top: 50px">
  <tr>  <!--Tabelle mit drei bildern in Außenrahmen-->
    <td>
    	<table width="900" border="0" cellspacing="0" cellpadding="0" align="center">
           		 <tr>
               		<td><img src="" /></td>
               		<td><img src="" /></td>
               		<td><img src="" /></td>
          		 </tr>
         </table>
     </td>
  </tr>
<tr><td>

<!--Tabelle mit drei Bildern im Außenrahmen Ende-->

<!--Tabelle mit Menü und Seitenbeschreibung-->

<table width="900" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
<ul>
   <li class='active '><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub '><a href='#'><span>Kurse</span></a>
      <ul>
         <li><a href='poledance.html'><span>Pole Dance</span></a></li>
         <li><a href='polefitness.html'><span>Pole Fit</span></a></li>
         <li><a href='Kursplan.xls'><span>Kursplan</span></a></li>
         <li><a href='preise.html'><span>Preise</span></a></li>
         <li><a href='express.html'><span>Express Yourself</span></a></li>
      </ul>
   </li>
   <li><a href='#'><span>News</span></a></li>
   <li><a href='ausbildung.html'><span>Ausbildung</span></a></li>
   <li class='has-sub '><a href='wir.html'><span>Über uns</span></a>
      <ul>
         <li><a href='#'><span>Jen</span></a></li>
         <li><a href='#'><span>Jasmine</span></a></li>
      </ul>
   <li><a href='workshop.html'><span>Workshop</span></a></li>
   <li><a href='ladiesnight.html'><span>Ladies Night</span></a></li>
   <li><a href='performance.html'><span>Performances</span></a></li>
   <li class='has-sub '><a href='#'><span>Galerie</span></a>
      <ul>
         <li><a href='#'><span>Bilder</span></a></li>
         <li><a href='#'><span>Videos</span></a></li>
      </ul>
   <li><a href='kontakt.html'><span>Kontakt</span></a></li>
   <li><a href='#'><span>Partner</span></a></li>
   <li><a href='agb.html'><span>AGB´s</span></a></li>
   <li><a href='impressum.html'><span>Impressum</span></a></li>
   <li><a href='#'><span>Gästebuch</span></a></li>
   </li>
</ul>
 </td>
    <td><img src="" /></td>
  </tr>
</table>

<!--Tabelle mit Menü und Seitenbeschreibung Ende-->

</table>

<!--Außenrahmen Ende-->


So funktioniert alles, nur alles sehr unsauber. Mach lieber direkt alles mit divs!
 
mit divs habe ich es ja probiert.

nur tauchten immer wieder neue probleme auf.

deshlab wollte ich es nun in tabellenform haben
 
jein.

alles ist in der tabelle, nur sieht alles ganz anders aus.

das menü besteht nur aus textlinks, rahmenfarbe ist anders
 
brauche ich nicht, weil das menü über .css definiert und geladen ist

soweit habe ich es wieder in den griff bekommen und den fehler gefunden.

aber erneut tut sich ein problem auf.

wenn ich im menü einen link anklicke, z.b. kurse -> poledance, wird diese auch korrekt angezeigt.
wenn ich einen anderen link anklicke, z.b. kurse -> preise, verschiebt sich alles, was zur folge hat, dass ein paar links nicht mehr korrekt angeklickt werden können.

woran kann das liegen?

niemand mehr, der einen rat hat?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück