zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden table in css

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.08.2009, 14:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2009
Beiträge: 20
Don Roberto befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.08.2009, 15:15
Benutzerbild von Thor
Supreme Commander
XHTMLforum-Mitglied
 
Registriert seit: 13.11.2008
Ort: Bremen
Beiträge: 156
Thor befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.12.2009, 21:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2009
Beiträge: 20
Don Roberto befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 08.12.2009, 09:45
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:09 Uhr.