So Hallo,
Ich habe ein Problem, unzwar möchte ich einmal eine Leiste mit Links und einen Text neben einander bekommen, das ist auch schon passiert. Das genauere Problem ist jetzt, dass sich mein Text durch die Links verschieben lässt...
HTML Datei:
<html>
<head>
<meta http-equiv=content-type content=text/html; charset=UTF-8>
<title>Rezepte</title>
<link rel="stylesheet" type="text/css" href="design.css" />
<body bgcolor=lightskyblue>
<h1><center><font color=purple>Rezepte</h1></center></font><br><br>
</div>
<div id="links">
<table border="0" cellpadding="0">
<tr><td>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Home.html">Home</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Information.html">Information</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Kochblog_Rezepte.html">Rezepte</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Kontakt.html">Kontakt</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Zubeh%f6r.html">Zubehör</a>
<hr width="100px" align="left">
<a href=http://www.onlinewebservice.de/cgi-bin/forum/board.pl?id=b21554 onClick=window.open(http://www.onlinewebservice.de/cgi-bin/forum/board.pl?id=b21554, 'GB', 'height=460, width=620, scrollbars') target='GB'>Forum</a>
<hr width="100px" align="left">
<a href=http://www.onlinewebservice6.de/gastbuch.php?id=157763 onClick="window.open(http://www.onlinewebservice6.de/gastbuch.php?id=157763, 'GB', 'height=460,width=620,scrollbars')" target="GB">Gästebuch</a><br><br><br>
</td></tr>
</table>
</div>
<div align=center id="mitte">
<h1>Kartoffelgratin (ca. 15 Minuten)</h1><br><br>
<h2>Benötigte Zutaten für 2 Portionen:<br></h2>
<h3>-500g Kartoffeln<br>
-1/8l Milch<br>
-1/8l Rahm<br>
-1 Knoblauchzehe<br>
-nach Belieben Salz und Pfeffer<br>
-Rosmarin<br>
-Butter<br>
-3EL Käse (z.B. Parmesan oder Pecorino)<br></h3>
<h2>Zubereitung:</h2><br>
<h3>1.Kartoffeln ind dünne Scheiben schneiden<br>
2.Milch und Rahm vermischen, Knoblauch zerhackt oder gepresst dazugeben, Salz, Pfeffer und Rosmarin beifügen<br>
3.Kartoffelscheiben sanft aufkochen lassen, dann ca. 10 Minuten köcheln lassen<br>
4.Auflaufform mit Butter ausstreichen, Kartoffelscheiben und Milch-Rahm-Mischung einfüllen, mit Käse bestreuen<br>
5.Im vorgeheizten Ofen bei 220° ca. 15-20 Minuten überbacken
<br>
________________________________________________________________________________________________________________________
</div>
</body>
</head>
</html>
CSS Datei:
#mitte{
float:center
}
#links{
float:left
}
Ich habe ein Problem, unzwar möchte ich einmal eine Leiste mit Links und einen Text neben einander bekommen, das ist auch schon passiert. Das genauere Problem ist jetzt, dass sich mein Text durch die Links verschieben lässt...
HTML Datei:
<html>
<head>
<meta http-equiv=content-type content=text/html; charset=UTF-8>
<title>Rezepte</title>
<link rel="stylesheet" type="text/css" href="design.css" />
<body bgcolor=lightskyblue>
<h1><center><font color=purple>Rezepte</h1></center></font><br><br>
</div>
<div id="links">
<table border="0" cellpadding="0">
<tr><td>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Home.html">Home</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Information.html">Information</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Kochblog_Rezepte.html">Rezepte</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Kontakt.html">Kontakt</a>
<hr width="100px" align="left">
<a class="mystyle" href="http://larryous.bplaced.net/Zubeh%f6r.html">Zubehör</a>
<hr width="100px" align="left">
<a href=http://www.onlinewebservice.de/cgi-bin/forum/board.pl?id=b21554 onClick=window.open(http://www.onlinewebservice.de/cgi-bin/forum/board.pl?id=b21554, 'GB', 'height=460, width=620, scrollbars') target='GB'>Forum</a>
<hr width="100px" align="left">
<a href=http://www.onlinewebservice6.de/gastbuch.php?id=157763 onClick="window.open(http://www.onlinewebservice6.de/gastbuch.php?id=157763, 'GB', 'height=460,width=620,scrollbars')" target="GB">Gästebuch</a><br><br><br>
</td></tr>
</table>
</div>
<div align=center id="mitte">
<h1>Kartoffelgratin (ca. 15 Minuten)</h1><br><br>
<h2>Benötigte Zutaten für 2 Portionen:<br></h2>
<h3>-500g Kartoffeln<br>
-1/8l Milch<br>
-1/8l Rahm<br>
-1 Knoblauchzehe<br>
-nach Belieben Salz und Pfeffer<br>
-Rosmarin<br>
-Butter<br>
-3EL Käse (z.B. Parmesan oder Pecorino)<br></h3>
<h2>Zubereitung:</h2><br>
<h3>1.Kartoffeln ind dünne Scheiben schneiden<br>
2.Milch und Rahm vermischen, Knoblauch zerhackt oder gepresst dazugeben, Salz, Pfeffer und Rosmarin beifügen<br>
3.Kartoffelscheiben sanft aufkochen lassen, dann ca. 10 Minuten köcheln lassen<br>
4.Auflaufform mit Butter ausstreichen, Kartoffelscheiben und Milch-Rahm-Mischung einfüllen, mit Käse bestreuen<br>
5.Im vorgeheizten Ofen bei 220° ca. 15-20 Minuten überbacken
<br>
________________________________________________________________________________________________________________________
</div>
</body>
</head>
</html>
CSS Datei:
#mitte{
float:center
}
#links{
float:left
}
