Highslide - Link neben Bild entfernen?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
autor
bild
code
editor
fehler
foto
glauben
http
integration
laden
podium
problem
quellcode
rand
tag
tun
url
vergleich
verzeichnis
zuweisung
-
Hallo,
ich beobachte, seit dem ich Highslide in meinem Wordpress-Blog nutze, etwas, was ich nicht sehr mag:
Wenn man auf das tag/bild">Bild mit der Maus klickt, wird diese ja zu einer Lupe, und wenn man dann draufklickt, geht das Bild auf.
Das ist ja richtig so...
Jedoch ist daneben eine Lücke, die sich auch Anklicken lässt (Bsp: http://schumi1331.de/formel1/news/vettel-gewinnt-in-packendem-malaysia-gp/), wodurch sich das Bild ebenfalls öffnet, was mir nicht gefällt..
Ich habe mir nun mal den Quellcode angeschaut:
<a href="[Link entfernt]" title="Heidfeld auf dem Podium Foto: (C) f1photos.org" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 'singlepic88' })" > <img class="ngg-singlepic" src="[Link entfernt]" alt="Heidfeld auf dem Podium" title="Heidfeld auf dem Podium" /> </a>
Wenn ich auf das Bild gehe, kommt der Titel "Heidfeld auf dem Podium", neben dem Bild der Titel "Heidfeld auf dem Podium
Foto: (C) f1photos.org", was darauf schließen lässt, dass es was mit dem a-Tag zu tun hat, jedoch habe ich keinen Schimmer, was...
Dieses Phänomen kommt auch bei anderen Themes vor, weshalb ich denke, dass es was mit dem Highslide selbst zu tun hat - nur was?
Kann mir wer helfen? Mir geht es darum, dass das Feld neben dem Bild nicht anklickbar ist (so als Kurzfassung, was mein Problem ist).
Gruß
schumi1331 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Verstehe ich nicht. Bei mir funktioniert alles ganz normal?!
-
Sorry ! Ich sehe da keine Lücke, wohl aber, daß dieses Bild einen weißen Rand hat, der offensichtlich Bestandteil des Bildes ist. Noch mal geguckt und gefunden, was gemeint ist. Das ist keine "Lücke", sondern der Auswahlbereich zieht sich über den rechten Rand des Bildes hinaus. Das fiel mir erst auf, als ich sah, daß da noch der Handcursor statt des Files zu sehen ist. Die rechte Maximalposition ist zugleich die Umbruchposition des Textes. Das kann nicht nur mit Highslide zu tun haben, sondern das ist Highslide ! Steht ja auf dem Bild oben links, wenn man auf den freien Bereich klickt, alles drum dunkler und das Bild ein wenig hervorgehoben wird. Sowas ist doch unnützer Schnickschnack. Viele Wordpress-Plugins haben Macken.
Beitrag zuletzt geändert: 16.4.2011 20:51:29 von rorambur -
Im Firefox seh ich das jetzt auch :D Im IE9 hab ich das nicht gesehen.
Ich befürchte jedoch, dass sich das nicht "mal eben" lösen lässt. Zumal ich eher glaube, dass der Fehler irgendwo im Stylesheet liegt. -
@rorambur: glaube, du hast es gefunden...
hab jetzt noch ein Bild hochgeladen, auf dem das eingezeichnet ist, was ich meine:
http://schumi1331.bplaced.net/bilder/rand-highslide.JPG -
Im IE9 funktioniert das Ganze problemlos und sieht auch relativ gut aus.
-
Das Bild bei bplaced konnte ich leider nicht vollständig laden. Ich habe momentan eine extrem lahme Internetverbindung. Darum kann ich jetzt auch nichts weiter testen, also z.B. Quelltext laden und ansehen. Sorry ! Ich bin drum auch erst mal weg. Bei lahmer Verbindung macht Internet keinen Spaß. Viel Glück.
Beitrag zuletzt geändert: 16.4.2011 21:08:26 von rorambur -
Hallo ! Das Firefox-Addon "firebug" meldet :
FB_RequireFeatures is not defined
http://schumi1331.de/formel1/news/vettel-gewinnt-in-packendem-malaysia-gp/
Line 506
Zwar weiß ich jetzt nicht genau, was das bedeutet, weil ich beim Editieren keine Zeilennummern fand, aber vielleicht nutzt es Dir trotzdem was.
Was Dein Problem betrifft, so könnte sein, daß ich den Fehler gefunden habe.
<p>In der Mitte des Rennens befand sich Heidfeld auf den Plätzen 5/6, . . . Heidfeld befand – es waren noch 2 Runden.<br />
<a href="http://schumi1331.de/wp-content/gallery/f1/5603633094_ba2a64d3c7.jpg"
title="Heidfeld auf dem Podium<br>
Foto: (C) f1photos.org"
class="highslide"
onclick="return hs.expand(this, { slideshowGroup: 'singlepic88' })"> <img
class="ngg-singlepic"
src="http://schumi1331.de/wp-content/gallery/cache/88__480x320_5603633094_ba2a64d3c7.jpg"
alt="Heidfeld auf dem Podium" title="Heidfeld auf dem Podium" />
</a><br />
<em>Foto: (C) f1photos.org</em>
</p>
Das p-Tag bildet einen Block, formatiert also auf die vorgegebene Breite. Die Integration des Bildes erfolgt innerhalb dieses Bereichs. Ich könnte mir vorstellen, daß alles nach Wunsch funktioniert, wenn die Zuweisung ausgelagert wird.
Beitrag zuletzt geändert: 16.4.2011 22:15:20 von pflanzenfreund -
Nö, das wr es leider nicht...
Quellcode nun:
<p>Zu diesem Zeitpunkt war Nico Rosberg bereits nach seinem ersten Stop und konnte durch Strategie-Genie Ross Brawn einige Führungskilometer für MercedesGP einfahren. Vettel war 2., dahinter dann die McLaren und Ferrari durcheinander gewürfelt.</p>
<a href="http://schumi1331.de/wp-content/gallery/f1/5603652886_196edab7c7_b.jpg" title="Nico Rosberg bestätigt den Aufschwung bei MercedesGP<br>
Foto: (C) f1photos.org" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 'singlepic89' })" >
<img class="ngg-singlepic" src="http://schumi1331.de/wp-content/gallery/cache/89__500x333_5603652886_196edab7c7_b.jpg" alt="Nico Rosberg bestätigt den Aufschwung bei MercedesGP" title="Nico Rosberg bestätigt den Aufschwung bei MercedesGP" />
</a>
<p>
<em>Foto: (C) f1photos.org</em></p>
Das gleiche tritt immer noch auf... -
Sorry ! Dann weiß ich es auch nicht.
Ich habe gerade mal Deinen Quelltext in den "KompoZer" geladen. Da wird mir anhand von Hilfslinien eine durchgehende Formatierung angezeigt. Daraus folgere ich, daß irgendwo noch eine andere, allem übergeordnete Zuweisung vorliegt. Der Quelltext ist mir aber zu komplex, um das suchen zu können. Versuche doch mal mit einem WYSIWYG-Editor dahinter zu kommen. Der von mir benutzte "KompoZer" ist diesbzgl. etwas primitiv.
Viel Glück.
Beitrag zuletzt geändert: 18.4.2011 18:09:20 von pflanzenfreund -
wie, mit einem WYSIWYG?
die ganze Seite basiert auf Wordpress, wie geht das dann mit einem WYSIWYG? -
Ach sorry ! Da habe ich jetzt nicht dran gedacht. Weil ich aber den Quelltext immerhin problemlos bei mir auf den PC in einen Editor laden konnte, muß es irgendwie funktionieren. Ich habe ehrlich gesagt vorher noch nie bewußt in den Aufbau einer Wordpress-Seite reingesehen. Als ich jetzt gerade die Seite noch mal mit dem KompoZer lud, wurde auch automatisch Java geladen, wo ich vorhin nicht drauf geachtet hatte.
Wie dem auch sei. Die HTML-Seite, so wie ich sie in den Editor laden konnte, habe ich im Verzeichnis http://pflanzenfreund.lima-city.de/schumi/ gespeichert, so wie ich sie im Windows-Temp-Verzeichnis vorfand. Auch die Namensvorgabe schumi1331.htm erfolgte automatisch. Also Wordpress hin oder her. Das ist HTML, wieso weiß ich nicht. Aber das müßtest Du doch gesehen haben, weil Du ja die eine Stelle testweise geändert hattest.
Viel Glück und vor allem Erfolg bei der Fehlersuche wünsche ich Dir. Die Festformatierung der Seitenbreite dürfte dann allerdings durch Wordpress selbst vorgegeben sein. Den Effekt selbst hast Du allerdings verbessert wie ich sah.
Vielleicht hilft Dir die Suche bei Google : "fehler"+"wordpress highslide"
Weil das ja insgesamt nur paar Links sind, habe ich mal näher hingesehen. Das ist die Seite des highslide-Autors. Da funktioniert alles prima. Ich habe mir erlaubt, seine Seite zum Vergleich auch zu kopieren. Vielleicht kannst Du dann im driekten Vergleich den Fehler finden. Sonst wende Dich doch einfach an den Autoren. Seine Seite ist als "highslide-integration-in-wordpress.htm" bei mir gespeichert. Diese Sachen belasse ich nur solange dort, bis Du sie als erledigt meldest.
P.S. : Was ist denn mit dem Bild "Die geheime Maut-Tabelle" ? Da klappt doch alles wunderbar.
Beitrag zuletzt geändert: 18.4.2011 23:03:20 von pflanzenfreund -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
