• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dreier Tabelle

Status
Für weitere Antworten geschlossen.

Moe

Neues Mitglied
Wie bekomm ich so ne tabelle hin:

______________
|................... |
| ...................|
______________
| ....... | ........|
| ....... | ........|
| ....... | ........|
| ....... | ........|
______________

?? Danke für eure hilfe^^
 
Wie man Tabellen macht weiß ich selbst>_____< -.- Ich weiß nur nicht wie ich eine solche inbekommen... oben eine spalte die sich über zwei drunterliegende spalten zieht...
 
also wenn du so dein homepage design machen möchtest, kann dir jeder hier nur von tabellen layout abraten.
ansonsten such nach rowspan und colspan.
Gruß KY
 
Danke. Ich weiß selbst das jeder hier die Tabellen hast ;) Aber es ist ja nur fürs Impressum^^ :P
 
Code:
<table border="1">
<tr>
<td colspan=2><center>Erste Spalte</td>
</tr>
<tr>
<td>zweite Spalte</td>
<td>dritte Spalte</td>
</tr>
</table>
 
Code:
<table border="1">
<tr>
<td colspan=2><center>Erste Spalte</td>
</tr>
<tr>
<td>zweite Spalte</td>
<td>dritte Spalte</td>
</tr>
</table>

wenn schon Codes posten, dann bitte auch richtig!
- Alle Tags schließen, die geöffnet werden.
- moderne Codes verwenden, nicht sowas wie <enter>...
 
missbrauchen oder sinnvoll zweckentfremden? :-P;ugl xD Ist doch praktisch^^
Da ist gar nichts praktisch dran. HTML ist viel einfacher. Man muss nicht absichtlich Tags verwenden, die den Inhalt falsch beschreiben. Und für Layout ist HTML auch nicht gedacht.
Gerade als Anfänger kann man sich die Materie doch wirklich von Anfang an richtig beibringen, oder nicht?
 
Und machs lieber gleich von Anfang an richtig, dann musst du später, wenn du meinst es zu kennen nicht wieder alles umlernen ;-)
 
Semantisch sinnvolle Auszeichnung des Inhalts mit HTML und dann CSS oben drauf. Wahrscheinlich reicht dabei ein float.
 
HTML:
Code:
<h1>Überschrift</h1>
<ul>
  <li>Menüpunkt 1</li>
  <li>Menüpunkt 2</li>
</ul>
<div id="Content">
  <h2>Überschrift 2</h2>
  <p>Textabsatz</p>
  <p>Textabsatz</p>
</div>

CSS:
Code:
* {
    margin:0;
    padding:0;
}
ul {
    width:50%;
}
div#Content {
    width:50%;
    margin-left:50%;
}
Das ist natürlich nur ein Beispiel und kann für Deine Bedürfnisse völlig anders aussehen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben