Bilder/Texte unselektierbar machen

Hi Leutz,
bevor man sagt, ich solle Google benutzen, der lese bitte vorerst weiter: Gefunden habe ich entweder Antworten aus dem Jahr 2002, die nicht mehr aktuell sind, oder solche Antworten wie: "so kannst du Daten eh nicht schützen". Fakt ist aber, dass es nicht um Schutz geht, sondern um das Aussehen. Folgender Fall liegt vor.
Mit CSS habe ich auf einem Weltraumhintergrund einige Bilder mit Texten abgelegt. Natürlich in div-Containern, alles hat seine richtige Position usw. Sie sind anklickbar, zeigen Infos beim drüberhalten, alles super. Doch sobald man ins freie All klickt, werden sämtliche Objekte der Map selektiert. Das sieht natürlich doof aus und den Effekt würd ich gerne los werden. Hat da jemand eine Idee?
Gruß
MasterPyoda

Der einzige Weg, den ich kenne ist, den Focus aufzuheben, wenn der Hintergrund oder eins der Bilder angeklickt wird.
Das ist allerdings browserspezifisch. Details hab ich jetzt leider nicht mehr im Kopf, aber mit dem Keyword hilft Google vielleicht jetzt doch weiter.

Wenn du die freien Objekte mit einem durchsichtigen GIF belegst (sinnig naütrlich nur in abhängigkeit von der Anwendung)?

Bilder kannst du auch als Hintergrundbild einbinden. Damit wären die schon mal davon befreit.

Das mit dem Hintergrund klingt vielversprechend, allerdings stellt sich mir dann die Frage, wie ich die Objekte dann anklickbar machen kann. Dazu bräuchte ich ja durchsichtige GIFs oder so, die drüber liegen. Ich finds auf jeden Fall super, dass hier Vorschläge kommen, die man überdenken sollte, nur wundert es mich irgendwie, dass es nicht mit einem einfachen JavaScript-Befehl geht, oder dass bisher niemand so richtig mit diesem Problem zu kämpfen hatte

Ne nicht wirklich
Eventuell sollte man auch die Ursache bekämpfen anstatt der Auswirkung.

www.quirksmode.org/css/selection.html reicht möglicherweise für dich (Mozilla / Safari)

Beleg mal deinen Weltraum mit
document.getElementById('weltraum').onmousedown = function(){}
kann gut sein, dass die Auswahl damit aufgehoben wird.

Original von wusch
www.quirksmode.org/css/selection.html reicht möglicherweise für dich (Mozilla / Safari)

Damit färben sich dann meine Elemente schwarz. Wenn das mit farblosem Selektieren irgendwie geht, dann ist DAS die Lösung, aber solange man eine Farbe für das Markieren haben muss, führt das leider nicht zum Ziel. Knapp vorbei

Original von blum

Beleg mal deinen Weltraum mit
document.getElementById('weltraum').onmousedown = function(){}
kann gut sein, dass die Auswahl damit aufgehoben wird.
Das sieht nach JavaScript aus, ich versuchs mal... Ok, es tut sich was. Aber ich glaube, das mit meiner Karte ist etwas spezieller, als ich dachte. Da über dem Hintergrund verschiedene div-Objekte per CSS platziert werden, scheint es da wohl Probleme zu geben. Ein einzelner Klick reicht nämlich aus, damit alles markiert wird. Ein Doppelklick ins freie All deselektiert alles.
Benutze ich dazu noch blums Tipp, so wird alles, außer das Objekt mit der entsprechenden ID deselektiert. Ich weiß nicht, ob das normal ist, wenn man neben CSS-verschobene Objekte klickt, dass diese gleich ausgewählt werden. finde ich irgendwie merkwürdig, oder ist das normal?

Habs jetzt nicht probiert, aber wenn wusch's Tipp mit dem css-hack an der Farbe scheitert, probiers mit

background-color: transparent

Original von MannaZ
Habs jetzt nicht probiert, aber wenn wusch's Tipp mit dem css-hack an der Farbe scheitert, probiers mit

background-color: transparent

funktioniert zumindest in firefox3 rc1

Vielleicht hilft es uns auch, die Seite einfach mal zu sehen. Deswgen bitte mal die Seite irgendwo öffentlich hinzupacken.

Hab das mit dem transparent-background nicht ganz verstanden. Aussehen soll das Ganze jedenfalls so:
Link zur Map
Hier könnt ihr euch ein eigenes Bild vom Geschehen machen. Klickt ihr ins freie Weltall, wird alles markiert.

ich würd das ganze table-konstrukt rausschmeissen und nur ein

etc. machen ... vielleicht liegts ja daran ..

Original von Drezil
ich würd das ganze table-konstrukt rausschmeissen und nur ein

etc. machen ... vielleicht liegts ja daran ..

PERFEKT! Danke! Das wars wirklich. Die Tabelle brauche ich ja eh nicht, da ich das ganze ja mit CSS style. Nun markiert sich auch nichts mehr, wenn ich "daneben" klicke. Danke nochmal!