kostenloser Webspace werbefrei: lima-city


Anzeigefehler bei IE / Buttonhighlighting mit css

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    qunfolio

    Kostenloser Webspace von qunfolio

    qunfolio hat kostenlosen Webspace.

    also ich weis nicht was los ist, wenn ich meine Seite mit Firefox aufrufe funktioniert das buttonhighlighting wie geschmiert nur mit IE hackt es und er weill meinen css- sowie auch html code nicht umsetzen ....
    für safari und opera hab ich es noch nicht probiert ,dafür mit IE und Firefox auf 3 verschiedenen Pcs und jedesmal versagt die microsoft-produktion ..

    hier die seite falls wer selber ausprobieren will

    habe meine buttons in einer <ul> und die referenzierung (geht bei ie auch nicht) in einem <a> tag
    hier die list:
    <div id="menu">
    	<ul>
    		<li <?php if($_GET["site"] == "" or $_GET["site"] == "olds"){echo "class=\"current\"";} ?>
    		 <a href="?site=olds">News</a></li>
    		<li <?php if($_GET["site"] == "gallery"){echo "class=\"current\"";} ?>
    		 <a href="?site=gallery">Galerie</a></li>
    		<li <?php if($_GET["site"] == "projects"){echo "class=\"current\"";} ?>
    		 <a href="?site=projects">Projekte</a></li>
    		<li <?php if($_GET["site"] == "kontakt"){echo "class=\"current\"";} ?>
    		 <a href="?site=kontakt">Kontakt</a></li>
           		<li <?php if($_GET["site"] == "impressum"){echo "class=\"current\"";} ?>
    		 <a href="?site=impressum">Impressum</a></li>
    	</ul>
    </div>


    und hier der passende css- abschnitt:
    /* Menu */
    
    #menu {
            width: 901px;
            height: 46px;
            margin: 0 auto;
            background: #F6F6F6 url(images/img02.png) no-repeat;
    }
    
    #menu ul {
            margin: 0;
            padding: 4px 0 0 2px;
            list-style: none;
    }
    
    #menu li {
            display: inline;
    }
    
    #menu a {
            display: block;
            float: left;
            height: 30px;
            padding: 12px 66px 0 65px;
            text-decoration: none;
            font-weight: bold;
            color: #ffffff;
             background: url(images/img06.png) repeat-x;
    }
    
    #menu a:hover {
            text-decoration: underline;
            color: #b5f028;
             background: url(images/img10.png) repeat-x;
    }
    
    #menu .current a {
            background: url(images/img10.png) repeat-x;
    }
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. qunfolio schrieb:
    also ich weis nicht was los ist, wenn ich meine Seite mit Firefox aufrufe funktioniert das buttonhighlighting wie geschmiert nur mit IE hackt es und er weill meinen css- sowie auch html code nicht umsetzen ....
    für safari und opera hab ich es noch nicht probiert ,dafür mit IE und Firefox auf 3 verschiedenen Pcs und jedesmal versagt die microsoft-produktion ..

    hier die seite falls wer selber ausprobieren will
    (...)


    Also ich habe Deine Seite mit Opera 9, Windows 5 und dem AktuelleM Firefox getestet.
    Im IE und Opera sind die Buttons nicht vorhanden, im Firefox klappt es.
    Bei Deinem Beispiel funktioniert es allerdinga mit allen 3 Browsern

    Der Fehler muss also irgendwo anders auf Deiner Seite liegen
  4. Autor dieses Themas

    qunfolio

    Kostenloser Webspace von qunfolio

    qunfolio hat kostenlosen Webspace.

    naja also vielmehr als den head gibts zumindest in der Index.php nicht,
    aber könnte es vielleicht in der einbindung des Stylesheets liegen? ich leg mal n bissl code nach ...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta name="robots" content="INDEX,FOLLOW">
    <meta http-equiv="content-language" content="Deutsch">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Qunfolio</title>
    <link href="default.css" rel="stylesheet" type="text/css" media="screen" />
    <LINK REL="SHORTCUT ICON" HREF="images/favicon.ico">
    </head>

  5. Looool

    Ok, die erklärung ist mal wieder ganz einfach...
    Du hast bei den <li> -tags das > vergessen...
    so long :megarofl:

    Beitrag zuletzt geändert: 9.2.2010 20:30:48 von simuliertes
  6. Autor dieses Themas

    qunfolio

    Kostenloser Webspace von qunfolio

    qunfolio hat kostenlosen Webspace.

    .. ja danke jetzt gehts, aber noch ne andere frage,
    wie mach ich , dass sich die 5 <li>'s praktisch eine zeile genau aufteilen bzw jeder genau 20% hat ? da bin ich nämlich grad am rätseln...
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!