AW: Html oder CSS bringt Dreamweaver zum Absturz
hier der CSS Code und danach der Html Code: Ist noch nicht fertig, wie man sehen wird und ich bin Anfänger und es ist recht viel, hoffe man blickt durch
@charset "UTF-8";
/* CSS Document */
#menu {
margin:0;
padding:0;
height:65.5em;
overflow:hidden;
background:#f0f0f0;
}
#menu li {
list-style-type:none;
float:left;
display:block;
width:100%;
}
#menu li a {
display:block;
text-decoration:none;
color:#00b;
margin:0;
width:100%;
}
#menu li a span {
display:none;
color:#000;
}
#menu li a.one span {
display:block;
height:15em;
margin:0 10px;
}
#menu li a:hover {
background:#f1f1f1;
}
#menu li a:hover span {
display:block;
height:15em;
margin:0 10px;
cursor
ointer;
}
#menu .h2 {
margin:0 5px;
padding:0;
color:#808;
font-variant:small-caps;
font-size:1.5em;
border:0;
}
#menu .h3 {
margin:0 5px;
padding:0;
font-size:1.1em;
color:#00b;
}
#menu img {
margin:5px 5px 5px 0;
border:1px solid #000;
float:left;
}
.curved {
width:41em;
}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
font-size:1px;
display:block;
background:#88c;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.curved .b1, .curved .b2, .curved .b3 {
height:1px;
}
.curved .b2, .curved .b3, .curved .b4 {
background:#f0f0f0;
border-left:1px solid #88c;
border-right:1px solid #88c;
}
.curved .b1 {
margin:0 4px;
background:#88c;
}
.curved .b2 {
margin:0 2px;
border-width:0 2px;
}
.curved .b3 {
margin:0 1px;
}
.curved .b4 {
height:2px;
margin:0;
}
.curved .c1 {
margin:0 5px;
background:#88c;
}
.curved .c2 {
margin:0 3px;
border-width:0 2px;
}
.curved .c3 {
margin:0 2px;
}
.curved .c4 {
height:2px;
margin: 0 1px;
}
.curved .boxcontent {
display:block;
background:transparent;
border-left:1px solid #88c;
border-right:1px solid #88c;
font-size:0.9em;
text-align:justify;
}
#######################################
HTML Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome to Website</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/Slidemenu.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" media="screen" href="css/calendar_js.css" type="text/css" />
<script type="text/javascript" src="./calendar_js.js"></script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="800" align="left" valign="top"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="800" align="left" valign="top"><img src="images/header_top1.gif" alt="" width="999" height="18" /></td>
</tr>
<tr>
<td align="left" valign="top"><table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6" align="left" valign="top" class="body_left_bg"> </td>
<td width="930" align="left" valign="top" class="header_image_box"><table width="965" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="930" align="left" valign="bottom" class="header_top_image"><img src="images/Logo.png" alt="Your Logo" width="833" height="83" class="logo" /></td>
</tr>
<tr>
<td align="left" valign="top" class="header_bottom_image"> </td>
</tr>
</table></td>
<td width="138" align="left" valign="top" class="body_right_bg"> </td>
</tr>
<tr>
<td align="left" valign="top" class="body_left_bg"> </td>
<td align="left" valign="top" class="menu_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" align="left" valign="middle"> </td>
<td width="3" align="center" valign="middle"><img src="images/menu_bar.gif" alt="" width="3" height="25" /></td>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center" valign="middle"><a href="#index.html" class="menu_link">Home</a> </td>
<td width="3" align="center" valign="middle"><img src="images/menu_bar.gif" alt="" width="3" height="25" /></td>
<td class="on" align="center" valign="middle"><a href="#wir.html" class="menu_link" style="text-decoration:none;">Über Uns</a></td>
<td width="3" align="center" valign="middle"><img src="images/menu_bar.gif" alt="" width="3" height="25" /></td>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center" valign="middle"><a href="#termine.html" class="menu_link">Termine</a></td>
<td width="3" align="center" valign="middle"><img src="images/menu_bar.gif" alt="" width="3" height="25" /></td>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center" valign="middle"><a href="#portfolio.html" class="menu_link">Photos</a></td>
<td width="3" align="center" valign="middle"><img src="images/menu_bar.gif" alt="" width="3" height="25" /></td>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center" valign="middle"><a href="#contact.html" class="menu_link">Kontakt</a></td>
</tr>
</table></td>
<td align="left" valign="top" class="body_right_bg"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7" align="left" valign="top" class="body_left_bg"> </td>
<td width="786" align="left" valign="top" class="body_text_box"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="130" align="left" valign="top"><table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mainon" align="center" valign="middle"><a href="#categories.html" class="left_menu_link">Categories</a></td>
</tr>
<td style="height:37px;" class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="#link.html" class="left_menu_link">Touren</a></td>
</tr>
<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="#link.html" class="left_menu_link">Verein</a></td>
</tr>
<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="#link.html" class="left_menu_link">Shops</a></td>
</tr>
<td style="height:37px;" class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="#link.html" class="left_menu_link">Links</a></td>
</tr>
<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="#link.html" class="left_menu_link">Gästebuch</a></td>
</tr>
<tr>
<td style="height:37px;" class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="#link.html" class="left_menu_link">Impressum</a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="32" align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"><table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="images/box_left_top.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_top_line"><img src="images/top_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_top.gif" alt="" width="9" height="9" /></td>
</tr>
<tr>
<td align="left" valign="top" class="box_left_line"> </td>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- <tr>
<td height="20" align="left" valign="middle" class="highlight" style="text-transform:uppercase; font-size:10px; color:#7AA01E;">newsletter signup</td>
</tr>
<tr>
<td height="22" align="left" valign="middle">E-mail Address:</td>
</tr>
<tr>
<td align="left" valign="middle"><input name="textfield" type="text" class="input_box" />
</td>
</tr> -->
<tr>
<td style="padding-top:1px;" align="center" valign="middle"><img src="images/SkaterFrei.jpg" alt="Verkehrsschild" width="110" height="60" border="0" /></td>
</tr>
</table></td>
<td align="left" valign="top" class="box_right_line"> </td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/box_left_bottom.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_bottom_line"><img src="images/bottom_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_bottom.gif" alt="" width="9" height="9" /></td>
</tr>
</table> <br /> <br />
<table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="images/box_left_top.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_top_line"><img src="images/top_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_top.gif" alt="" width="9" height="9" /></td>
</tr>
<tr>
<td align="left" valign="top" class="box_left_line"> </td>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-top:1px;" align="center" valign="middle"><a href="http://www.24skate.net/home_d.htm"><img src="images/Skate United.jpg" alt="SU" width="110" height="110" border="0"/></a></td>
</tr>
</table></td>
<td align="left" valign="top" class="box_right_line"> </td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/box_left_bottom.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_bottom_line"><img src="images/bottom_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_bottom.gif" alt="" width="9" height="9" /></td>
</tr>
</table><br /><br />
<table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="images/box_left_top.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_top_line"><img src="images/top_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_top.gif" alt="" width="9" height="9" /></td>
</tr>
<tr>
<td align="left" valign="top" class="box_left_line"> </td>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-top:1px;" align="center" valign="middle"><div id="calendar">Kalender</div></td>
</tr>
</table></td>
<td align="left" valign="top" class="box_right_line"> </td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/box_left_bottom.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_bottom_line"><img src="images/bottom_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_bottom.gif" alt="" width="9" height="9" /></td>
</tr>
</table>
</td>
</tr>
</table></td>
<td width="9" align="left" valign="top"> </td>
<td width="728" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="662" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9" align="left" valign="top"><img src="images/box_left_top.gif" alt="" width="9" height="9" /></td>
<td width="644" align="left" valign="top" class="box_top_line"><img src="images/top_line.gif" alt="" width="4" height="9" /></td>
<td width="10" align="left" valign="top"><img src="images/box_right_top.gif" alt="" width="9" height="9" /></td>
</tr>
<tr>
<td align="left" valign="top" class="box_left_line"> </td>
<td style="padding:5px; text-align:justify" align="left" valign="top"><p></p>
<h1><font color="#F00"face="Georgia, Times New Roman, Times, serif"><strong>Termine 2010</strong></font> </h1>
<div class="curved">
<b class="b1 c1"></b>
<b class="b2 c2"></b>
<b class="b3 c3"></b>
<b class="b4 c4"></b>
<div class="boxcontent">
<ul id="menu">
<li>
<a class="m5 five" href="#nogo">
<b class="h2">JANUAR</b><br />
<b class="h3">(2010)</b>
<img src="images/winter.jpg" alt="painting"
title="painting" /><br /><br /><br /><br /><br /><br />
16./17.01.<a href="http://www.stardustspeedskating.com/Calendar/PalmBeachChallenge.aspx">Palm Beach Challenge</a>USA/Florida
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">FEBRUAR</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">MÄRZ</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">APRIL</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">MAI</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">JUNI</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">JULI</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">AUGUST</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">SEPTEMBER</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/matisse.jpg" alt="painting"
title="painting" />
Initially planned a career as a lawyer. However,
he began to paint after an acute attack of
appendicitis and then proceeded to become
a leader in many art circles.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">OKTOBER</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/turner.jpg" alt="painting"
title="painting" />
This English painter was one of the greatest
romantic interpreters of nature in the history
of Western art and is still unrivaled in
the virtuosity of his painting of light.
</span>
</a>
</li>
<li>
<a href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">NOVEMBER</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/constable.jpg" alt="painting"
title="painting" />
Tried to capture informally the effects of changing
light and the patterns of clouds moving across the
country sky. He loved the countryside, and his best
work was of outdoor scenes in his native Suffolk.
</span>
</a>
</li>
<li>
<a class="one" href="#nogo">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="h2">DEZEMBER</b><br />
<b class="h3">(2010)</b>
<span>
<img src="../img/monet.jpg" alt="painting"
title="painting" />
Monet's concern was to reflect the influence of
light on a subject. He never abandoned his Impressionist
painting style until his death in 1926 when Fauvism and
Cubism were en vogue and when abstract painting came
into existence.
</span>
</a>
</li>
</ul>
</div>
<b class="b4 c4"></b>
<b class="b3 c3"></b>
<b class="b2 c2"></b>
<b class="b1 c1"></b>
</div></td>
<td align="left" valign="top" class="box_right_line"> </td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/box_left_bottom.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_bottom_line"><img src="images/bottom_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_bottom.gif" alt="" width="9" height="9" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9" align="left" valign="top"><img src="images/box_left_top.gif" alt="" width="9" height="9" /></td>
<td width="648" align="left" valign="top" class="box_top_line"><img src="images/top_line.gif" alt="" width="4" height="9" /></td>
<td width="11" align="left" valign="top"><img src="images/box_right_top.gif" alt="" width="9" height="9" /></td>
</tr>
<tr>
<td align="left" valign="top" class="box_left_line"> </td>
<td style="padding:5px; text-align:justify" align="left" valign="top"><h3><font color="#009">Das Motto der Windbrecher: </font></h3>
<img src="images/Hollenstedt-2009.gif" width="558" height="459"/><br /></td>
<td align="left" valign="top" class="box_right_line"> </td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/box_left_bottom.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_bottom_line"><img src="images/bottom_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_bottom.gif" alt="" width="9" height="9" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="211" align="left" valign="top" class="body_right_bg"> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="890" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- <td width="6" rowspan="2" align="left" valign="top"><img src="images/footer_left.gif" alt="" width="6" height="56" /></td> -->
<td style="white-space
re; font-size:11px; font-weight:bold; color:#601E29; color:#009;" height="23" colspan="2" align="center" valign="middle" bgcolor="#e0e6fc">Die Windbrecher Hamburg | Die Windbrecher Hamburg | Die Windbrecher Hamburg | Die Windbrecher Hamburg | Die Windbrecher Hamburg</td>
<!-- <td width="10" rowspan="2" align="left" valign="top"><img src="images/footer_right.gif" alt="" width="11" height="56" /></td> -->
</tr>
<td width="1000" align="left" valign="top"><img src="images/footer.gif" alt="Footer" width="999" height="39" border="0" align="left" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
########################
Grüße
Löpi