kostenloser Webspace werbefrei: lima-city

navigation

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   sessin

   

   sessin hat kostenlosen Webspace.

   20:31, 22.5.2010

   ich würde gerne die bestehende navigation durch eine grafische ersetzen,
   aber das bild taucht nicht auf. weiß jemand woran das liegt?
   
   http://change-design.de/index.php?dateiname=h
   
   html:
   
   

   <div id="navi">
         <ul>
           <li><a href="../index.php" id="home">Home</a></li>
           <li><a href="./fotografie.php" id="fotografie">Fotografie</a></li>
           <li><a href="./photoshop.php" id="photoshop">Photoshop</a></li>
           <li><a href="./arts.php" id="arts">Arts</a></li>
           <li><a href="./webdesign.php" id="webdesign">Webdesign</a></li>
           <li><a href="./stuff.php" id="stuff">Stuff</a></li>
           <li><a href="./guestbook.php" id="guestbook">G&auml;stebuch</a></li>
           <li><a href="./impressum.php" class="active" id="impressum">Kontakt</a></li>
         </ul>
       </div>

   
   
   css:
   
   

   #navi {background-color:#000;
        position:absolute;
   	 left: 810px;
   	height: 100%;
   	width:200px;
   	z-index: 60;}
   	
   ul li {background-image:url(images/photoshop_quer1.png);
            width:50px;
   		 height:50px;}
   		 
   #navi {float:left;}
   
   #navi li {list-style:none;}

   
   
   wenn jemand noch sonstige verbesserungsvorschläge wegen dem code hat, freue ich mich auch darüber =)
   
   dankee
   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

3. qap2

   

   qap2 hat kostenlosen Webspace.

   22:52, 22.5.2010

   Ich weiß nicht genau wo du meinst, das eine Grafik sein soll.
   Meinst du als Hintergrund von der Navigation oder von jedem einzelnen Navigationspunkt?
   
   Gruß,
   dex

4. illuxio

   

   illuxio hat kostenlosen Webspace.

   23:15, 22.5.2010

   Hallo sessin,
   
   das liegt an deiner Kombination:
   
   

   ul li {background-image:url(images/photoshop_quer1.png);
            width:50px;
   		 height:50px;}

   
   das Bild stellt eine diabonalen Banner dar, von links unten nach rechts oben, aber mit 50x50 Pixeln nimmst du nur den transparenten bereich der Grafik. Darum kannst du die auch nciht sehen.
   
   Damit du es besser sehen kannst. Solltest du mal eine andere Grafik nehem oder den breich größer machen
   
   Gruß
   illuxio

5. psd

   psd hat kostenlosen Webspace.

   8:32, 23.5.2010

   Hey,
   
   Ebenso kannst du das Backgroundbild positionieren.
   
   

   {
   	 background: url("dein Bild") center center;
   
   	 oder
   
   	 background: url("dein Bild");
   	 background-position: center center;
   
   	 wichtig
   
   	 background-repeat: no-repeat;
    }

   
   

   background-repeat: no-repeat;

   
   natürlich nur wenn du es brauchst.
   
   Quelle
   
   css4you - Hintergrund positionieren
   
   
   // Aber am einfachsten ist es das Bild in Gimp oder Ps neu zu schneiden.
   
   mfg
   psd
   
   Beitrag zuletzt geändert: 23.5.2010 8:33:30 von psd

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?