[Gast]  Foren Archiv Adobe GoLive Ebene relativ positionieren

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag
Adobe GoLive
6161
30249
Dirk Levy
28. Mai 2021, 13:02
Dirk Levy
 

Ebene relativ positionieren

bremerjung
Beiträge gesamt: 7
28. Sep 2004, 09:54
Beitrag # 1 von 5
Bewertung:
(1018 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: 9441
28. Sep 2004, 10:20
Beitrag # 2 von 5
Beitrag ID: #111617
Bewertung:
(1018 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, 10:55
Beitrag # 3 von 5
Beitrag ID: #111632
Bewertung:
(1018 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: 9441
28. Sep 2004, 10:57
Beitrag # 4 von 5
Beitrag ID: #111633
Bewertung:
(1018 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, 22:10
Beitrag # 5 von 5
Beitrag ID: #111823
Bewertung:
(1018 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

Aktuell

PDF / Print
callas software veröffentlicht pdfaPilot 11.1

| 04.07.2022

pdfaPilot-11.1-300x300

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
09.05.2023
Prüfen von Druck-PDF in Acrobat DC Pro

Digicomp (Bern, Basel, Zürich)
Dienstag, 09. Mai 2023, 08.30 - 17.00 Uhr

Kurs

Sie verfügen über ein Abonnement der Creative Cloud, welches Adobe Acrobat DC Pro beinhaltet. Sind Sie unsicher, ob Ihre PDF Dateien für die jeweilige Druckausgabe geeignet sind? Lernen Sie in diesem Kurs das notwendige Rüstzeug für den sicheren Datenaustausch mit Druckdienstleistern. Erstellen Sie druckfähige PDF/X und prüfen Sie Ihre PDFs vor einer Weitergabe mit Acrobat DC Pro.

Dauer: 1 Tag
Preis: CHF 700.–, exkl. MWST

Ja

Organisator: Digicomp Academy AG

https://digicomp.ch/weiterbildung-media-communication/adobe/kurs-pruefen-von-druck-pdf-in-acrobat-dc-pro--basic

Prüfen von Druck-PDF in Acrobat DC Pro
Weitere Events

Neuste Foreneinträge


Punktraster in Illustration - wie man das lösen?

Dateigröße von Affinity Publisher-Dateien reduzieren?

macOS Ventura / keine .ps und .eps Dateien mehr in Vorschau

VCard mit QR-Code

Grep-Stil zum Finden eines Satzes ohne Punkt - Gefunden - Absatzformat anwenden

Datenzusammenführung per Skript aktualisieren und Vorschau anzeigen

Quark 2023

QXP 22 stürzt beim Start up

Helios und SMB1

HD Prinect Integration Manager 2019
medienjobs
Weitere Stellenangebote
HDS Portalpartner
HDS Portalpartner
viscom – die starke Stimme für die grafische Industrie der Schweiz
viscom
HDS Portalpartner
axaio software GmbH
AXA_Company_logo_rgb_Graustufen
HDS Portalpartner
Impressed – Lösungen für Medienproduktion und Digitaldruck
impressed
HDS Portalpartner
P/B/U Beratungs AG
PBU_Logo_weiss
HDS Portalpartner
medienjobs.ch - Stellenmarkt für Kommunikation, Marketing & Medien
medienjobs weiss
HDS Portalpartner
Agenturtschi – Text, Foto, Grafik
agenturtschi_weiss
HDS Portalpartner
callas software gmbh
callas_grau
HDS Portalpartner
Die Satzkiste Stuttgart
Die Satzkiste Stuttgart - Startseite
HDS Portalpartner
pro2media - Digitale Kompetenz für Firmen und Privatpersonen
Logo_pro2media_weiss-1
Kontakt
Kontakt

Impressum
Datenschutz

Werbeformen

    Mitgliedschaft

    Die Nutzung von HilfDirSelbst ist grundsätzlich kostenlos und erfordert eine Registrierung als User. Profitieren Sie von Zusatzfunktionen im Rahmen einer Mitgliedschaft:

      •  Registrierter User
      •  Gönner
      •  Member
      •  PremiumMember
      •  PremiumMemberPlus

      Richtlinien im Forum

      29.03.2023:
    • Werbung im Forum
      • 29.03.2023:
    • Löschen von Benutzerdaten und Beiträgen
      • 29.03.2023:
    • Einwandfreies Funktionieren des Forums
      • 29.03.2023:
    • Newsletterversand
      •