|
|||
Probleme mit Tabelle
Hallo,
Ich versuche verzweifelt seit einigen Stunden eine Tabelle so zu gestalten, dass sie ihre Form beibehält. Aber wenn ich ein zu großes Bild oder zu viel Text rein schreibe, dann verlängert sie sich automatisch, und das will ich nicht! Ich möchte gerne einen Scrollbalken haben wenn es zu viel Text drin steht. Außerdem soll die Tabelle ihre Größe, egal, was passiert beibehalten. Ich hätte gerne die Größe: width:240px; height:200px Der aktuelle Code sieht so aus: Code:
<center> <tr><td class="row1" rowspan="3" align="center" valign="middle"></span><table border="1" width="700"><tr> <th class="row1" width="233"><span style="font-size: 7pt"><img src="URL ZUM BILD" alt="" border="0"></span></th> <th class="row1" width="233"><span style="font-size: 7pt"><img src="URL ZUM BILD" alt="" border="0"></span></th> <th class="row1" width="233"><span style="font-size: 7pt"><img src="URL ZUM BILD" alt="" border="0"></span></th> </tr> <tr> <td> <center><span style="font-size: 7pt">TEXT</span></center> </td> <td> <center><span style="font-size: 7pt">TEXT</span></center> </td> <td> <center><span style="font-size: 7pt">TEXT</span></center> </td> </tr> <tr> <th class="row1" width="233"><span style="font-size: 7pt"><img src="URL ZUM BILD" alt="" border="0"></span></th> <th class="row1" width="233"><span style="font-size: 7pt"><img src="URL ZUM BILD" alt="" border="0"></span></th> <th class="row1" width="233"><span style="font-size: 7pt"><img src="URL ZUM BILD" alt="" border="0"></span></th> </tr> <tr> <td><center><span style="font-size: 7pt">Hallo</span></center> </td> <td><center><span style="font-size: 7pt">TEXT</span></center> </td> <td><center><span style="font-size: 7pt">TEXT</span></center> </td> </tr> </table> </div> </center> Die Tabelle soll im prinzip genauso aussehen wie diese hier : Nineteen Years later Kann mir jemand den Code basteln und ihn dann schicken? Ich bekomme es alleine einfach nicht hin |
Sponsored Links |
|
||||
Schonmal überlegt das alles OHNE eine Tabelle zu bauen? :P
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
||||
Glaube ich nicht, und bevor wir dir hier was erklären, was a) in der theorie als auch b) in der praxis falsch wäre, bitte ich dich inständig dich über alternativen zu informieren Tu mir den Gefallen, bitte
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
Mit gescheitem Html ginge das ganz leicht mit einer Höhenangabe, sowie "overflow: auto;".
Ob das bei dem grottigen Tabellenlayout auch funktioniert, weiß ich nicht.
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
Beitragstext, Code und Verweis ergeben wenig Sinn - ich denk mal Du meinst es in etwa so:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> /*<![CDATA[*/ body {margin-top:30px; font:normal 17px "courier new", sans-serif;} .row {width:724px; margin:0 auto; display:block;} .td1, .td2, .td3, .td4 {width:240px; height:120px; border-style:solid; border-color:grey; overflow:auto;} .td1, .td3 {float:left;} .td2, .td4 {float:right;} .td1 {background:#fff; border-width:1px 0 0 1px;} .td2 {background:#ccc; border-width:1px 1px 0 1px;} .td3 {background:#ddd; border-width:1px 0 1px 1px;} .td4 {background:#eee; border-width:1px;} .x {position:relative; top:25px; left:25px;} /*]]>*/ </style> </head><body> <div class="row"><div class="td1"><span class="x">td1</span></div><div class="td1"><span class="x">td1</span></div> <div class="td2"><span class="x">td2</span></div></div> <div class="row"><div class="td1"><span class="x">td1</span></div><div class="td1"><span class="x"><img src="http://tinyurl.com/37vuypu" alt="Bildersatztext"/></span></div> <div class="td2"><span class="x">td2</span></div></div> <div class="row"><div class="td1"><span class="x">td1</span></div><div class="td1"><span class="x">td1</span></div><div class="td2"><span class="x">td2</span></div></div> <div class="row"><div class="td3"><span class="x">td3</span></div><div class="td3"><span class="x">td3</span></div> <div class="td4"><span class="x">td4</span></div></div> </body></html> BS Geändert von Mister Blue Sky (08.01.2011 um 06:06 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tabelle wird nur im Firefox richtig angezeigt und weitere Probleme | Aiyana | (X)HTML | 16 | 29.12.2010 01:10 |
Probleme mit Fullscreen Tabelle unter XHTML | Anarchron | (X)HTML | 3 | 08.09.2008 12:29 |
IE6: Inhalte bei großer Tabelle verschwunden | C-rank | CSS | 3 | 05.01.2008 14:23 |
Tabelle erscheint innerhalb eines DIVs | FBI | CSS | 1 | 27.06.2007 02:39 |
FF: Tabelle in Tabelle centern | wuschba | CSS | 2 | 20.07.2006 11:00 |