Hallo Patrick,
stell doch bitte mal ein Stück Code des Links (der Navi) ein, damit man vielleicht sofort sehen kann, was bei dir schief geht.
Da hab ich doch was total übersehen *schäm*
Die verlinkungen wollen einfach nicht klappen
.
Ich tausche einfach nur die textseiten-url gegen das # -zeichen aus
Code: Alles auswählen
<div id="aussen"> <a name="top"></a>
<div id="header"> <div class="suckertreemenu">
<ul id="treemenu1">
<li><a href="http://denkmalerei.oyla.de/cgi-bin/hpm_homepage.cgi">Home</a>
<ul>
</ul>
<li><a href="#">Artikel</a>
<ul>
<li><a href="#">Reduziert</a></li>
<li><a href="#">Bekleidung</a>
<ul>
<li><a href="#">Damen</a></li>
<li><a href="#">Herren</a></li>
<li><a href="#">Mädchen</a></li>
<li><a href="#">Jungen</a></li>
<li><a href="#">Baby</a></li>
</ul>
</li>
<li><a href="#">Tierzubehör</a>
<ul>
<li><a href="#">Hundebekleidung</a></li>
<li><a href="#">Halsbänder</a></li>
<li><a href="#">Geschirre</a></li>
<li><a href="#">Kleintierzubehör</a></li>
<li><a href="#">Spielzeug</a></li>
</ul>
</li>
<li><a href="#">Dekoration</a>
<ul>
<li><a href="#">Ostern</a></li>
<li><a href="#">Weihnachten</a></li>
<li><a href="#">Halloween</a></li>
<li><a href="#">Herbst</a></li>
<li><a href="#">Sonstiges</a></li>
</ul>
</li>
<li><a href="#">Accessoires</a>
<ul>
<li><a href="#">Taschen</a></li>
<li><a href="#">Schaals/Tücher</a></li>
</ul>
</li>
<li><a href="#">Wohnen</a>
<ul>
<li><a href="#">Tischdecken</a>
<ul>
<li><a href="#">Rechteckig</a></li>
<li><a href="#">Quadratisch</a></li>
<li><a href="#">Rund</a></li>
<li><a href="#">Oval</a></li>
<li><a href="#">Tischläufer</a></li>
</ul>
</li>
<li><a href="#">Vorhänge</a></li>
</ul>
</li>
</ul>
Da ich nicht genau weiß was alles zur Navi gehört, hier einfach mal alles
Code: Alles auswählen
<!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">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<style type="text/css">
<!--
a:link {font-family: Arial;color:#000000;font-size:18px;text-decoration:none}
a:visited {font-family: Arial, Helvetica, sans-serif;color:#000000;font-size:18px;text-decoration:none}
a:active {font-family: Arial, Helvetica, sans-serif;color:#000000;font-size:18px;text-decoration:none}
a:hover {font-family: Arial, Helvetica, sans-serif;color:#9b1515;font-size:18px;text-decoration:none}
textarea {color:#000000;font-size:14px;font-family:verdana;background-color:#FC9191;border:solid 2px #FF0000}
body {
background-color: transparent;
background-image: url(http://i52.tinypic.com/t0kcuq.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
font-family: verdana;
font-size: 18px;
font-weight: normal;
color:#000000;
}
#aussen {
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
background-image: url(http://i51.tinypic.com/2qbfzw7.jpg); /*Grafik der kopletten Mitte */
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
border : ridge 0px #A8D5D1;
}
#header {
width: 884px;
height: 200px;
background-color: #A8D5D1; /*LOGO HIER*/
background-image: url(http://i51.tinypic.com/2qbfzw7.jpg);
background-repeat: repeat;
padding: 1px;
border : ridge 8px #A8D5D1;
}
#balken {
width: 900px;
background-color:#A8D5D1;
height:20px;
padding: 0px;
}
/*NAVI LEISTE*/
.suckertreemenu ul{
text-align:center;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}
/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 131px; /*Width of top level menu link items*/
padding: 1px 7px;
border: 1px solid black;
border-left-width: 1;
text-decoration: none;
color: navy;
}
/*1. Sub Level-Menü*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}
/*Sub Level-Menü Listenelemente (rückgängig Stil von Top-Level-Listenelemente)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}
/*Alle nachfolgenden Untermenü Ebenen nach dem 1. Ebene Untermenü Offset */
.suckertreemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}
/* Sub Level-Menü-Links-Stil */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
text-algin:center;
padding: 1px 5px;
border: 1px solid #ccc;
}
.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}
/*Hintergrund für Top-Level-Menü-Liste Links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}
/*Hintergrundbild für nachfolgende Menüebene Liste Links*/
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}
/*Für einen Absatz (falls vorhanden), der unmittelbar folgt suckertree Fügen Sie im Menü oben 1em Abstand zwischen den beiden im IE-*/
* html p#iepara{
padding-top: 1em;
}
/* Holly Hack für IE \-*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* Ende Angaben für die Navi LEISTE */
/*BOX rechts*/
#navi {
float:right;
width: 160px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 2px;
margin-left: 2px;
background-color: transparent;
background-image: url();
background-repeat: repeat;
}
#inhalt {
float: left;
width: 884px;
background-color:transparent;
border-Top: ridge 8px #A8D5D1;
border-left: ridge 8px #A8D5D1;
border-right: ridge 8px #A8D5D1;
border-bottom: ridge 8px #A8D5D1;
}
#abstand {
float: right;
width: 900px;
height: 30px;
color:darkred;
background-color:#A8D5D1;
}
#footer {
float: right;
width: 884px;
height: 50px;
color: #000000;
background-image: url(http://i51.tinypic.com/2qbfzw7.jpg);
background-color:red;
border : ridge 8px #A8D5D1;
}
.clear {
clear: both;
}
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]>
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(karsten.bplaced.net/htc/csshover.htc); font-size: 100%;}
#menu ul li a {height: 1%;}
}
</style>
<![endif]-->
</style>
<script type="text/javascript">
//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
}
else{ //else if this is a sub level menu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
}
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.visibility="visible"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)
</script>
</head>
<body>
<!-- Anfang des kompletten Container aussen-->
<div id="aussen"> <a name="top"></a>
<div id="header"> <div class="suckertreemenu">
<ul id="treemenu1">
<li><a href="http://denkmalerei.oyla.de/cgi-bin/hpm_homepage.cgi">Home</a>
<ul>
</ul>
<li><a href="#">Artikel</a>
<ul>
<li><a href="#">Reduziert</a></li>
<li><a href="#">Bekleidung</a>
<ul>
<li><a href="#">Damen</a></li>
<li><a href="#">Herren</a></li>
<li><a href="#">Mädchen</a></li>
<li><a href="#">Jungen</a></li>
<li><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=083806511297437089&userid=10883843">Baby</a></li>
</ul>
</li>
<li><a href="#">Tierzubehör</a>
<ul>
<li><a href="#">Hundebekleidung</a></li>
<li><a href="#">Halsbänder</a></li>
<li><a href="#">Geschirre</a></li>
<li><a href="#">Kleintierzubehör</a></li>
<li><a href="#">Spielzeug</a></li>
</ul>
</li>
<li><a href="#">Dekoration</a>
<ul>
<li><a href="#">Ostern</a></li>
<li><a href="#">Weihnachten</a></li>
<li><a href="#">Halloween</a></li>
<li><a href="#">Herbst</a></li>
<li><a href="#">Sonstiges</a></li>
</ul>
</li>
<li><a href="#">Accessoires</a>
<ul>
<li><a href="#">Taschen</a></li>
<li><a href="#">Schaals/Tücher</a></li>
</ul>
</li>
<li><a href="#">Wohnen</a>
<ul>
<li><a href="#">Tischdecken</a>
<ul>
<li><a href="#">Rechteckig</a></li>
<li><a href="#">Quadratisch</a></li>
<li><a href="#">Rund</a></li>
<li><a href="#">Oval</a></li>
<li><a href="#">Tischläufer</a></li>
</ul>
</li>
<li><a href="#">Vorhänge</a></li>
</ul>
</li>
</ul>
<li><a href="#">Menü 3</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Menü 4</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
<li><a href="#">Menü 5</a>
<ul>
<li><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=083806511297437089&userid=10883843">Testseite</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</a>
</li>
<li><a href="#">Menü 6</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</ul>
<br style="clear: left;" />
</div> </div>
<div id="balken"></div>
<div id="navi">
<div id="menu"> </div>
<div id="navi">
<!-- Ende Container Navi-->
</div>
<!--Klappbare Navi-->
</div>
<div id="inhalt">
%content%
</div>
<div id="abstand"></div>
<div id="footer"><div align="center">
<span class="schrift" style="font-size: medium">
<span style="font-family: Impact"><p>
© Patrick Schöning
</span>
<span style="font-family: Impact">
</span>
</span>
<a target="_blank" href="">
<span style="font-size: medium">
<span style="font-family: Impact">
</span>
</span>
</a>
<span class="schrift" style="font-size: medium">
<span style="font-family: Impact">
</span>
</span>
<a target="_blank" href="">
<span style="font-size: medium">
<span style="font-family: Impact">
</span>
</span>
</a>
</div>
</div>
<br class="clear" />
</div>
<script type="text/javascript">
<!--
document.write('<script type="text/javascript" src="/get_statistics.php?screen_width='+screen.width+'&screen_height='+screen.height+'&referrer='+document.referrer+'&userid=223484&page=81633531&no_count=1"><\/script>');
//-->
</script><script type="text/javascript" src="http://www.npage.de/javascript/userpages.js"></script>
</b>.<br><br><
<!-- START adgoal v3.0 -->
<script type="text/javascript">
// var ao_subid = "";
var atSlCgHost = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + atSlCgHost + "js.smartredirect.de/js/?h=RJ7KyGm7' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- ENDE adgoal v3.0 --><script type="text/javascript"
src="http://count.asnetworks.de/count.js">
</script>
<script type="text/javascript"><!--
// 27.05.2010
asn_site_id = "94";
asn_zone_id = "3";
asn_no_referrer = "npage.de, npage.at, npage.ch, npage.eu, de.to";
Track();
//-->
</script></body>
</html>
