• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Links im Firefox

T

Tobibot

Neues Mitglied
Hallo zusammen, beim folgenden Code sind die markierten Links zwar als Link formatiert, jedoch nicht anklickbar.

Code: 
<div id="menu">

<ul>
  <li>
    <ul>
        <li><a class="a1" href="#">Home</a></li>
        <li><a class="a1" href="#">Geschäftsbereiche</a>
            <ul>
                   <li><a class="a2" href="#">Consulting</a></li>
                   <li><a class="a2" href="#">Controlling</a></li>
                   <li><a class="a2" href="#">Operations</a></li>
             </ul>
        </li>
       <li><a class="a1" href="#">Unternehmensprofil</a>
               <ul>
                   <li><a class="a2" href="#">Philosophie</a></li>
                   <li><a class="a2" href="#">Beratungsprozess</a></li>
                   <li><a class="a2" href="#">Partner  Referenzen</a></li>
                   <li><a class="a2" href="#">Servie  Dienstleister</a></li>
             </ul>
       </li>
        <li><a class="a1" href="#">Kontakt</a></li>
        <li><a class="a1" href="#">Impressum</a></li>
        <li><a class="a1" href="#">Zum Thema</a></li>
    </ul>
  </li>
 </ul>
 
</div>


<div id="umenu">

<ul>
    <li class="li"><a class="a3" href="e">Link a</a></li>  <--- der hier
    <li class="li"><a class="a4" href="#">Thema1</a></li> <--- der hier
    <li class="li"><a class="a4" href="#">Thema2</a></li> <--- der hier ist wieder ein Link
    <li class="li"><a class="a4" href="#">Thema3</a></li>
</ul>

</div>
Der gesamte der Seite ( CMS, Joomla! 1.5 ) folgt, die menu.php enthält den obigen Code.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?php
    defined( '_JEXEC' ) or die( 'Restricted access' );
?>
  
<html>
    <head>
        <jdoc:include type="head" />
        <meta http-equiv="Content-Type" content="text/html;    <?php echo _ISO; ?>" />
        <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
        <link rel="stylesheet" href="css/template.css" type="text/css" />
                    
        
        
        <!--[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(csshover.htc); font-size: 100%;}
        #menu ul li a {height: 1%;} 
        }
        </style>
        <![endif]-->
    </head>

<body>
<div class="container1">
    <div class="container2">
        <div class="top">
            <!--
            <ul class="navigation_top">
                <li><a href="#Beispiel">Home</a></li>
                <li><a href="#Beispiel">Geschäftsbereiche</a></li>
                <li><a href="#Beispiel">Unternehmensprofil</a></li>
                <li><a href="#Beispiel">Kontakt</a></li>
                <li><span>Impressum</span></li>
                <li><a href="#Beispiel">Zum Thema</a><div></div></li>
            </ul>
           -->
                   <jdoc:include type="modules" name="user3" style="none" />
        </div>
        <div class="space1"></div>
        <div class="container3_1">
            <div class="left">
                <div class="bildlauf">
                    <p class="p01">28 Jahre Erfahrung in Hotellerie und Gastronomie vor der Selbständigkeit:</p><br /><br />
                    <? include "bildlauf.js"; ?>                
                </div>
            </div>
            <div class="middle">
                <div class="logo"></div>
                <div class="lmitte">
                  <? include "menu.php"; ?>
                </div>
            </div>
            <div class="container3_2">
                <div class="right">
                    <div id="content_area">
                    <div id="content_text">
                        <jdoc:include type="component" style="xhtml" />
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container3_b">            
            <div class="left_b"></div>
            <div class="middle_b"></div>
            <div class="right_b"></div>
        </div>
    <div class="container4">
        <div class="space2"></div>
        <div class="bottom">
            <jdoc:include type="modules" name="user3" style="none" />         
        </div>
       
    </div>
    </div>
</div>



</body>
</html>
Gruß, Tobi
 
