Ich verzweifle! Bekomme Bild nicht in Rahmen eingepasst :-(

[webworker]

Hallo Leute,
ich setzte gerade eine Webseite für einen Architekten um.

Hier ist die Startseite
Alels wunderbar.

Bei den Referenzen habe ich mich für die Galerie an einem jQuery Script bedient. Funktioniert technisch auch so wie es soll.

ABER ich will das große Bild auch wieder in einen Rahmen einpassen (so wie das große Bild auf der Startseite - mit dem kleinen Schatten unten in der Ecke). Durch jQuery wird ja einiges am CSS eingestellt - ich habe nun versucht, mein CSS von der Startseite auf die Refrenzen zu übernehmen.

Aus welchem Grund auch immer wird das Bild aber um ca. 16px nach unten geschoben (im FF). Im IE hängt es zu weit oben rechts.

Ich habe den Nachmittag damit verbracht an allen möglichen Stellschrauben zu drehen. Das Ergebnis ist ist das beste, was ich hinbekomm.

Hat jemand noch einen Tipp für mich?

Danke sagt der webworker

[dave]

Hi,

Hat jemand noch einen Tipp für mich?

In dem a-Element in dem sich das Bild befindet ist vor dem img-Element ein Whitespace.
Warum?

~dave

[webworker]

Hallo dave

In dem a-Element in dem sich das Bild befindet ist vor dem img-Element ein Whitespace.
Warum?

öh, nicht bewusst. Liegt das evtl. daran, dass ich im Quellcode eine neue Zeile angefangen habe? Ich hab das mal geändert, aber das Problem bleibt.

(Oder habe ich Dich ganz falsch verstanden?)

Vielen Dank, dass Du mir hilfst!

[dave]

Hi,

In dem a-Element in dem sich das Bild befindet ist vor dem img-Element ein Whitespace.
Warum?

öh, nicht bewusst. Liegt das evtl. daran, dass ich im Quellcode eine neue Zeile angefangen habe? Ich hab das mal geändert, aber das Problem bleibt.

Ich wenn mir $('.advance-link').html() ausgeben lassen steht da "&nbsp;<img…".
Was macht das &nbsp; da?
Wenn ich das entferne ist das Bild bei mir richtig positioniert.

~dave

[Gunnar Bittersmann]

@@dave:

nuqneH

In dem a-Element in dem sich das Bild befindet ist vor dem img-Element ein Whitespace.
Ich wenn mir $('.advance-link').html() ausgeben lassen steht da "&nbsp;<img…".

BTW, NBSP ist kein Whitespace.

Qapla'

[dave]

Hi,

BTW, NBSP ist kein Whitespace.

Laut dem Kommentar zu 0x00A0 in dieser Datei ist es ein Whitespace.

Ich habe aber festgestellt dass Java 0X00A0 zwar als "Space Character" ansieht, aber nicht als "Whitespace".
Kann mir das jemand erklären?

Welche Quelle hast du für deine Aussage?

~dave

[Gunnar Bittersmann]

@@dave:

nuqneH

Laut dem Kommentar zu 0x00A0 in dieser Datei ist es ein Whitespace.

Ah, OK.

Welche Quelle hast du für deine Aussage?

Da der Kontext hier HTML ist, die Spec.

HTML5 bezeichnet diese als „space characters“. Und die Unicode-White_Spaces als „White_Space characters“.

Das eigentlich Interessante daran ist, dass sich HTML5 tatsächlich mal auf eine andere Spec bezieht, anstatt wie sonst üblich einen Dreck darum zu scheren.

Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)

[webworker]

Hallo

Ich wenn mir $('.advance-link').html() ausgeben lassen steht da "&nbsp;<img…".
Was macht das &nbsp; da?
Wenn ich das entferne ist das Bild bei mir richtig positioniert.

Wie kannst Du Dir das ausgeben? Werde mal versuchen der Sache auf den Grund zu gehen. Danke für den Hinweis - scheint vielversprechend zu sein :)

[dave]

Hi,

zum untersuchen von Websiten empfehlen sich Entwickler-Tools.
Im Internet Explorer und Chrome sind diese im Browser (F12).
Für Firefox gibts Firebug.

~dave

[webworker]

Hi

Für Firefox gibts Firebug.

den nutze ich ja auch. Nur Deine erwähnte Ausgabe bekomme ich nciht hin. Wo muss ich da was eingeben?

Achja, das Problem hat sich (hoffe ich) gelöst. In der .js-Datei wurde ich fündig. Vielen vielen Dank für den entscheidenden Hinweis :)

Schönen Abend

[Gunnar Bittersmann]

@@webworker:

nuqneH

In der .js-Datei wurde ich fündig.

Dort stand ' ' drin?

Wenn ja, was hat ein HTML-Escape in JavaScript-Code zu suchen? In JavaScript wäre U+00A0 NBSP als '\u00A0' zu escapen.

Qapla'

[webworker]

Dort stand ' ' drin?

ja

  
// Construct new hidden span for the image  
var newSlide = this.$imageContainer  
.append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+imageData.title+'">&nbsp;</a></span>')  

Ich habe &nbsp; ersatzlos gestrichen - jetzt geht's.