nicht angemeldet
Habe ein problem mit einer Tabelle
JürgenBHallo Leute,
ich möchte bei einer Tabelle ein Bild in der rechten spalte relativ groß gaben und in der mittleren viele kleine Zellen haben und in der nächsten auch.
Mein Problem ist das alle kleinen Ellen mindestens so hoch werden wie die Zelle in der das Bild ist. Wie kann ich es anpassen das ich neben einer großen Zelle viele kleine haben kann.
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="../../style.css">
</head>
<body>
<article>
<table border= "5">
<tbody>
<tr>
<th>
<img src="bild">
</th>
<th>
text
</th>
<th>
text
</th>
.......
<th >
audio
</th>
<th >
audio
</th>
.......
</tr>
</tbody>
</table>
</article>
</body>
</html>
Wenn ich nicht ausführlich genug war sagt es mir
Danke schon mal
-
Hallo,
bei einer Tabelle sind alle Zellen in einer Zeile gleich hoch und alle Zellen in einer Spalte gleich breit. Wenn du daran etwas ändern möchtest, musst du dir colspan und/oder rowspan.
Wenn deine Inhalte keine tabellarische Daten sind, solltest du auf die Tabelle verzichten und dich statt dessen u.A. mit den css-Eigenschaften float und display beschäftigen.
Gruß, Jürgen
-
Hallo,
bei einer Tabelle sind alle Zellen in einer Zeile gleich hoch und alle Zellen in einer Spalte gleich breit. Wenn du daran etwas ändern möchtest, musst du dir colspan und/oder rowspan.
Wenn deine Inhalte keine tabellarische Daten sind, solltest du auf die Tabelle verzichten und dich statt dessen u.A. mit den css-Eigenschaften float und display beschäftigen.
Gruß, Jürgen
Danke das mit der Tabelle habe ich hinbekommen aber währst du so nett und könntest mir das mit dem "float" näher erklären wenn ich jetz z.B. 2 <div> erstelle den einen mit css float: left; und den anderen mit float: right; formatiere sind die zwar rechs und links aber untereinender.
Danke
-
Hallo,
probier mal
<style type="text/css"> #cont { width:400px;height:300px;border:2px solid black } #d1 { width:300px;height:300px;background-color:red;float:left } #d2 { width:100px;height:100px;background-color:green;float:left } #d3 { width:100px;height:100px;background-color:blue;float:left } #d4 { width:100px;height:100px;background-color:yellow;float:left } </style>~~~html <div id="cont">
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<div id="d4"></div>
</div>und spiel mal mit den Breiten und Höhen, Gruß, Jürgen-
Hallo,
probier mal
<style type="text/css">
#cont { width:400px;height:300px;border:2px solid black }
#d1 { width:300px;height:300px;background-color:red;float:left }
#d2 { width:100px;height:100px;background-color:green;float:left }
#d3 { width:100px;height:100px;background-color:blue;float:left }
#d4 { width:100px;height:100px;background-color:yellow;float:left }
</style>> > ~~~html <div id="cont"> > <div id="d1"></div> > <div id="d2"></div> > <div id="d3"></div> > <div id="d4"></div> > </div>und spiel mal mit den Breiten und Höhen,
Gruß, Jürgen
Danke!
Noch eine kleine Frag wie mache ich es wenn ich neben 2 Zellen viele kleine haben möchte?-
Hallo ichbins,
Noch eine kleine Frag wie mache ich es wenn ich neben 2 Zellen viele kleine haben möchte?
mehr Platz lassen.
Gruß, Jürgen
-
-
-
-