✔ GoLive - Ebenen an objekten fixieren

Status
Nicht offen für weitere Antworten.
N

Noria Blendwerk

Grünschnabel
Hallo, ich würde gerne eine Ebene einblenden, die eine Vergrößerung eines Vorschaubildes ist (quasi ein popup). Das klappt auch so ganz gut, nur habe ich in meiner Seite links einen flexiblen Rand wodurch ich sich die Ebene immer verschiebt je nach Fenstergröße.
Ist es möglich, das sich die Ebene immer über dem Vorschaubild öffnet?

Danke im Voraus
 
Klingt so, wie wenn die Ebene nicht innerhalb des übergeordneten Elements positioniert ist.

Zeig doch mal den Quellcode des Dokuments, damit man einen Überblick gewinnt, wie die Seite im einzelnen aufgebaut ist.
 
GoLive - Quellcode

Hallo hier mal der Quellcode von meinem Test.

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

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<title>Unbenannte Seite</title>
		<style type="text/css" media="screen"><!--
#Ebene1  { visibility: hidden; position: absolute; top: 140px; left: 179px; width: 226px; height: 267px }
--></style>
		<csactions>
			<csaction name="CBEC1A1" class="ShowHide" type="onevent" val0="Ebene1" val1="0"></csaction>
			<csaction name="D0DD6B3" class="ShowHide" type="onevent" val0="Ebene1" val1="1"></csaction>
		</csactions>
		<csscriptdict import>
			<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
		</csscriptdict>
		<csactiondict>
			<script type="text/javascript"><!--
CSAct[/*CMP*/ 'CBEC1A1'] = new Array(CSShowHide,/*CMP*/ 'Ebene1',0);
CSAct[/*CMP*/ 'D0DD6B3'] = new Array(CSShowHide,/*CMP*/ 'Ebene1',1);

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

	<body bgcolor="#ffffff">
		<div align="center">
			<div id="Ebene1" onmouseout="CSAction(new Array(/*CMP*/'CBEC1A1'));" csout="CBEC1A1">
				<div align="left">
					<img src="Bilder/Malerei/frau_am_Brunnen_kl.jpg" alt="" height="400" width="300" border="0"></div>
			</div>
			<table height="546" border="0" cellpadding="0" cellspacing="0" width="663">
				<tr height="112">
					<td height="546" width="64" rowspan="2"></td>
					<td height="112" width="599"></td>
				</tr>
				<tr height="434">
					<td align="left" valign="top" height="434" width="599"><a onmouseover="CSAction(new Array(/*CMP*/'D0DD6B3'));return true;" href="#" csover="D0DD6B3"><img src="Bilder/Malerei/frau_am_Brunnen_kl.jpg" alt="" height="144" width="96" border="0"></a></td>
				</tr>
			</table>
		</div>
		<p></p>
	</body>

</html>

Ich würde gerne wissen, ob man die eingeblendete Ebene dazu bringen kann immer über dem Vorschaubild zu erscheinen.
Ist halt mit GoLive erstellt, da ich nicht so viel Ahnung mit html und CSS habe. Bin aber dabei mich in beides einzuarbeiten.
Vielen Dank für die Hilfe.
 
Ich hab das Dokument mal soweit eingerichtet, daß die Ebene nun unabhängig von der Fenstergröße immer innerhalb des DIV #wrapper positioniert ist.

Die korrekte Position der Ebene über dem Vorschaubild mußt du ggfs. noch nachjustieren ;)


Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
        <head>
                <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                <meta name="generator" content="Adobe GoLive">
                <title>Unbenannte Seite</title>
                <style type="text/css" media="screen"><!--
                #wrapper {
                width: 663px;
                position: relative;
                margin: 0 auto;
                border: 1px solid #000;
                }

                #Ebene1  {
                visibility: hidden;
                position: absolute;
                top: 111px; /* muß ggfs. noch nachjustiert werden */
                left: 64px; /* muß ggfs. noch nachjustiert werden */
                width: 300px;
                height: 400px;
                }
--></style>
                <csactions>
                        <csaction name="CBEC1A1" class="ShowHide" type="onevent" val0="Ebene1" val1="0"></csaction>
                        <csaction name="D0DD6B3" class="ShowHide" type="onevent" val0="Ebene1" val1="1"></csaction>
                </csactions>
                <csscriptdict import>
                        <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
                </csscriptdict>
                <csactiondict>
                        <script type="text/javascript"><!--
CSAct[/*CMP*/ 'CBEC1A1'] = new Array(CSShowHide,/*CMP*/ 'Ebene1',0);
CSAct[/*CMP*/ 'D0DD6B3'] = new Array(CSShowHide,/*CMP*/ 'Ebene1',1);

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

        <body bgcolor="#ffffff">
                <div id="wrapper">
                        <div id="Ebene1" onmouseout="CSAction(new Array(/*CMP*/'CBEC1A1'));" csout="CBEC1A1">
                                <div align="left">
                                        <img src="Bilder/Malerei/frau_am_Brunnen_kl.jpg" alt="aha" height="400" width="300" border="0"></div>
                        </div>
                        <table height="546" border="0" cellpadding="0" cellspacing="0" width="663">
                                <tr height="112">
                                        <td height="546" width="64" rowspan="2"></td>
                                        <td height="112" width="599"></td>
                                </tr>
                                <tr height="434">
                                        <td align="left" valign="top" height="434" width="599"><a onmouseover="CSAction(new Array(/*CMP*/'D0DD6B3'));return true;" href="#" csover="D0DD6B3"><img src="Bilder/Malerei/frau_am_Brunnen_kl.jpg" alt="aha" height="144" width="96" border="0"></a></td>
                                </tr>
                        </table>
                </div><!-- /wrapper -->

        </body>

</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück