ich bekomme es nicht in den Griff den obereb Balken zu verkürzen.
Es ist glaube ich eine DIV anweiseung.
http://www.bilder-hochladen.net/files/3g78-q-jpg.html
Hier der Code dazu:
<!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=utf-8" />
<title>home</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:0px;
top:3px;
width:246px;
height:355px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:257px;
top:3px;
width:491px;
height:57px;
z-index:2;
}
-->
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 14px;
color: #000000;
border: thin solid #CCCCCC;
}
#apDiv3 {
position:absolute;
left:257px;
top:60px;
width:368px;
height:299px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:631px;
top:98px;
width:201px;
height:217px;
z-index:4;
background-color: #CCCCCC;
}
-->
</style></head>
<body>
<div id="apDiv2">
<ul type="square" class="MenuBarHorizontal" id="MenuBar4">
<li>
<div align="center"><a href="index2.htm" target="_top" class="MenuBarHorizontal">Home</a> </div>
</li>
<li>
<div align="center"><a href="Geschichte.htm" target="haupt">Geschichte</a></div>
</li>
<li>
<div align="center"><a href="Bilder.htm" target="haupt" class="MenuBarHorizontal">Bilder</a> </li>
<li>
<div align="center"><a href="Kontakt.htm" target="haupt">Kontakt</a></div>
</li>
</ul>
</div>
<div id="apDiv3">
<form id="form1" name="form1" method="post" action="">
<label>
<div align="center">Willkommen auf Beaty Shop.at
<div>
<div align="left">
<blockquote>
<p><br />
Ich nöchte Sie auf BeatyShop.at einführen in<br />
die Welt der Schönheitsprodukte.<br />
<br />
Auf den nächsten Seiten werden Sie Einblick <br />
in unsere Filiale erhalten. Sowie unsere Produkte kennenlernen die auf Ihre Wünsche abgestimmt sind.</p>
<p>Wir sind jederzeit für Sie erreichbar und nehmen gerne Kundenwünsche entgegen.</p>
<p>Ihr BeatyShop.at Team<br />
<br />
<br />
<br />
</p>
</blockquote>
</div>
</div>
<br />
</div>
</label>
</form>
</div>
<div id="apDiv4"><img src="../images/Portraet_fertig Kopie1.gif" width="201" height="217" border="0" /></div>
<p> </p>
<div id="apDiv1"><img src="../images/Tonwert_fertig Kopie.gif" width="246" height="355" /></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
möchte.
Die Zukunft gehört dem CSS.