Ciao.

den Code mit dem Menu funktioniert bei mir ohne Probleme.

Vielleicht wäre es noch hilfreich, wenn du die CSS-Files noch postest, da ich bis jetzt alles ohne class und id testen konnte.

Tipp:
Mach doch ein paar .html Dateien, die du über die Links öffnen kannst, denn bei einem Menu, das ich verwendet habe(ebenfalls mit Submenu) kann ich auch den Link nicht anklicken, bei denen href fehlt.

Wo und wie ist das Submenu eingebunden? via popup?
bei mir (Home) sieht dann das so aus:
Code: 
<div id="ddsidemenubar" class="markermenu" style="position: absolute; top: 180px; left: 20px">   
    <ul>
        <li><center><a rel="ddsubmenuside2">Fotogalerie</a></center></li>
    </ul>
</div>


<ul id="ddsubmenuside2" class="ddsubmenustyle">
    <li><center><a>Jubiläum</a></center>
        <ul>
            <li><center><a href="hhome.php">Freitag</a></center></li>
            <li><center><a href="hhome.php">Samstag</a></center></li>
            <li><center><a href="hhome.php">Sonntag</a></center></li>
        </ul>
    </li>
</ul>
 
Zuletzt bearbeitet:
CSS

Code: 
@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    background-color: #f9f1cc;
}

body img{
    border: 0;
}

.container1{
}

.container2{
    margin: auto;
    margin: auto;
    width: 800px;
}

.container3_1{
    float: left;
    margin-left: -9px;
    width:818px;
    height: 100%;
    min-height: 800px;
    background: url(../images/bg.png);
}

.container3_2{
    float: left;
    width:818px;
    height: 100%;
    margin-top: -425px;
    overflow: hidden;
}
/* Conainer unter dem Content*/
.container3_b{
    margin: -9px;
    clear: both;
    width: 818px;
}

.container4{
    margin: auto;
    clear: both;
    width: 800px;
}
/*fertig .top*/
.top{
    height: 30px;
    width: 900px;
    margin-left: -50px;
}

.left{    
    width: 163px;
    height: 100%;
    float: left;
}

.left_b{
    clear: both;
    background-color:#013155;
    width: 163px;
    height: 10px;
    float: left;
}

.middle{
    width: 183px;
    height: 100%;
    float: left;
}

.middle_b{
    background-color:#e0e0e0;
    width: 183px;
    height: 10px;
    float: left;
}

.right{
    width: 818px;
    height: 100%;
    float: left;
    margin: 0;
}

.right_b{
    background-image:url(../images/bg_content_rechts_unten.png);
    width: 472px;
    height: 10px;
    float: left;
}
    

.bottom{
    height: 30px;
    width: 900px;
    margin-left: -50px;
}

.impressum{
    height: 80px;
    text-align: center;
    color: #013155;
}

.space1{
    margin-left: -88px;
    background-image:url(../images/head.png);
    clear: left;
    height: 151px;
    width: 919px;
}

.space2{
    width: 800px;
    height: 100px;
}

#mainlevel-top{    
    margin: auto;
    padding: 0;
    text-align: center;
    background-color: #A90909;
  }

#mainlevel-top li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }
  
#mainlevel-top a, #mainlevel-top span {
    float: left; 
    width: 150px;
    height: 27px;
    margin: 0;
    padding: 3px 0 0 0;
    text-decoration: none; 
    border: none;
    color: white; 
    background-color: #A90909;
  }
  
#mainlevel-top span {
    font-weight: bold;
}
  
#mainlevel-top span {
    color: white;
    background-color: #A90909;
  } 
  
#mainlevel-top a:hover, #mainlevel-top span:hover  {
    color: #003257; 
    background-image: url(../images/nav_top_verlauf_r.png)
  }
#mainlevel-top a:acitve{
    font-weight: bold;
}


#mainlevel-top div {
     clear: left;
  }
  
  
.clear{
    clear: both;
}

