[GastForen Archiv Adobe GoLive Ebene relativ positionieren

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

Ebene relativ positionieren

bremerjung
Beiträge gesamt: 7

28. Sep 2004, 07:54
Beitrag # 1 von 5
Bewertung:
(969 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo forum,

ich habe mal das forum nach dem genannten thema durchsucht, aber leider hat mir das gefundene nicht weitergeholfen.

ich möchte für ein "ausklapp-menü" eine ebene mit den unter-menüpunken relativ positionieren, damit die ebene sich nicht bei der veränderung verschiebt.

ich habe die seite mal hochgeladen:

http://www.woyton.netcover.de/mit.html

unter dem menüpunkt "standorte".

wie bekomme ich es hin, dass die ebene an einer grafik ausgerichtet wird (dem button "standorte" bzw. relativ dazu?

vielen dank für jede hilfe,

der bremer jung
X

Ebene relativ positionieren

Dirk Levy
  
Beiträge gesamt: 9409

28. Sep 2004, 08:20
Beitrag # 2 von 5
Beitrag ID: #111617
Bewertung:
(969 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich weiß nich ob es bei Dir funktioniert,
aber versuche mal mit der Quellcodevariante,
ich habe die Ebene aus static gesetzt und
den gelben Anfasser in eine Tabellenzelle,
damit sich die Ebene daran ausrichten kann:

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

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>W&nbsp;O&nbsp;Y&nbsp;T&nbsp;O&nbsp;N</title>
<link href="woyton.css" rel="stylesheet" type="text/css" media="all">

<link rel="shortcut icon" href="favicon.ico">
<style type="text/css" media="screen"><!--
#Ebene1 { visibility: visible; position: absolute; top: 476px; left: 244px; width: 100px; height: 100px }
#standorte { visibility: visible; position: static; z-index: 2; top: 428px; left: 352px; width: 100px; height: 92px }
--></style>
<csactions>
<csaction name="1F3AE941" class="ShowHide" type="onevent" val0="standorte" val1="1"></csaction>
<csaction name="BD7EE9E41" class="ShowHide" type="onevent" val0="standorte" val1="2"></csaction>
</csactions>
<csscriptdict>
<script type="text/javascript"><!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
mustInitImg = true;
function initImgID() {var di = document.images; if (mustInitImg && di) { for (var i=0; i<di.length; i++) { if (!di.id) di.id=di.name; } mustInitImg = false;}}
function findElement(n,ly) {
var d = document;
if (browserVers < 4) return d[n];
if ((browserVers >= 6) && (d.getElementById)) {initImgID; return(d.getElementById(n))};
var cd = ly ? ly.document : d;
var elem = cd[n];
if (!elem) {
for (var i=0;i<cd.layers.length;i++) {
elem = findElement(n,cd.layers);
if (elem) return elem;
}
}
return elem;
}
function changeImagesArray(array) {
if (preloadFlag == true) {
var d = document; var img;
for (i=0;i<array.length;i+=2) {
img = null; var n = array;
if (d.images) {
if (d.layers) {img = findElement(n,0);}
else {img = d.images[n];}
}
if (!img && d.getElementById) {img = d.getElementById(n);}
if (!img && d.getElementsByName) {
var elms = d.getElementsByName(n);
if (elms) {
for (j=0;j<elms.length;j++) {
if (elms[j].src) {img = elms[j]; break;}
}
}
}
if (img) {img.src = array[i+1];}
}
}
}
function changeImages() {
changeImagesArray(changeImages.arguments);
}
CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var aa = fct[array];
if (aa == null) return false;
var ta = new Array;
for(var j=1;j<aa.length;j++) {
if((aa[j]!=null)&&(typeof(aa[j])=="object")&&(aa[j].length==2)){
if(aa[j][0]=="VAR"){ta[j]=CSStateArray[aa[j][1]];}
else{if(aa[j][0]=="ACT"){ta[j]=CSAction(new Array(new String(aa[j][1])));}
else ta[j]=aa[j];}
} else ta[j]=aa[j];
}
result=aa[0](ta);
}
return result;
}
CSAct = new Object;
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
CSIsW3CDOM = ((document.getElementById) && !(IsIE()&&CSBVers<6)) ? true : false;
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div").style; }
function CSNSStyl(s) { if (CSIsW3CDOM) return document.getElementById(s).style; else return CSFindElement(s,0); }
CSIImg=false;
function CSInitImgID() {if (!CSIImg && document.images) { for (var i=0; i<document.images.length; i++) { if (!document.images.id) document.images.id=document.images.name; } CSIImg = true;}}
function CSFindElement(n,ly) { if (CSBVers<4) return document[n];
if (CSIsW3CDOM) {CSInitImgID();return(document.getElementById(n));}
var curDoc = ly?ly.document:document; var elem = curDoc[n];
if (!elem) {for (var i=0;i<curDoc.layers.length;i++) {elem=CSFindElement(n,curDoc.layers); if (elem) return elem; }}
return elem;
}
function CSGetImage(n) {if(document.images) {return ((!IsIE()&&CSBVers<5)?CSFindElement(n,0):document.images[n]);} else {return null;}}
CSDInit=false;
function CSIDOM() { if (CSDInit)return; CSDInit=true; if(document.getElementsByTagName) {var n = document.getElementsByTagName('DIV'); for (var i=0;i<n.length;i++) {CSICSS2Prop(n.id);}}}
function CSICSS2Prop(id) { var n = document.getElementsByTagName('STYLE');for (var i=0;i<n.length;i++) { var cn = n.childNodes; for (var j=0;j<cn.length;j++) { CSSetCSS2Props(CSFetchStyle(cn[j].data, id),id); }}}
function CSFetchStyle(sc, id) {
var s=sc; while(s.indexOf("#")!=-1) { s=s.substring(s.indexOf("#")+1,sc.length); if (s.substring(0,s.indexOf("{")).toUpperCase().indexOf(id.toUpperCase())!=-1) return(s.substring(s.indexOf("{")+1,s.indexOf("}")));}
return "";
}
function CSGetStyleAttrValue (si, id) {
var s=si.toUpperCase();
var myID=id.toUpperCase()+":";
var id1=s.indexOf(myID);
if (id1==-1) return "";
s=s.substring(id1+myID.length+1,si.length);
var id2=s.indexOf(";");
return ((id2==-1)?s:s.substring(0,id2));
}
function CSSetCSS2Props(si, id) {
var el=document.getElementById(id);
if (el==null) return;
var style=document.getElementById(id).style;
if (style) {
if (style.left=="") style.left=CSGetStyleAttrValue(si,"left");
if (style.top=="") style.top=CSGetStyleAttrValue(si,"top");
if (style.width=="") style.width=CSGetStyleAttrValue(si,"width");
if (style.height=="") style.height=CSGetStyleAttrValue(si,"height");
if (style.visibility=="") style.visibility=CSGetStyleAttrValue(si,"visibility");
if (style.zIndex=="") style.zIndex=CSGetStyleAttrValue(si,"z-index");
}
}
function CSSetStyleVis(s,v) {
if (CSIsW3CDOM){CSIDOM();document.getElementById(s).style.visibility=(v==0)?"hidden":"visible";}
else if(IsIE())CSIEStyl(s).visibility=(v==0)?"hidden":"visible";
else CSNSStyl(s).visibility=(v==0)?'hide':'show';
}
function CSGetStyleVis(s) {
if (CSIsW3CDOM) {CSIDOM();return(document.getElementById(s).style.visibility=="hidden")?0:1;}
else if(IsIE())return(CSIEStyl(s).visibility=="hidden")?0:1;
else return(CSNSStyl(s).visibility=='hide')?0:1;
}
function CSShowHide(action) {
if (action[1] == '') return;
var type=action[2];
if(type==0) CSSetStyleVis(action[1],0);
else if(type==1) CSSetStyleVis(action[1],1);
else if(type==2) {
if (CSGetStyleVis(action[1]) == 0) CSSetStyleVis(action[1],1);
else CSSetStyleVis(action[1],0);
}
}

// --></script>

</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_uu1 = newImage('img/uu1.gif');
pre_ho1 = newImage('img/ho1.gif');
pre_ko1 = newImage('img/ko1.gif');
pre_st1 = newImage('img/st1.gif');
preloadFlag = true;
}
}
CSAct[/*CMP*/ '1F3AE941'] = new Array(CSShowHide,/*CMP*/ 'standorte',1);
CSAct[/*CMP*/ 'BD7EE9E41'] = new Array(CSShowHide,/*CMP*/ 'standorte',2);

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

