✔ grafik als link in HTML

[chirp]

Hallo allerseits,

zum zweiten Mal möchte ich eure Hilfe in Anspruch nehmen:

Ich will in eine HTML Seite Grafiken einfügen und diese verlinken, das funktioniert aber mit folgendem Code nicht. Es erscheint immer ein Kästchen mit einem roten "X".
Hier der Codeschnippsel:

<a href="index.htm"><img src="../autos/Peugeot winner 1.jpg"></a>

Was mache ich falsch?

Danke!

 

[Maik]

Hi,

das Kästchen mit dem roten "X" lässt die Vermutung zu, dass a) der Pfad zur Grafik nicht stimmt, b) die Grafik-Datei in dem Verzeichnis nicht existiert, oder c) der Dateiname nicht den Konventionen entspricht, wie z.B. die Leerzeichen vor und hinter "winner", weshalb der Browser die Datei nicht findet, respektive lädt.

 

[Tyg3r]

Hi,

rotes Kästchen bedeutet; Bild (Resource) nicht gefunden.
Versuche es mal mit vollständiger URL

<a href="index.htm"><img src="http://meine-domain.de/autos/Peugeot winner 1.jpg" /></a>

Und bitte bei Singeltags angewöhnen:

<img ... />

Singeltags immer am ende schließen zb: <br/>

Gruß tyg3r

/edit: wie immer; zu spät ..

 

[chirp]

die Leerzeichen habe ich im Dateinamen und im Script gelöscht, das Problem besteht aber weiterhin. Pfad: ich dachte es reicht den Ordner und den Namen der Datei anzugeben?
Wo ich gerade dabei bin ein Rolloverbutton wäre natürlich noch schöner, damit kam ich aber genauso wenig zurecht. Kann mir jemand einen Code mir Anleitung senden?
Vorerst: Vielen Dank Maik.

Auch dir vielen Dank Tyg3r, besonders für den Endtag-hinweis.
Wo beginne nochmal wenn ich den kompletten Pfad einer Datei auf meiner Festplatte angebe? Mit E//Website/blabla/Bild.jpg ?

Danke

 

[Tyg3r]

Dateiendung eventuell .JPG oder JPEG, anstatt .jpg?
Theoretisch sollte der Link dennoch funktionieren (klick auf rotes X).
Mouseover Effekte erstellt man mit JS.
Abfangen des events mit <img src="" onmouseover="rollovereffekt();" alt="" />
Einfach mal suchen, gibt genug Stuff dazu.

Welche art von Pfad (relativ oder absolut) du verwendest hängt natürlich vom Programmierstil ab. Aber ein Absoluter Pfad ist i.d.r leichter zu schreiben, bzw. können dort weniger Fehler entstehen.

Tip: mit rechtsklick auf das rote X die Eigenschaften betrachten und Pfad kontrollieren...

Um Deine Frage beantworten zu können müßte ich wissen, ob Du PHP zum erzeugen des HTML verwendest.

Reines HTML erschwert das Ganze, da Du die Pfade beim Upload auf den Server ändern musst.

Mit Hilfe von PHP könntest du eine Variable einbauen die das Root-Verzeichnis als Grundlage nimmt um den Pfad dynamisch (system-unabhängig) zu erzeugen.


PS: E:\pfad_zum_bild\mein_bild.jpg

 

[chirp]

Danke,

es lag am Pfad

 

[chirp]

Hallo,

auf Anregung von einem "Meister" hier (Gold Mitglied), habe ich mich nochmal mit einer Möglichkeit eine Grafik als Link mit Hover Effekt einzusetzen, beschäftigt.

Die Codes die ich über Self Html gefunden habe gehen aber nicht richtig, ich freue mich, wenn ihr mir nochmal helft den Fehler zu finden:
In css baue ich das hier ein:
____________________________________________
a { display:block;
background-image:"../pictures/bild.jpg";
width:120px; height:120px }
a:hover { background-image:"../pictures/bild2.jpg"; }
____________________________________________
In die Html Datei das hier:
____________________________________________
<p><a href="../index.html">&nbsp;</a></p>
____________________________________________

Der Link geht aber statt dem Bild wird nur so ein Strich (" - ") angezeigt.

Bitte helft mir nochmal- DankeDankeDanke

 

[Maik]

Hi,

stimmt etwa wieder nicht der Pfad zur Grafik?

Den (Unter)Strich bekommst du mit text-decoration:none weg.

P.S. Das "Gold-Mitglied" ist Moderator - dafür steht das Icon neben meinem Avatar

 

[chirp]

ne das warst nicht du-pardon-waren nicht Sie, bei dem stand Goldmitglied (Golfmitglied wollte ich schon schreiben) unter dem Namen. Ich kann beim besten Willen keinen Fehler finden. Oder doch? Bei einer externen css Datei muss ich dann ja auch den Pfad ändern. Auf jedem Fall kann ich das gleich Bild einfach so in die Html Datei einfügen. Meinen Sie zumindest der Code ist richtig?

Da "deut" dieser Tyg3r war das...

background-image:"E:\projekt/www/pictures/verlauf1.jpg";

so habe ich jetzt mal den kompletten Pfad angegeben-geht trotzdem nicht

 

[Maik]

ne das warst nicht du-pardon-waren nicht Sie

Oh :-(

Das "du" ist schon in Ordnung

Hier wird vermutlich die Grafik-URI in der CSS-Datei nicht stimmen - siehe hierzu auch http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz.

background-image:"E:\projekt/www/pictures/verlauf1.jpg";

so habe ich jetzt mal den kompletten Pfad angegeben-geht trotzdem nicht

Lokal lautet der absolute Pfad "E:\projekt\www\pictures\verlauf1.jpg".