Hilfe bei Html Tabellen
- Ersteller Anika1975
- Erstellt am
Hallo,
ich möchte für eine Infoseite eine Tabelle nutzen, damit der Content sinnvoll auf der Seite verteilt wird.
Dabei soll die großen Tabelle mit zwei kleinen gefüllt werden (links und rechts). Wobei Links Zeilen und Spalten für technische Daten sind und die rechte nur mit einem Bild gefüllt wird.
Kann mir da jemand mal eine Vorlage machen? Seit 2 Stunden versuche ich es mit selfHTML aber es will einfach nicht
ich möchte für eine Infoseite eine Tabelle nutzen, damit der Content sinnvoll auf der Seite verteilt wird.
Dabei soll die großen Tabelle mit zwei kleinen gefüllt werden (links und rechts). Wobei Links Zeilen und Spalten für technische Daten sind und die rechte nur mit einem Bild gefüllt wird.
Kann mir da jemand mal eine Vorlage machen? Seit 2 Stunden versuche ich es mit selfHTML aber es will einfach nicht
HTML:
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<!-- Linke Spalte mit Tabelle -->
<table cellpadding="0" cellspacing="0">
<tr>
<td>Linke Spalte</td>
<td>Linke Spalte</td>
</tr>
<tr>
<td>Linke Spalte</td>
<td>Linke Spalte</td>
</tr>
<tr>
<td>Linke Spalte</td>
<td>Linke Spalte</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- Rechte Spalte mit Bild -->
<img src="pfad/zum/bild.jpg" alt="Bild" />
</td>
</tr>
</table>
Versuch es lieber mit <div>s und CSS hinzubekommen.MFG Max
\²³/
Grand Admiral Special
- Mitglied seit
- 12.10.2003
- Beiträge
- 2.249
- Renomée
- 25
Wo Maxfix es gerade anspricht. In Verbindung mit CSS sähe es dann so aus:
Edit: "So sieht's dann aus"
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>CSS-Test</title>
<style type="text/css">
PHP:
//CSS
#kasten
{
border: 1px solid black;
padding: 20px;
}
#merkmale
{
float: left;
border: 1px solid black;
width: 300px;
border-collapse: collapse;
}
#merkmale th, td{
border: 1px dotted black;
}
#bild
{
margin-left: 320px;
border: 1px solid black;
}
HTML:
</style>
</head>
<body>
<div id="kasten">
<table id="merkmale">
<tr><td>Objektname</td><td>Technisches Merkmal</td></tr>
<tr><td>Füller</td><td>Wird mit Tinte betrieben</td></tr>
<tr><td>Kugelschreiber</td><td>Kann nicht nachgefüllt werden</td></tr>
</table>
<div id="bild">
<img src="images/Fuellfederhalter.jpg" alt="Der Füller hat eine Feder." /><br />
Das Bild stammt aus der <a href="http://de.wikipedia.org/wiki/Bild:Fuellfederhalter.jpg">Wikipedia</a>.
</div>
</div>
</body>
</html>Edit: "So sieht's dann aus"
Zuletzt bearbeitet:
Ähnliche Themen
