[Gelöst] Bilder als Navigationsbuttoms

    CSS
    #a { 
  display: block;
  margin:0px 0px 0px 0px; 
  width:120px; 
  background:url(news-bt.jpg); 
}


    Immernoch, display: block;.

    Der a - Tag ist kein Block Element, lässt sich also kein Hintergrundbild zuweisen.

    2 Mal editiert, zuletzt von Basiii (18. März 2012 um 23:21)

    .../German Playboys - Kopi/news.jpg


    hat sich bisher noch keiner über diesen link gewundert.....
    naja also so kann das eh nicht funktionieren.

    oder hast du das erst nach den anmerkungen hier geändert?


    Greetz TimTim

    Zitat von "lauras"

    Fehlt da der Rest-Code ab #b?

    Weil falls du da keinen Code hast können natürlich auch die Bilder nicht angezeigt werden :P

    Ja, die habe ich wieder gelöscht, weil mir gesagt wurde das es Fehler auslösen kann, wenn die leer sind :O
    Möchte erstmal es schaffem #a hin zu bekommen :)

    Ich habe alle meine Bilder ohne Pfad angeben (nur den namen mit Bildformat). Alle werden angezeigt, nur bei der Navi klappt es nicht.

    Definiere mal zusätzlich folgendes:

    Code
    #navi a {
display: block;
width: Breite der Bilder;
height: Höhe der Bilder;
}


    Wenn du einen Link ohne Inhalt hast, musst du schon Breite und Höhe mitgeben, sonst kanns ja nciht funktionieren.

    Gruß
    Laura

    Zitat von "Pelgro"

    Wie meinst du das mit Link ohne Inhalt?

    Naja, es steht halt nix drin:

    Code
    <a href="index.html" id="a"></a>

    Ich finds auch nicht, und Ordnernamen mit Leerzeichen sind jetzt auch net so pralle...
    besser einen Ordner navi-bilder oder so Ähnlich nehmen und ins gleiche Verzeichnis wie die design.css packen.

    Ich bin zur Zeit nicht zuhause und dort habe ich die Codes. Werde dann wenn ich zuhause bin, ca. um 15:00, mal nachschauen.

    Bei solchen relativ einfachen Buttons würdeich dir übrigens empfehlen, nurmit einer Hintergrundgrafik zu arbeiten und den Text über den Link draufzuschreiben, sollte einfacher sein.

    Gruß
    Laura

    Also ich habe mal bei dir auf der Online seite folgendes in den Quelltext eingefügt.

    Code
    <style>
#a {
display: block;
margin:0px 0px 0px 0px;
width:120px;
height:20px;
background:url(news-bt.jpg);
}
</style>

    Zum testen.

    Das bild ist da. Aber du wirst die bilder wohl nochmal neu machen müssen, da du einen weisen rahmen hast. Das sieht komisch aus.

    Und den abstand, in welchen die bilder kommen sollen musst auch größer machen.

    Greetz TimTim

    Danke. Habe es auch hinbekommen, aber leider nur in index.html
    wenn ich es in navi.css reinmache klappt es nicht.
    Wieso?
    Möchte es eig. schon gerne in einer CSS-Datei haben und in keiner HTML.

    Trotzdem danke.

    Werde das Bild gleich mal ändern.

    Zitat von &quot;lauras&quot;


    Bei solchen relativ einfachen Buttons würdeich dir übrigens empfehlen, nurmit einer Hintergrundgrafik zu arbeiten und den Text über den Link draufzuschreiben, sollte einfacher sein.

    Gruß
    Laura

    Wie?

    Lads hoch, sonst ists schwer Fehler zu finden.

    Indem du einfach eine Hintergrundgrafik nimmst und dann den entsprechenden Text in die Links schreibst.

    Aha,

    So klappt es.

    index.html

    So nicht

    index.html

    navi.css

    Lad doch bitte den Code der nicht klappt mal auf deine Page hoch, damit man sich was drunter vorstellen kann.

    Ich persönlich wüsste jetzt nicht auf Anhieb, warum es nicht funktionieren sollte, es sei denn du hast ne falsche Ordnerstruktur oder so.

    Gruß
    Laura

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden