02.08.2009, 14:57
|
|||
|
|||
table in css
Hallo
Wie bekomme ich das in div und in css hin. HTML-Code:
<table width="99%"> <tr> <td colspan="6">K</td> </tr> <tr> <td width="50">1</td><!-- 1 --> <td>2</td><!-- F --> <td width="100">3</td><!-- L --> <td width="50">4</td><!-- T --> <td width="50">5</td><!-- B --> <td width="100">6></td><!-- M --> </tr> </table> Hab mich da mal versuch aber das Problem ist die zweite spalte die will sich nicht auf die restlichen px ausdenhen. HTML-Code:
<style type="text/css"> /* Basic Elements */ html, body { margin: 0; } .container { margin: 0 auto; width: 85%; border: 1px solid #000000; } </style> </head> <body> <div class="container"> <div style="float:left;width:50px;background-color:#ff0000;">1</div><!-- 1 --> <div style="float:left;width:auto;background-color:#00ff00;">2</div><!-- F --> <div style="float:left;width:100px;background-color:#0000ff;">3</div><!-- L --> <div style="float:left;width:50px;background-color:#FF00ff;">4</div><!-- T --> <div style="float:left;width:50px;background-color:#00FFff;">5</div><!-- B --> <div style="float:left;width:100px;background-color:#ffFF00;">6</div><!-- M --> </div> <br /> <div class="container"> aDSF </div> 
|
| Sponsored Links |
|
02.08.2009, 15:15
|
||||
|
||||
|
Was versuchst du da gerade? Eine Tabelle durch divs zu ersetzen, oder dein Tabellenlayout in ein div-Layout umzuwandeln?
Beides wäre falsch! Wenn du tabellarische Daten hast, zeichne sie als <table> aus, wenn du Überschriften hast, zeichne sie als <h1> bis <h6> aus, je nach Ebene der Überschirft, wenn du Textabsätze hast, zeichne sie als <p> aus, Listen als <ul>, <ol> oder <dl>, Adressen als <address>, wichtiges als <em>, sehr wichtiges als <strong> usw. Das Tag <div> dient nur der Gruppierung mehrerer Elemente, aber ebenso wie jedes andere Tag, nicht dem Layout. Layout wird ausschließlich per CSS gemacht. HTML dient der logischen Auszeichnung deines Inhaltes und hat nichts mit dem Layout zu tun. Wenn die jemand gesagt hat, Tabellenlayout ist falsch, hat er Recht. Wenn er dir aber gesagt hat, dass man Layout mit <div> macht, hat er keine Ahnung von HTML.
__________________
The very jung do not always do as they are told.
|
| Sponsored Links |
|
07.12.2009, 21:58
|
|||
|
|||
|
Ich weiß aber nicht wie ich mein layout sonst beschreiben soll.
Die Table kann jeder nachvollziehen und das will ich ein anständiges layout daraus machen aber weiß nicht wie
|
|
08.12.2009, 09:45
|
|||
|
|||
|
Du hast wahrscheinlich schon einen Screenshot oder eine Photoshopdatei.
Mach davon einen Screenshot ( Inhalte können ja lorem ipsum sein) und du erhältst Vorschläge wie du das verwirklichen kannst. (keinen fertigen Code, aber definite Hinweise) Gib gleichzeitig an, wie sich die Seite und Teile davon verhalten sollen.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 19:29 |
| Myspace-Probleme | Nora-B | CSS | 3 | 15.09.2008 23:17 |
| Ich hasse CSS... | neu-art.de | Offtopic | 24 | 30.08.2008 13:11 |
| Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |
| css code fragen! a.searchlink ??? | Beta | CSS | 2 | 15.09.2005 16:15 |
Linear-Darstellung
