Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.10.2009 um 11:31 (UTC)    
Titel: CSS: Jeder Button einen anderen Hintergrund

Hallo zusammen,
ich habe ein eigenes Menü gemacht, und jeder menüpunkt hat ein anderen hitnergrund. so weit hat das alles acuh funktioniert, doch komsicher weiße zeigt mein Mneü ein paar mal immer das Hintergrund Bild "news" an obwohl der rihctige Link rein geschrieben wurde könnt ihr mir helfen?.
Hier mein code


Text über desgin
Code:

<div id=" menu li a.Hartmutengler "></div>
<div id=" menu li a.Pur "></div>

<div id=" menu li a.Galerie1"></div>

<div id=" menu li a SoloProjekt1"></div>

<div id=" menu li a.Gästebuch"></div>
<div id=" menu li a.Impressum"></div>
<div id=" links "></div>



<div id="menu">
   <ul>
      <li><a href="http://www.hartmut-engler.de.tl/"></a></li>

      <li><a href="http://www.hartmut-engler.de.tl/Hartmut-Engler.htm" class="Hartmutengler"> </a></li>

      <li><a href="http://www.hartmut-engler.de.tl/PUR.htm" class="Pur"> </a></li>

      <li><a href="http://www.hartmut-engler.de.tl/Galerie.htm" class="Galerie"></a></li>

      <li><a href="http://www.hartmut-engler.de.tl/Solo-Projekt.htm" class="SoloProjekt"></a></li>   
      <li><a href="http://www.hartmut-engler.de.tl/G.ae.stebuch.htm" class="Gästebuch"></a></li>

      <li><a href="http://www.hartmut-engler.de.tl/Impressum.htm" class="Impressum"></a></li>                       

   </ul>



CSS ohen style tags

Code:

#menu{

      background:#fff;
      width:310px;
margin-top: 18%;
left: 2%;
   }
      #menu ul{
         list-style:none;
      }
         #menu li{
            list-style:none;
            margin:2px 0;
         }
            #menu li a{
               list-style:none;
               background:transparent;
               
               text-transform:uppercase;
               font-size:11px;
               font-weight:bold;
               text-decoration:none;
               border:0px;
               border-width:0px;
               display:block;
               height:60px;
   background: url(http://img.webme.com/pic/h/hartmut-engler/cmdnews.jpg);
               

            }

            #menu li a.Hartmutengler{
               background: url(http://img.webme.com/pic/h/hartmut-engler/cmdhartmut.jpg);
               border:0px;
               border-width:0px;
            }

            #menu li a.Pur{
               background: url(http://img.webme.com/pic/h/hartmut-engler/cmdpur.jpg);
               border:0px;
               border-width:0px;
            }
               


            #menu li a.Galerie1{
               background: url(http://img.webme.com/pic/h/hartmut-engler/cmdgalerie.jpg);
               border:0px;
               border-width:0px;
            }
               
               }
            #menu li a SoloProjekt1{
               background: url(http://img.webme.com/pic/h/hartmut-engler/cmdsolo.jpg);
               border: 0px;
               border-width:0px;
            }
           

            #menu li a.Gästebuch{
               background: url(http://img.webme.com/pic/h/hartmut-engler/cmdgaestebuch.jpg);
               border:0px;
               border-width:0px;
            }
               


            #menu li a.Impressum{
               background: url(http://img.webme.com/pic/h/hartmut-engler/cmdimpressum.jpg);
               border:0px;
               border-width:0px
            }
               


ICh hoffe ihr könnt mir helfen


Zuletzt bearbeitet von hartmut-engler am 24.10.2009, 17:51, insgesamt einmal bearbeitet
Beitrag24.10.2009 um 16:51 (UTC)    
Titel:

Hi,
ich habe mal den Code ein wenig umgeschrieben:
Zitat:

<div id="menu">
<ul>
<div id="menu li a.Hartmutengler "><li><a href="http://www.hartmut-engler.de.tl/"></a></li></div>
<li><a href="http://www.hartmut-engler.de.tl/Hartmut-Engler.htm" class="Hartmutengler"> </a></li></div>
<div id="menu li a.Pur "><li><a href="http://www.hartmut-engler.de.tl/PUR.htm" class="Pur"> </a></li></div>
<div id="menu li a.Galerie1"><li><a href="http://www.hartmut-engler.de.tl/Galerie.htm" class="Galerie"></a></li></div>
<div id="menu li a SoloProjekt1"><li><a href="http://www.hartmut-engler.de.tl/Solo-Projekt.htm" class="SoloProjekt"></a></li></div>
<div id="menu li a.Gästebuch"><li><a href="http://www.hartmut-engler.de.tl/G.ae.stebuch.htm" class="Gästebuch"></a></li></div>
<div id="menu li a.Impressum"><li><a href="http://www.hartmut-engler.de.tl/Impressum.htm" class="Impressum"></a></li></div></ul></div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag25.10.2009 um 11:29 (UTC)    
Titel:

Hallo ,

vielen dank für deine Hilfe, Ich hab dein code nun unter css text über dem desgin rein kopiert. jezt werden aber nur die ersten beide menü punkte : news und hartmut engler angezeigt. kannst du mir da helfen? ich hba extras das menü so drin gelassen, damit du das problem sehen kannst.

Liebe grüße ines
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de