<body onload="preloadImages();" bgcolor="#870000" link="#ffffb3" vlink="#ffffb3" alink="#ffffb3" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
<tr>

<td align="center" valign="middle">
<div align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0" height="520">
<tr height="35">
<td width="600" height="35">&nbsp;<img src="img/banner_mu.gif" alt="" height="35" width="110" align="bottom"></td>
</tr>
<tr height="450">
<td align="center" valign="middle" width="600" height="450">
<table class="rahmen" width="600" border="1" cellspacing="0" cellpadding="0" height="450">

<tr>
<td align="center" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr height="19">
<td align="center" valign="middle" width="280" height="19"></td>
<td height="19">&nbsp;</td>
</tr>
<tr height="347">
<td align="center" valign="middle" width="280" height="347"><img class="rahmen" src="img/pic2.jpg" alt="" height="345" width="230" border="0"></td>

<td height="347">
<div class="text">
<p>
<iframe src="mit_text.html" style="border:0px #FFFFFF none;" name="impressum" scrolling="auto" frameborder="0" align=left marginheight="0" marginwidth="0" height="345" width="280"></iframe>
</p>
<p></p>
</div>
</td>
</tr>

<tr height="70">
<td colspan="2" align="left" valign="middle" height="70">
<table width="280" border="0" cellspacing="0" cellpadding="0" height="45">
<tr height="45">
<td align="center" valign="middle" width="70" height="45"><a onmouseover="changeImages('unteruns','img/ho1.gif');return true" onmouseout="changeImages('unteruns','img/ho0.gif');return true" href="index.html"><img id="unteruns" src="img/ho0.gif" alt="" name="unteruns" height="42" width="70" border="0"></a></td>
<td align="center" valign="middle" width="70" height="45"><a onmouseover="changeImages('unteruns2','img/uu1.gif');return true" onmouseout="changeImages('unteruns2','img/uu0.gif');return true" href="unter.html"><img id="unteruns2" src="img/uu0.gif" alt="" name="unteruns2" height="42" width="70" border="0"></a></td>
<td align="center" valign="middle" width="70" height="45"><a onmouseover="changeImages('unteruns3','img/ko1.gif');return true" onmouseout="changeImages('unteruns3','img/ko0.gif');return true" href="kontakt.html"><img id="unteruns3" src="img/ko0.gif" alt="" name="unteruns3" height="42" width="70" border="0"></a></td>
<td align="left" valign="middle" width="70" height="45">
<div id="standorte">
<table onmouseout="CSAction(new Array(/*CMP*/'BD7EE9E41'));" width="100" border="0" cellspacing="0" cellpadding="0" csout="BD7EE9E41">
<tr>
<td><img src="img/blank.gif" alt="" height="45" width="100" border="0"></td>
</tr>
<tr>
<td><a href="duesseldorf.html"><img src="img/navi_dd.gif" alt="" height="15" width="100" border="0"></a></td>
</tr>
<tr>
<td><a href="koeln.html"><img src="img/navi_ko.gif" alt="" height="15" width="100" border="0" vspace="1"></a></td>
</tr>
<tr>
<td><a href="whv.html"><img src="img/navi_wi.gif" alt="" height="15" width="100" border="0"></a></td>
</tr>
</table>
</div>
<a onmouseover="CSAction(new Array(/*CMP*/'1F3AE941'));changeImages('unteruns4','img/st1.gif');return true" onmouseout="changeImages('unteruns4','img/st0.gif');return true" href="#" csover="1F3AE941"><img id="unteruns4" src="img/st0.gif" alt="" name="unteruns4" height="42" width="70" border="0"></a></td>
</tr>

