[GastForen Archiv Adobe GoLive Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

dondoener
Beiträge gesamt: 17

17. Mai 2006, 18:29
Beitrag # 1 von 7
Bewertung:
(3825 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Forum.
Wenn ich bei meinem Layout in Golife eine "Aktion" mit Sichtbarkeit kombiniere, wird die Aktion zwar ausgeführt, aber es versetzt den Inhalt meiner Seite in FF nach Oben&Links. Was der Bedienerfreundlichhkeit der Seite ziemlich abträglich ist...

Code ohne "Aktion"
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Hotel Zur Bleiche Resort &amp; Spa</title>
<link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css" media="screen"><!--
#Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }
#Ebene3 { height: 140px; width: 149px; left: 701px; top: 510px; position: absolute; z-index: 11; visibility: visible; }
#Ebene2 { height: 100px; width: 701px; left: 0; top: 540px; position: absolute; z-index: 5; visibility: visible; }
--></style>
</head>

<body>
<div id="Ebene1">
<img src="../../bleicheHGsolo.jpg" alt="" height="497" width="850" border="0" />
<div id="Ebene2">
<font face="Times"><span class="head">
&quot;WITAJO DO NAS! – HERZLICH WILLKOMMEN!&quot;<br />
</span><span class="fliess">Hier sind wir: 1000 Wasserarme der Spree umarmen ein einzigartiges Biospärenreservat.<br />
Im Herzen des Spreewalds finden Sie uns, das Hotel zur Bleiche &amp; Spa. Die beschauliche<br />
Ruhe dieser Zauberwelt mit einem weiten hohen Himmel empfängt und begleitet Sie von draußen<br />
nach drinnen in unser Hotel und die Landtherme.</span></font></div>
<table width="618" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#"><img src="navi/wohnen.jpg" livesrc="navi/wohnen.psd" alt="" height="34" width="90" border="0" /></a></td>
<td><img src="navi/baden.jpg" livesrc="navi/baden.psd" alt="" height="34" width="90" border="0" /></td>
<td><img src="navi/essen.jpg" livesrc="navi/essen.psd" alt="" height="34" width="90" border="0" /></td>
<td><img src="navi/aktiv.jpg" livesrc="navi/aktiv.psd" alt="" height="34" width="130" border="0" /></td>
<td><img src="navi/service.jpg" livesrc="navi/service.psd" alt="" height="34" width="100" border="0" /></td>
<td><img src="navi/musik.jpg" livesrc="navi/musik.psd" alt="" height="34" width="100" border="0" /></td>
<td><a href="#"><img src="navi/english.jpg" livesrc="navi/english.psd" alt="" height="34" width="100" border="0" /></a></td>
</tr>
</table>
<div id="Ebene3">
<a href="#"><img src="../../hotel-zur-bleiche.com/resources/Logo_Intro.jpg" alt="" height="139" width="145" border="0" /></a></div>
</div>
<p></p>
</body>

</html>


Code mit "Aktion"
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Hotel Zur Bleiche Resort &amp; Spa</title>
<link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css" media="screen"><!--
#Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }
#Ebene3 { height: 140px; width: 149px; left: 701px; top: 510px; position: absolute; z-index: 11; visibility: visible; }
#Ebene2 { height: 100px; width: 701px; left: 0; top: 540px; position: absolute; z-index: 5; visibility: visible; }
--></style>
<csactions>
<csaction name="c090e68a12" class="ShowHide" type="onevent" val0="Ebene2" val1="0"></csaction>
</csactions>
<csscriptdict import="import">
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'c090e68a12'] = new Array(CSShowHide,/*CMP*/ 'Ebene2',0);

// --></script>
</csactiondict>
</head>

<body>
<div id="Ebene1">
<img src="../../bleicheHGsolo.jpg" alt="" height="497" width="850" border="0" />
<div id="Ebene2">
<font face="Times"><span class="head">
&quot;WITAJO DO NAS! – HERZLICH WILLKOMMEN!&quot;<br />
</span><span class="fliess">Hier sind wir: 1000 Wasserarme der Spree umarmen ein einzigartiges Biospärenreservat.<br />
Im Herzen des Spreewalds finden Sie uns, das Hotel zur Bleiche &amp; Spa. Die beschauliche<br />
Ruhe dieser Zauberwelt mit einem weiten hohen Himmel empfängt und begleitet Sie von draußen<br />
nach drinnen in unser Hotel und die Landtherme.</span></font></div>
<table width="618" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a onmouseover="CSAction(new Array(/*CMP*/'c090e68a12'));return true;" href="#" csover="c090e68a12"><img src="navi/wohnen.jpg" livesrc="navi/wohnen.psd" alt="" height="34" width="90" border="0" /></a></td>
<td><img src="navi/baden.jpg" livesrc="navi/baden.psd" alt="" height="34" width="90" border="0" /></td>
<td><img src="navi/essen.jpg" livesrc="navi/essen.psd" alt="" height="34" width="90" border="0" /></td>
<td><img src="navi/aktiv.jpg" livesrc="navi/aktiv.psd" alt="" height="34" width="130" border="0" /></td>
<td><img src="navi/service.jpg" livesrc="navi/service.psd" alt="" height="34" width="100" border="0" /></td>
<td><img src="navi/musik.jpg" livesrc="navi/musik.psd" alt="" height="34" width="100" border="0" /></td>
<td><a href="#"><img src="navi/english.jpg" livesrc="navi/english.psd" alt="" height="34" width="100" border="0" /></a></td>
</tr>
</table>
<div id="Ebene3">
<a href="#"><img src="../../hotel-zur-bleiche.com/resources/Logo_Intro.jpg" alt="" height="139" width="145" border="0" /></a></div>
</div>
<p></p>
</body>

</html>


Bin ziemlich ratlos! Hat jemand eine Idee?
Vielen Dank, Don
X

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

SabineP
Beiträge gesamt: 7586

17. Mai 2006, 20:25
Beitrag # 2 von 7
Beitrag ID: #229782
Bewertung:
(3817 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dondoener,

Deine Ebenen 1 bis 3 sind alle sichtbar, welche Ebene möchtest Du denn ein- und ausblenden?
Gibt es einen Link zu dieser Seite?

Gruß Sabine


als Antwort auf: [#229768]

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

Dirk Levy
  
Beiträge gesamt: 9464

17. Mai 2006, 20:48
Beitrag # 3 von 7
Beitrag ID: #229785
Bewertung:
(3813 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Die 2 will er ausblenden....

Dirk


als Antwort auf: [#229782]

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

dondoener
Beiträge gesamt: 17

17. Mai 2006, 20:51
Beitrag # 4 von 7
Beitrag ID: #229786
Bewertung:
(3813 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine.

Die Sichtbarkeit der Ebenen ist nicht das Problem, die Aktion funktioniert.
Allerdings springt der Inhalt meiner Seite mit Start der Aktion nach oben und nach links, so dass nur der untere rechte Rest sichtbar bleibt – ohne Scrollmöglichkeit.

Und die Sache ist noch schräger als ich dachte:

WC3 findet in meinem oben stehenden Code 13 Fehler.
Wenn ich eine neue Seite nehme, dort eine Sichtbarkeits-Aktion editiere findet WC3 ebenfalls die gleichen 13 Fehler.

ABER AUF DiESER NEUE SEITE FUNKTIONIERT DIE AKTION

Jetzt bin ich wirklich ratlos...


als Antwort auf: [#229782]

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

dondoener
Beiträge gesamt: 17

17. Mai 2006, 20:54
Beitrag # 5 von 7
Beitrag ID: #229787
Bewertung:
(3812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Zusatz:
Eigentlich will ich Ebenen – die 6 z.B – EINBLENDEN, aber in dem Moment, wo ich eine Aktion editiere – welche Aktion&Ebene auch immer – tritt der Fehler auf...


als Antwort auf: [#229785]

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

dondoener
Beiträge gesamt: 17

17. Mai 2006, 21:10
Beitrag # 6 von 7
Beitrag ID: #229789
Bewertung:
(3807 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hai Sabine.
Negatives Fehlerausschlußverfahren:
Der Fehler tritt durch die Zentrierung auf, die ich folgendermaßen gelöst habe:

#Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }

Wenn ich das rauswerfe, funktioniert alles.

Hast Du einen Tip, wie ich die Zentrierung der Inhalte funktionierend lösen kann?

Viele Grüße, Don


als Antwort auf: [#229782]

Aktion mouseover Sichtbarkeit versetzt Seiteninhalt

dondoener
Beiträge gesamt: 17

17. Mai 2006, 21:19
Beitrag # 7 von 7
Beitrag ID: #229791
Bewertung:
(3803 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
[quote="dondoener"]Nachtrag:
Negatives Fehlerausschlußverfahren:
Der Fehler tritt durch die Zentrierung auf, die ich folgendermaßen gelöst habe:

#Ebene1 { background-color: #fff; height: 100px; width: 100px; left: 18px; top: 0; position:absolute; left:50%; top:50%; height: 650px; width: 850px; z-index: 10; margin-left:-425px; margin-top:-325px;visibility: visible; }

Wenn ich das rauswerfe, funktioniert alles.

Hat jemand einen Tip, wie ich die Zentrierung der Inhalte funktionierend lösen kann?

Viele Grüße, Don
Hat sich erledigt: der Fehler: height: 100px; width: 100px; left: 18px; top: 0

Wie der Eintrag den Weg ins Dok gefunden hat werde ich wohl nie erfahren...:o)


als Antwort auf: [#229789]
X

Aktuell

PDF / Print
pitstopPro_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!