Ergebnis 1 bis 5 von 5

Thema: Formatierungsproblem mit <table>-Tag

  1. #1
    lu666devil
    Gast

    Standard Formatierungsproblem mit <table>-Tag

    Hi Leute!
    Hab folgendes Problem: Würde gern eine Mitgliederseite von einem kleinen Verein gestalten. Die Seite soll 2 Fotos (fixe Größe) und 2 Texte (Persönliche Daten und Personenbeschreibung)

    Die Form sollte folgende sein:
    Code:
              |< 116px  >|<* &#40;je nach Auflösung     >|<  300px  >|
    
    -------   +----------+---------------------------+-----------+  ------
    ^         |Foto1     | Name&#58;                     |           |  ^
    150px     |150x      | Alter&#58;...                 | Foto2     | 
    v         |116&#40;hxb&#41;  |                           | 400x      |  400px &#40;Foto&#41; 
    -------   +----------+---------------------------+ 300 &#40;hxb&#41; |  + Bildbeschr. 
    ^         |                                      |           |
    *         |Personenbeschreibung                  |           |     &#40;1-2 Zeilen&#41; 
    &#40;je nach  |mit variablen BLABLA.                 |           | 
    Länge der |                                      |           |   
    Personen- |                                      |           |  
    beschreib-|                                      |           | 
    ung       |                                      |Bildbeschr.| 
    v         |                                      |           |  v
    -------   +--------------------------------------------------+  ------
    * soll bedeuten: so groß wie NÖTIG (und nicht möglich). Habs geschafft, dass die Spaltenbreiten richtig dargestellt werden. Aber bei den Zeilenhöhen check ichs nicht! Egal was ich angebe: der IE macht mir die obere immer größer (soll genau 150px sein). Hätt gern so eine Möglichkeit wie sie der <colgroup>-Tag für die Spalten bereitstellt... Hat irgendwer ne Idee???

    Ich hoff irgendwer kann mir bei meinem Problem helfen (hoff ich habs halbwegs verständlich erklärt...)!
    Sitz schon ne Woche täglich an diesem Problem und weiß echt nicht mehr weiter...

    Hier mal der Code, den ich bis jetzt hab:

    Code:
    <html><head><title>test</title></head><body>
    <table width="100%" border=1>
      <colgroup>
      <col width="116">
      <col width="*">
      <col width="300">
      <colgroup>
      <tr valign="top" height"150">
     <td>
     <a name="5">
     [img]*[/img]
     </a>
     </td>
     <td nowrap>
     <u>Persönliches&#58;</u>
    
     Name&#58; Hugo Testmann
    
     Geburtsdatum&#58; 1. September 1980
    
     Mitglied seit 2000
    
     Beruf&#58; Möchtegern Webdesigner
    
     Wohnort&#58; Daheim
    
     </td>
     <td rowspan="2"  align="center">
     [img]*[/img]
     Hugo an seinem Arbeitsplatz
     </td>
     </tr>
     <tr valign="top">
     <td colspan="2" heiht="*">
     <u>Personenbeschreibung</u>
    
     Hugo ist BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     Diese Personenbeschreibung kann manchmal 5-zeilig und manchmal 20-zeilig sein.
     </td>
     </tr></table>
    </body></html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Meinst du es so:
    Code:
    <table border="1">
      <tr>
        <td width="116" height="150" valign="top">
    	 <a>Foto1</a>
    	</td>
        <td width="160" valign="top">
    	 <a>Name&#58;
    Alter&#58;</a>
    	</td>
        <td rowspan="2" width="300" valign="top">
    	<a>Foto2</a>
    	</td>
      </tr>
      <tr>
        <td colspan="2" height="400" align="left" valign="top">
    	 <u>Personenbeschreibung</u>[/b]
    
    	 Hugo ist BLA
    
    	 BLA
    
    	 BLA
    
    	 BLA
    
     	 BLA
    
     	 BLA
    
     	 BLA
    
    	 BLA
     
    	</td>
      </tr>
    </table>

  3. #3
    Gast

    Standard

    Fast... Du gibst einfach mit "width=160" eine fixe Breite an. Das möcht ich nicht. (bin halt anspruchsvoll)

    Bin grad beim Stöbern durch dieses tolle Forum auf die Lösung gestoßen:
    Ein <table> im <table>!
    Erklärung (so wie ichs versteh):
    Eine Tabelle wird so klein wie möglich gemacht. Eine Tabellenzelle kann auch größer sein. Bin grad am bearbeiten. Werds posten, wenn ichs hab (und wenn das wirklich funkt...)

    Trotzdem danke!

  4. #4
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wo ist das problem mit den 160 ?? wie sollen sie denn ???

    so klein wie möglich oder was ???

  5. #5
    Gast

    Standard

    Das wollt ich:
    Code:
    <html><head><title>test</title></head><body>
    <table border="1">
    <tr>
    <td valign="top">
     <table border="1">
     <tr>
     <td height="150" valign="top">
      <table border="1">
      <tr>
      <td height="150" width="116" valign="top">
      <a name="5">
      [img]*[/img]
      </a>
      </td>
      <td valign="top">
      <u>Persönliches&#58;</u>
    
      Name&#58; Hugo Testmann
    
      Geburtsdatum&#58; 1. September 1980
    
      Mitglied seit 2000
    
      Beruf&#58; Möchtegern Webdesigner
    
      Wohnort&#58; Daheim
    
      </td>
      </tr>
      </table>
     </td>
     </tr>
     <tr>
     <td>
     <u>Personenbeschreibung</u>
    
     Hugo ist BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     BLA
    
     Diese Personenbeschreibung kann manchmal 5-zeilig und manchmal 20-zeilig sein.
     </td>
     </tr>
     </table>
    </td>
    <td width="300" valign="top" align="center">
    [img]*[/img]
     Hugo an seinem Arbeitsplatz
    </td>
    </tr>
    </table>
    </body></html>

Ähnliche Themen

  1. Table
    Von nolox im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 25.07.2006, 15:06
  2. <hr> in <table>
    Von Webdesignerin im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 29.06.2006, 21:35
  3. Table Problem ... ??
    Von Corona.Extra im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 22.01.2006, 19:37
  4. Problem mit <Table>
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 03.01.2006, 23:04
  5. css und table
    Von freakout im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 22.02.2005, 10:20

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •