[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:
(3739 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:
(3731 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: 9433

17. Mai 2006, 20:48
Beitrag # 3 von 7
Beitrag ID: #229785
Bewertung:
(3727 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:
(3727 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:
(3726 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:
(3721 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:
(3717 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

InDesign / Illustrator
ScreenShot 274 Warum Templates in InDesign benutzen_ - Satzkiste in Stuttgart - Satz und technische Umsetzung - Google Chrome (300x300 HilfDirSelbst)

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
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/