hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
Jonny*be*Good
Beiträge: 107
31. Mai 2004, 18:01
Beitrag #1 von 9
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


hallo
wie kann ich ein layer an einem bild (zb blind-gif) oder imagemap positionieren / fixieren, geht das überhaupt?
die position im inspektor geht ja nur über pixel oder prozente.

danke Top
 
X
SabineP  M 
Beiträge: 7586
31. Mai 2004, 18:14
Beitrag #2 von 9
Beitrag ID: #88180
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


Hallo Jonny, wo soll denn der Layer positioniert werden? Rechts, links, über oder unter dem Bild?
Gruß Sabine
als Antwort auf: [#88174] Top
 
Jonny*be*Good
Beiträge: 107
31. Mai 2004, 18:30
Beitrag #3 von 9
Beitrag ID: #88182
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


mh ja das ist eigentlich nicht wichtig. es handelt sich um ein blind-gif, und ich möchte dass beim rollover über ein imagemap ein textfeld sichtbar wird. dieses Textfeld muss immer auf derselben position sein.
da die seite dynamisch aus verschiedenen komponenten geladen wird habe ich mühe das layer mit der positionsangabe im inspektor zu platzieren.
in MenuMachine gibt es ja die Option, das Layer an ein bestimmtes bild zu binden.

als Antwort auf: [#88174] Top
 
SabineP  M 
Beiträge: 7586
31. Mai 2004, 20:05
Beitrag #4 von 9
Beitrag ID: #88199
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


Hallo Jonny,

Du könntest dem Link ein Title-Attribut hinzufügen.
Der Text im Title-Attribut wird bei Mausberührung angezeigt.

Hier ein Beispiel von selfhtml:
http://selfhtml.teamone.de/...itive.htm#definieren

Demo (mit der Maus auf die Städtenamen zeigen)
http://selfhtml.teamone.de/...zeige/img_usemap.htm

Gruß Sabine
als Antwort auf: [#88174]
(Dieser Beitrag wurde von SabineP am 31. Mai 2004, 20:06 geändert)
Top
 
Jonny*be*Good
Beiträge: 107
1. Jun 2004, 07:47
Beitrag #5 von 9
Beitrag ID: #88218
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


besten Dank Sabine

diese Möglichkeit habe ich in Betracht gezogen. Allerdings sind mir die Text-Anzeigen nicht auffällig genug und auf Mac IE funktioniert das nicht sauber und immer.

gruss



als Antwort auf: [#88174] Top
 
SabineP  M 
Beiträge: 7586
1. Jun 2004, 10:09
Beitrag #6 von 9
Beitrag ID: #88239
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


Jonny, Dein Problem

>> habe ich mühe das layer mit der positionsangabe im inspektor zu platzieren.

verstehe ich leider immer noch nicht.

Gruß Sabine
als Antwort auf: [#88174] Top
 
Jonny*be*Good
Beiträge: 107
1. Jun 2004, 10:26
Beitrag #7 von 9
Beitrag ID: #88242
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


na ja ich verstehs auch nicht... ;-))

aber ich versuchs mal: das Layer soll angezeigt werden an position x bei einem bestimmten Punkt innerhalb eines Bildes.
Nun ist die Ermittlung vom oberen Rand kein Problem. Da der ganze Content-Bereich auf der Seite jedoch zentriert ist: je nach Bildschirm-grösse wird der Layer mal zu weit links oder zu weit rechts angezeigt, egal ob ich mit pixel oder prozenten arbeite. ich will also versuchen das Layer an eine bestimmte Grafik zu binden (blind-gif von mir aus)

ich hoffe ich hab mich verständlich ausgedrückt.

Danke und Gruss

Jonny
als Antwort auf: [#88174] Top
 
SabineP  M 
Beiträge: 7586
1. Jun 2004, 11:56
Beitrag #8 von 9
Beitrag ID: #88264
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


Du kannst mit position:relative für die einzelnen Layer experimentieren.
Der Layer wird dann relativ zu seiner normalen Position verschoben, aber nicht relativ zum Bild.

Die normale Position ohne Verschiebung wird sichtbar mit top:0px; left:0px;
Durch Anpassung der Werte für top und left kannst Du den Layer von seiner Normalposition verschieben.


Beispiel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>Titel</title>
<style type="text/css"><!--
#Ebene1 { background-color: #ff0000; position: relative; top: -300px; left: 0px; width: 100px; height: 100px}
--></style>
</head>

<body>
<div align="center"><img src="" alt="" height="400" width="400" border="0"><div>
<div id="Ebene1">Text</div>
</body>
</html>

Gruß Sabine
als Antwort auf: [#88174]
(Dieser Beitrag wurde von SabineP am 1. Jun 2004, 12:18 geändert)
Top
 
Jonny*be*Good
Beiträge: 107
1. Jun 2004, 12:50
Beitrag #9 von 9
Beitrag ID: #88271
Bewertung:
(1310 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

layer position


genau das war's: top und left auf 0px! ich hab da jeweils mit werten operiert und deshalb etwas konfus...

besten Dank!
als Antwort auf: [#88174] Top
 
X