</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

<tr height="35">
<td align="left" valign="top" width="600" height="35">
<div>

</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>

<p></p>
<p></p>
<p></p>
</body>

</html>


Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#111603]

Ebene relativ positionieren

bremerjung
Beiträge gesamt: 7

28. Sep 2004, 08:55
Beitrag # 3 von 5
Beitrag ID: #111632
Bewertung:
(969 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
super!!!

hat geklappt!!!

ich habe einfach eine tabellenzelle zwischen den zwei menüpunkten angelegt und dort die ebene positioniert, auf static gesetzt und es klappt.

vielen dank für die prompte hilfe!!!

gruß aus bremen,

thomas


als Antwort auf: [#111603]

Ebene relativ positionieren

Dirk Levy
  
Beiträge gesamt: 9409

28. Sep 2004, 08:57
Beitrag # 4 von 5
Beitrag ID: #111633
Bewertung:
(969 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Gerne geschehen,
hatte das Problem auch schon
öfter mal....

Gruß von HH nach HB

Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#111603]

Ebene relativ positionieren

abra100pro
Beiträge gesamt: 12

28. Sep 2004, 20:10
Beitrag # 5 von 5
Beitrag ID: #111823
Bewertung:
(969 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Dirk, Ich habe einen kleinen Test damit gemacht (siehe weiter unten).

bei mir passiert folgendes:
Wenn ich den Layer auf static setze (im Layoutmode),dann passiert erstmal nichts. Wenn ich dann im Sourcecode nachschaue, steht dort immer noch absolute. Wenn ich das auf static überschreibe, dann erkennt GLCS den layer nicht mehr als Layer (Palette "Layer" leer, Box im Layout in keiner Weise editierbar.

Ist das ein GL bug oder liegt es an was anderem?....

Hier der Source meines Samples:

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

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>pagetitle</title>
<style type="text/css" media="screen"><!--
#layer1 { background-color: #f30; visibility: visible; position: static; top: 145px; left: 262px; width: 100px; height: 100px }
--></style>
</head>

<body bgcolor="#ffffff" text="#000000">
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#9b908f" height="100%">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr height="50">
<td height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
</tr>
<tr height="50">
<td height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td valign="top" bgcolor="#ffcc00" width="50" height="50">
<div id="layer1">
trallala</div>
</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
</tr>
<tr height="50">
<td height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td bgcolor="#ffcc00" width="50" height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
<td height="50">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>

</html>


als Antwort auf: [#111603]
X

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
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
09.09.2021 - 17.12.2021

Digicomp Academy, Zürich
Donnerstag, 09. Sept. 2021, 13.00 Uhr - Freitag, 17. Dez. 2021, 19.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von Publishing NETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: 6'300.– zzgl. 7.7% MWST
Dauer: 18 Tage(ca. 126 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberater AT digicomp DOT ch