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!

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.

Hi,

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

HTML-Code:

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

Und bitte bei Singeltags angewöhnen:

HTML-Code:

<img ... />

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

Gruß tyg3r

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

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

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

Danke,

es lag am Pfad

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

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

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

Zitat von chirp

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...n.htm#referenz.

Zitat von chirp

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".

Okay, ich hab jetzt den grundlegenden Fehler entdeckt: der background-image-Eigenschaft fehlt das url(...)

Code :

1	background-image: [b]url([/b]../pictures/verlauf1.jpg[b])[/b];

Juuhuuuu!!

Es funktioniert- auf allen Seiten bis auf einer und das wird schon.

Den Fehler hätte ich nie gefunden, weil ich das "url" rausgelöscht hatte, da ich dachte es steht für: "füge hier den Pfad ein".

Danke Maik, du

Schließen kann das hier nur ein "Golfender Meister" oder?
Kannst du jetzt auf jeden Fall machen.



Danke!

Hi,

Zitat von chirp

Schließen kann das hier nur ein "Golfender Meister" oder?
Kannst du jetzt auf jeden Fall machen.

ich bin zwar kein "Golfender Meister", könnte aber als Moderator dennoch den Thread schliessen, was ich aber nicht machen werde, da du evtl. in ein paar Tagen eine weitere Frage zu dem Thema hast, oder ein anderer User sich hier mit seinem Problem einklinken möchte.

Stattdessen hab ich den Thread in deinem Namen als erledigt (= gelöst) markiert.

Du bist n G........ , Maik

Hallo,

@maik du hattest Recht ich habe nach ein paar Tagen wieder eine Frage:

Meine Frage:

Wie kann ich mehrere Links mit verschieden Grafiken auf einer Seite haben?
Ich denke ich muss für die unterschiedlichen Links auf einer Seite die jeweilig verschiedenen Grafiken in css definieren. Doch wie? Ich mache die Angeben in css doch einfach unter "a" für Link...

Ich danke euch für Lösungsvorschläge