Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag16.12.2009 um 12:41 (UTC)    
Titel: CSS: Navigation mit verschiedenen Buttons

Hallo,
möchte bei meiner Navigation für jede Seite verschiedene (beschriftete) Buttons einbringen.
Das Problem hatten hier ja schon einige, aber ich bin mit den IDs nicht klar gekommen. Confused
So sieht meine Navi aus:
Code:
#nav_container{   
    background-image: url(http://img.webme.com/pic/m/ms-testseite/nav_bg.png);   
    background-color: #ffffff;   
    height: 35px;   
    width: 858px;   
    float: left;   
    clear: both;   
    margin: -67px 20px 0px 20px;}     

#nav li{   
    list-style-type: none;   
    color: #FFFFFF;   
    display: block;   
    font-size: 12px;   
    text-decoration: none;   
    height: 20px;   
    padding: 5px;   
    float: left;   
    background-image: url( );}     

#navigation a.nav_Home{
background-image:url(http://img.webme.com/pic/m/ms-testseite/home.png);}
#navigation a.nav_GIMP-Tutorials{
background-image:url(http://img.webme.com/pic/m/ms-testseite/bcgimp.png);}
#navigation a.nav_Grafik{
background-image:url(http://img.webme.com/pic/m/ms-testseite/bcgrafik.png);}
#navigation a.nav_Codes{
background-image:url(http://img.webme.com/pic/m/ms-testseite/bccodes.png);}
#navigation a.nav_Award{
background-image:url(http://img.webme.com/pic/m/ms-testseite/bcaward.png);}
#navigation a.nav_Extras{
background-image:url(http://img.webme.com/pic/m/ms-testseite/bcextras.png);}


Momentan bastel ich daran auf dieser Seite rum:
Arrow http://ms-testseite.de.tl/

Lg.
______________
Beitrag16.12.2009 um 16:19 (UTC)    
Titel:

Hallo,
dies liegt daran, dass die ID's in der CSS Navigation ganz anders heißen:
Zitat:
#nav_Seitentitel{Befehle;}
Somit wäre der oben genannte Code leider falsch.
Darum am besten mal die ID's umbennen.

Hinweis:
Beim Seitentitel muss der Name der Seiten eingetragen werden,
dabei ist folgendes zu beachten:
Der Seitentitel darf keine Leerzeichen oder Umlaute (äöü) enthalten,
die werden im Code einfach nicht berücksichtigt...


zum Beispiel:
Das Gästebuch = DasGstebuch

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 16.12.2009, 17:20, insgesamt einmal bearbeitet
Beitrag16.12.2009 um 16:44 (UTC)    
Titel:

Okey, hab ich gemacht. Jedoch keinerlei Fortschritt. Crying or Very sad
(Habs auch auf meiner richtigen Seite, wo die Seiten mit den entsprechenden Titeln existieren probiert.)

Es erscheint nur eine zweite Reihe mit Textlinks unter der normalen Navigation..
______________
Beitrag18.12.2009 um 14:58 (UTC)    
Titel:

Push.. Confused
________________
Falls sich jemand bereit erklärt die navi komplett zu machen:

Arrow Home (http://marcelseidel.de.tl/Home.htm)
http://img.webme.com/pic/m/ms-testseite/bchome.png
http://img.webme.com/pic/m/ms-testseite/bchome_hover.png

Arrow Gimp (http://marcelseidel.de.tl/GIMP-Tutorials.htm)
http://img.webme.com/pic/m/ms-testseite/bcgimp.png
http://img.webme.com/pic/m/ms-testseite/bcgimp_hover.png

Arrow Grafik (http://marcelseidel.de.tl/Grafik.htm)
http://img.webme.com/pic/m/ms-testseite/bcgrafik.png
http://img.webme.com/pic/m/ms-testseite/bcgrafik_hover.png

Arrow Codes (http://marcelseidel.de.tl/Codes.htm)
http://img.webme.com/pic/m/ms-testseite/bccodes.png
http://img.webme.com/pic/m/ms-testseite/bccdes_hover.png

Arrow Award (http://marcelseidel.de.tl/Award.htm)
http://img.webme.com/pic/m/ms-testseite/bcaward.png
http://img.webme.com/pic/m/ms-testseite/bcaward_hover.png

Arrow Extras (http://marcelseidel.de.tl/Extras.htm)
http://img.webme.com/pic/m/ms-testseite/bcextras.png
http://img.webme.com/pic/m/ms-testseite/bcextra_hover.png


Gratis Werbung über längere Zeit als Belohnung. Wink
________________

edit: größten Teils selber gelöst..
______________


Zuletzt bearbeitet von marcelseidel am 19.12.2009, 16:55, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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