✔ grafik als link in HTML

[Maik]

Hi,

background:url(E:\projekt/www/pictures/bild1.jpg);

wenn du eine Datei auf der Harddisk absolut referenzierst, lautet der Pfad "E:\projekt\www\pictures\bild1.jpg".

Darauf wurdest du in diesem Thread aber schon zweimal hingewiesen.

Da dieser URL für's WWW aber ungeeignet ist, da es dort a) keine Harddisk "E:" gibt, und b) anstelle des Backslashs der Slash im Verzeichnispfad zum Einsatz kommt, solltest du alles von Beginn an relativ verlinken, also "../pictures/bild1.jpg".

 

[chirp]

Hallo,

ja ok ich hab übersehen, dass das Backslashes waren... das ändert nichts am nicht funktionieren von dem Code...scheint mir so zumindest.

 

[Maik]

Dann verlink die Hintergrundbilder, wie von mir empfohlen, relativ, denn das übrige Stylesheet ist vollkommen in Ordnung und funktioniert bei mir einwandfrei.

 

[chirp]

bei mir nicht... relativ verlinkt hab ich es jetzt und zur Sicherheit auch in der einfachen Version - da geht es. Mit nav etc. geht nichts auch die Aufzählungszeichen verschwinden nicht ... das Bild auf dem Link ist immer so groß wie der Text "home".
Die Version von subara kapier überhaupt nicht. Ich denke ich lasse das jetzt mal eher.
Ich meine:
<a href="link.html"
onmouseover="link.src='link.jpg';"
onmouseout="link.src='link.jpg';">
<img src="link.jpg" name="Link" border="0"/></a>
erschient mir wirr.

In Zukunft versuche ich solche ablenkenden Sachen wie die Backslash/Slash-Geschichte zu vermeiden. Ich hab es grade sinngemäß im Flash-Forum gelesen: Erst denken, dann Fragen.
Vielen Dank Maik.

 

[Maik]

Kannst du die Seite mal online stellen, damit man da einen Blick drauf werfen kann? Ansonsten fischen wir hier im trüben Wasser.

Die Listenpunkte hatte ich in meinem Beispiel-Code mit diesem Regelblock deaktiviert:

#nav {
margin:0;
padding:0;
list-style:none;
}

 

[chirp]

mal schauen, vielleicht über unterordner...
Aber da ist eigentlich nichts zu sehen, ich habe ein "Testseite" für diese Sache erstellt, da ist nur eine Tabelle wo ich die Schnippsel dann einfüge.
Ich gehe nochmal auf Fehlersuche.

 

[chirp]

also, ich hab das ganz neu aufgebaut und oh Wunder es geht..

Entschuldigt bitte, der Fehler war scheinbar ganz woanders.
Das war dieser Effekt den ich mir noch nicht so ganz erklären kann, irgendwo ist ein Fehler (oder auch nicht) der dazu führt, dass an anderer Stelle nichts geht.
Bloß die Aufzählungspunkte weigern sich zu verschwinden, mal sehen, die werden auch gehen.
Danke für eure Mühe, insbesondere an Maik und das (s.o.) habe ich jetzt gelernt.

 

[Chaosengel_Gabriel]

text-decoration: none; <-Entfernt Strich unter Links, also auf ein a-Element anzuwenden.
list-style-type: none; <-Entfernt Aufzählungszeichen in einer Liste, entweder dem ul- oder dem li-Element zuordnen...

@Maik: Direkt der Liste zuordnen, nur die ID reicht da nicht... und list-style-type...

 

[Maik]

@Chaosengel_Gabriel: Bitte lesen und ggfs. testen -> http://www.tutorials.de/forum/1497009-post16.html

Du kannst davon ausgehen, dass ich mich mit der Listenformatierung auskenne und hier keinen fehlerhaften Code poste.

 

[Chaosengel_Gabriel]

Ich sag ja nich, dass es falsch ist... Nur ungenau...
Je genauer die CSS-Anweisung zugeordnet ist umso unwahrscheinlicher sind Fehldarstellungen...
ul#navi{list-style-type:none;}
oder
ul#navi li{list-style-type:none;}

Sicher ist sicher