.logo{
    height: 24px;
    width: 130px;
    background-image:url(../images/logo_01.png);
    margin: 35px auto 0 auto;
}

.lmitte{
    width: 150px;
    margin: 30px auto 0 auto;
}

.bildlauf{
    width: 150px;
    height: 400px;
    margin: 25px auto 0 auto;
}
/*Überschrift Bildlauf*/
.p01 {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 13px;
}

#content_area{
  padding: 0px 30px 50px 366px;
  margin-top: 20px;
  color: white;
  font-size: 13px;
}

#content_area img{
    padding: 0 0 20px 20px;
    float: right;
}

#content_area ul{
}

#content_area ul, li{
    margin: 0 0 0 10px;
    padding: 0;
}

#content_area h1{
    margin: 0 0 50px 0 ;
    font-size: 34px;
    font-weight: normal;
}














#menu {
width: 150px;
height: 100%;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a.a1{
display: block;
margin: 0;
text-decoration: none;
color: #003257;
width: 135px;
height: 28px;
padding: 2px 0 0 15px;
}

#menu a.a1:hover {
color: #003257;
background: url(../images/nav_top_verlauf_rt.png);
}

#menu a.a2{
display: block;
margin: 0;
text-decoration: none;
color: #003257;
width: 135px;
height: 28px;
background-color: #FFF;
padding: 2px 0 0 15px;
}

#menu a.a2:hover {
color: #A90909;
background: url(../images/nav_top_verlauf_b.png);
}



#menu li {
position: relative;
width: 150px;
height: 30px;
margin: 0;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul 
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#umenu {
    margin: 300px 0 0 0;
}

#umenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#umenu li {
    width: 150px;
    height: 30px;
    margin: 0;
}

#umenu .a3 {
display: block;
margin: 0;
text-decoration: none;
font-weight: bold;
color: #FFF;
width: 135px;
height: 27px;
padding: 3px 0 0 15px;
background-color: #003257;
}

#umenu .a3:hover{
}

#umenu .a4 {
display: block;
margin: 0;
text-decoration: none;
color: #757575;
width: 135px;
height: 27px;
padding: 3px 0 0 15px;
}

#umenu .a4:hover{
    background: url(../images/nav_top_verlauf_bt.png);
    color: #A90909;
}
 
Lösung

Das Problem lag an den '#' - warum auch immer. Hab einfach ne URL bei href angegeben, schon gings... Vielen Dank für die schnelle Hilfe!

Gruß, Tobi
 
Gern geschehen

Dies ist genau das, wass ich weiter oben schon gesagt habe.

Du gibts bei href den Pfad für die zu öffnende Datei an, und # ist weder eine Datei noch ein Pfad. Wurde wahrscheindlich in deinem Fall als Platzhalter verwendet.
 
P51D schrieb:
Du gibts bei href den Pfad für die zu öffnende Datei an, und # ist weder eine Datei noch ein Pfad. Wurde wahrscheindlich in deinem Fall als Platzhalter verwendet.
Zum Vergrößern anklicken....
Das ist kein Platzhalter. Das "#" wird bei Ankern verwendet. Die URL "#" springt zur aktuellen Seite zu einem namenlosen Anker, das ist der Anfang der Seite. Das ist eine wohldefinierte URL.
Es ist richtig, dass das gerne als Platzhalter verwendet wird, aber es ist nunmal kein Platzhalter. Es ist ein gültiges Ziel. Meist wird das in Verwendung mit JavaScript benutzt, wenn JS die Seite lädt (z.B. bei Popups) und dann oft durch "return 0" den Browser am weiteren Ausführen des Links hindert.
Wenn allerdings JavaScript abgeschaltet ist, dann wird eben zum Seitenanfang gesprungen, das wird dann oft vergessen. Eine sinnvolle URL muss da auf jeden Fall rein, auch wenn man den Link eigentlich von JS öffnen lassen will.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben