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

Tabllenproblem in Html und Css

S

Schnodi

Neues Mitglied
Hi Leute

Wir sollen als aufgabenstellung eine kleine Tabelle bauen und die habe ich so in Rohform hinbekommen und auch mit CSS formatiert. Nur leider ignoriert der irgendwie meine Höhenanweisungen und die Tabelle wird immer so groß, wie ich content hineinpacke :P komischerweise erkennt er aber die anweisungen für die Breite :?

Hier der Code:

Html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title> Filmdatenbank </title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body bgcolor="#000000">
<table border="3">
<tr><td colspan="2"><img src="header.jpg" alt="Header" /><img src="header2.jpg" alt="Header2" /><img src="header3.jpg" alt="Header3" /></td></tr>
<tr>
<td>
<ul id="liste">
<div style="width 250px; height 300px; overflow:scroll">
<li><p>Filmliste<p>
<li><img src="12.jpg" alt="12" hspace="25" vspace="25"/><li>
<li><img src="batman.jpg" alt="batman" hspace="25" vspace="25"/><li/>
<li><img src="godfather.jpg" alt="godfather" hspace="25" vspace="25" /><li/>
<li><img src="godfather2.jpg" alt="godfather2" hspace="25" vspace="25"/><li/>
<li><img src="good bad.jpg" alt="good bad" hspace="25" vspace="25"/><li/>
<li><img src="inception.jpg" alt="inception" hspace="25" vspace="25"/><li/>
<li><img src="kuckuck.jpg" alt="kuckuck" hspace="25" vspace="25"/><li/>
<li><img src="pulp.jpg" alt="pulp" hspace="25" vspace="25"/><li/>
<li><img src="schindler.jpg" alt="schindler" hspace="25" vspace="25"/><li/>
<li><img src="verurteilten.jpg" alt="verurteilten" hspace="25" vspace="25"/><li/>
</div>
</ul>
</td>
<td><text>Eine kleine persönliche Filmdatenbank. Den Anfang machen die TOP 10 Film der TOP 20 von der InternetMovieDatabase(imdb.com).<br/>
Klicken sie links auf die Poster, um dann genauere Informationen zu erhalten!
</text>
</td>
</tr>

</table>

</body>


und die CSS dazu:

p {
color: red;
padding-left: 50px;
font-size:20pt;
font-family:Vivaldi;
}

g {
color: white;
align: center;
font-size:30pt;
}


text {
color:white;
font-size:22pt;
}


table {
width:1639px;
height:500px;
border-width:3px;
border-color:white;
background-color:black;
}

td {
text-align:center;
vertical-align:top;
border-width:1.5px;
border-color:white;
background-color:black;
}


Ich hoffe ihr könnt mir helfen.


grüße


Jakob
 
so habe die html gesäubert, aber irgendwie will es immer noch nicht...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title> Filmdatenbank </title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body bgcolor="#000000">
<table border="3">
<tr><td colspan="2"><img src="header.jpg" alt="Header" /><img src="header2.jpg" alt="Header2" /><img src="header3.jpg" alt="Header3" /></td></tr>
<tr>
<td>
<div style="width 250px; height 300px; overflow:scroll">
<ul id="liste">
<li><p>Filmliste</p></li>
<li> <img src="12.jpg" alt="12" hspace="25" vspace="25" /></li>
<li> <img src="batman.jpg" alt="batman" hspace="25" vspace="25" /></li>
<li> <img src="godfather.jpg" alt="godfather" hspace="25" vspace="25" /></li>
<li> <img src="godfather2.jpg" alt="godfather2" hspace="25" vspace="25" /></li>
<li> <img src="good bad.jpg" alt="good bad" hspace="25" vspace="25" /></li>
<li> <img src="inception.jpg" alt="inception" hspace="25" vspace="25" /></li>
<li> <img src="kuckuck.jpg" alt="kuckuck" hspace="25" vspace="25" /></li>
<li> <img src="pulp.jpg" alt="pulp" hspace="25" vspace="25" /></li>
<li> <img src="schindler.jpg" alt="schindler" hspace="25" vspace="25" /></li>
<li> <img src="verurteilten.jpg" alt="verurteilten" hspace="25" vspace="25" /></li>
</ul>
</div>
</td>
<td><text>Eine kleine persönliche Filmdatenbank. Den Anfang machen die TOP 10 Film der TOP 20 von der InternetMovieDatabase(imdb.com).<br/>
Klicken sie links auf die Poster, um dann genauere Informationen zu erhalten!
</text>
</td>
</tr>

</table>

</body>

</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben