Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Beitragvon Cold Fire » 09.11.2009, 20:23

In Stylesheets kann man meines Wissen (oder nachdem, was ich gelesen habe) keine Hintergrundgrafiken definieren. Ichhabe jetzt das Problem, dass die Navigationspunkte unter der Grafik liegen, anstatt darauf. Wie muss man die Grafik wo einbinden?
Cold Fire
Gelegenheitsleser
 
Beiträge: 22
Registriert: 07.11.2009, 19:15

Re: Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Beitragvon sejuma » 10.11.2009, 07:22

Doch, kann man, indem man dies dem entsprechenden Element (bei der Navi z.B. li oder a) zuweist:
Code: Alles auswählen
background: url(deinegrafik.jpg);

Definiere ggf. noch eine Höhe und Breite und bei a
Code: Alles auswählen
display: block;
damit sich der Hovereffekt über die Gesamtgröße und nicht nur über die Schrift erstreckt.
Bild
sejuma
Vielposter
 
Beiträge: 788
Registriert: 15.07.2009, 17:46

Re: Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Beitragvon Cold Fire » 10.11.2009, 18:14

Das funktioniert bei mir irgendwie nicht.

Ich habe den Code eingetragen unter
  • nav
  • nav ul
  • nav ul li
  • nav a
  • nav li a
  • nav li ul li a

Da bei mir alles lokal auf der Festplatte liegt, habe ich versucht:
  • background: url(navigation.jpg);
  • background: url(/Grafiken/navigation.jpg); (/Grafiken/ ist der relative Pfad zur CSS-Datei)
  • background-image: url(navigation.jpg);
  • background-image: url(/Grafiken/navigation.jpg);

#nav a wurde display: block; zugewiesen.

Und so sieht das aus.
Dateianhänge
navigation.png
navigation.png (2.96 KiB) 378-mal betrachtet
Cold Fire
Gelegenheitsleser
 
Beiträge: 22
Registriert: 07.11.2009, 19:15

Re: Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Beitragvon sejuma » 10.11.2009, 18:57

Sorry, dann bitte einen Link. die Autowerstatt muss sich auch das Auto ansehen, bevor sie eine genaue Dianose stellen kann.
Der Link zur Hintergrundgrafik muss vom Standort der CSS-Datei ausgehen. Hast du auf Groß-/Kleinschreibung/exakte Schreibweise geachtet?
Bild
sejuma
Vielposter
 
Beiträge: 788
Registriert: 15.07.2009, 17:46

Re: Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Beitragvon Cold Fire » 10.11.2009, 19:07

Ja, auf die korrekte Schreibweise habe ich geachtet.
Dateianhänge
Entwurf.zip
(157.3 KiB) 73-mal heruntergeladen
Cold Fire
Gelegenheitsleser
 
Beiträge: 22
Registriert: 07.11.2009, 19:15

Re: Navigation: Hintergrundgrafik, statt Hintergrundfarbe

Beitragvon Cold Fire » 11.11.2009, 18:54

Hat sich hier durch erledigt. Trotzdem danke für die Hilfe.
Cold Fire
Gelegenheitsleser
 
Beiträge: 22
Registriert: 07.11.2009, 19:15


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Navigation: Hintergrundgrafik, statt Hintergrundfarbe"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron