Guten Tag liebe Programmierer,
mein Problem ist, dass ich nun eine Tabelle gemacht habe mit Bilder und Text und diese nicht zentriert bekomme.
Hier Quelltext:
Zitat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="user">
<meta name="editor" content="html-editor phase 5">
<style type="text/css">
.schrift1
{
font-family:arial;
font-size:18pt;
text-align:center;
font-weight: bold;
color: #336699;
margin-left: -28px;
vertical-align: middle;
}
.schrift2
{
font-family:arial;
font-size:36pt;
text-align: left;
display:block;
float:left;
color: #336699;
font-weight: bold;
margin-left:10px;
}
.schrift4
{
font-family:arial;
font-size:36pt;
text-align: right;
display:block;
color: #336699;
font-weight: bold;
margin-right: 10px;
}
.schrift3
{
font-family:arial;
font-size:18pt;
text-align:center;
font-weight: normal;
color: #336699;
}
ul
{
float:left;
}
.linie
{
border-bottom-width: 6px;
border-bottom-style: solid;
border-color: #33CC33;
height:50px;
}
}
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div class="schrift2">Wirtschaft</div>
<div class="schrift4">R 2.01</div>
<ul class="schrift1">
08.00 - 10.00
</ul>
<ul>
<table>
<tr>
<td> <ul><img src="bilder/icon_lehrer.jpg"></ul></td>
<td> <ul class="schrift3">
Hurtz
</ul></td>
<td> <ul><img src="bilder/icon_sprechblase.jpg"></ul> </td>
<td><ul class="schrift3">
Mr. A | R 1.02
</ul></td>
</tr>
</table></ul>
<p class=linie></p>
<!-- <ul><p><img src="bilder/icon_lehrer.jpg"></p></ul>
<ul class="schrift3">
Hurtz
</ul>
<ul><p><img src="bilder/icon_sprechblase.jpg"></p></ul>
<ul class="schrift3">
Mr. A | R 1.02
</ul>
<p class=linie></p> -->
<div class="schrift2">Mathe</div>
<div class="schrift4">R 2.02</div>
<ul class="schrift1">
09.00 - 12.00
</ul>
<ul>
<table>
<tr>
<td> <ul><img style="vertical-align:middle;" src="bilder/icon_lehrer.jpg"></ul></td>
<td> <ul class="schrift3">
Seppel
</ul></td>
<td> <ul><img src="bilder/icon_sprechblase.jpg"></ul> </td>
<td><ul class="schrift3">
Mr. B | R 1.03
</ul></td>
</tr>
</table></ul>
<p class=linie></p>
<!-- <ul><p><img src="bilder/icon_lehrer.jpg"></p></ul>
<ul class="schrift3">
Seppel
</ul>
<ul><p><img src="bilder/icon_sprechblase.jpg"></p></ul>
<ul class="schrift3">
Mr. B | R 1.03
</ul>
<p class=linie></p> -->
<div class="schrift2">Deutsch</div>
<div class="schrift4">R 2.03</div>
<ul class="schrift1">
10.00 - 14.00
</ul>
<ul>
<table>
<tr>
<td> <ul><img src="bilder/icon_lehrer.jpg"></ul></td>
<td> <ul class="schrift3">
Nugget
</ul></td>
<td> <ul><img src="bilder/icon_sprechblase.jpg"></ul> </td>
<td><ul class="schrift3">
Mr. C | R 1.04
</ul></td>
</tr>
</table></ul>
<p class=linie></p>
<!-- <ul><p><img src="bilder/icon_lehrer.jpg"></p></ul>
<ul id="trainer3" class="schrift3">
Nugget
</ul>
<ul><p><img src="bilder/icon_sprechblase.jpg"></p></ul>
<ul class="schrift3">
Mr. C | R 1.04
</ul>
<p class=linie></p> -->
<div class="schrift2">Englisch</div>
<div class="schrift4">R 2.04</div>
<ul class="schrift1">
11.00 - 15.00
</ul>
<ul>
<table>
<tr>
<td> <ul><img src="bilder/icon_lehrer.jpg"></ul></td>
<td> <ul class="schrift3">
Wurst
</ul></td>
<td> <ul><img src="bilder/icon_sprechblase.jpg"></ul> </td>
<td><ul class="schrift3">
Mr. D | R 1.05
</ul></td>
</tr>
</table></ul>
<p class=linie></p>
<!-- <ul><p><img src="bilder/icon_lehrer.jpg"></p></ul>
<ul class="schrift3">
Wurst
</ul>
<ul><p><img src="bilder/icon_sprechblase.jpg"></p></ul>
<ul class="schrift3">
Mr. D | R 1.05
</ul>
<p class=linie></p> -->
<div class="schrift2">Politik</div>
<div class="schrift4">R 2.05</div>
<ul class="schrift1">
14.00 - 16.00
</ul>
<ul>
<table>
<tr>
<td> <ul><img src="bilder/icon_lehrer.jpg"></ul></td>
<td> <ul class="schrift3">
Hamsel
</ul></td>
<td> <ul><img src="bilder/icon_sprechblase.jpg"></ul> </td>
<td><ul class="schrift3">
Mr. E | R 1.06
</ul></td>
</tr>
</table></ul>
<p class=linie></p>
<!-- <ul><p><img src="bilder/icon_lehrer.jpg"></p></ul>
<ul class="schrift3">
Hamsel
</ul>
<ul><p><img src="bilder/icon_sprechblase.jpg"></p></ul>
<ul class="schrift3">
Mr. E | R 1.06
</ul> -->
</body>
</html>
|
11.05.2011, 10:28
Problem beim zentrieren von Bild und text
Ähnliche Themen
Linear-Darstellung
