Ebenen Problem

[Art Jam]

hallo leute habe ein problem :-( wie kann ich eine ebene so fixieren dass sie immer an der selben stelle ist unabhängig von der auflösung

also ich habe einen fläche -> Kreis in der mitte von dem kreis erscheint ein WORT wenn ich über mein button mit der maus drüber fahre. ( ebene aus/ein) der kreis befindet sich irgendwo auf der seite, wenn ich mein vorschaufenster verkleine bzw vergröße so bewegt sich mein Layout mit derm Kreis immer mit und das Layout ist immer zentriert, das wort was aber in der mitte des kreises erscheinen sollte bewegt sich nicht :-( es bleibt immer an der selben position fest :-(

wie mache ich es dass, das wort immer in der mitte von meinem kreis erscheint egal wie breit ich mein fenster habe :-)

mein Layout-Raster auf dem sich der kreis befindet ist immer zentriert (der kreis ist aber nicht zentral auf dem Layout-Raster sondern etwas links versetzt)

bitte brauche hilfe denn ich habe keine ahnung wie ich das machen kann

Lg
Artur

[MatthiasG]

hallo leute habe ein problem :-( wie kann ich eine ebene so fixieren dass sie immer an der selben stelle ist unabhängig von der auflösung

also ich habe einen fläche -> Kreis in der mitte von dem kreis erscheint ein WORT wenn ich über mein button mit der maus drüber fahre. ( ebene aus/ein) der kreis befindet sich irgendwo auf der seite, wenn ich mein vorschaufenster verkleine bzw vergröße so bewegt sich mein Layout mit derm Kreis immer mit und das Layout ist immer zentriert, das wort was aber in der mitte des kreises erscheinen sollte bewegt sich nicht :-( es bleibt immer an der selben position fest :-(

wie mache ich es dass, das wort immer in der mitte von meinem kreis erscheint egal wie breit ich mein fenster habe :-)

mein Layout-Raster auf dem sich der kreis befindet ist immer zentriert (der kreis ist aber nicht zentral auf dem Layout-Raster sondern etwas links versetzt)

bitte brauche hilfe denn ich habe keine ahnung wie ich das machen kann

Lg
Artur

Guten Morgen,

hast Dir schon einmal den CSS-Editor angesehen. Dort gibt es so ein Pfeilkreuz, dieses anklicken und in dem nun öffnenden "Reiter-Dialog" gibt es die Möglichkeit Positionswerte auf relativ oder absolut zu stellen...für Dich das erstere nutzen.

Gruß
Matthias

[UweB]

Moin Artur,
ich würde die Ebene mit dem ein-/ausgeblendeten Text absolut positioniert lassen, nur muss sie sich im Quelltext innerhalb des gleichen Elements befinden in dem sich auch der Kreis befindet.
Da du (leider) mit Layout-Raster arbeitest, vermute ich aber, dass du dich mit dem Quelltext der Seite nicht auskennst. Daher würde ein Link zu der Seite sicher helfen.

Layout-Raster helfen leider nur auf den ersten Blick. Wenn es dann an die Feinheiten geht, kosten sie mehr Zeit, als man zunächst eingespart hat. Auch wenn es am Anfang schwer fällt, würde ich daher ganz auf diesen Unsinn verzichten. Die Mühle lohnt sich.

Gruß
Uwe

[Art Jam]

Guten Morgen,

hast Dir schon einmal den CSS-Editor angesehen. Dort gibt es so ein Pfeilkreuz, dieses anklicken und in dem nun öffnenden "Reiter-Dialog" gibt es die Möglichkeit Positionswerte auf relativ oder absolut zu stellen...für Dich das erstere nutzen.

Gruß
Matthias

hallo, danke für die antwort aber es tut sich leider nix mit dem css :-((((

[Art Jam]

hi uwe, danke für die antwort :-) gibt es denn keine möglichkeit die ebene mit dem layout-raster zu verbinden??? oder wo und wie kann ich das im quelltext einstellen dass sich die ebene so einstellt wie ich sie in der vorschau habe und immer in der mitte von dem kreis ist egal wie die auflösung ist???

lg
Artur

[Dirk Levy]

Wozu brauchst Du das Layout-Raster?
Nimm doch nur Ebenen, die kannst
Du auch stapeln über den Index der
Ebene....

Gruß

Dirk

[Art Jam]

hallo dirk, ich will die ebene ausrichten damit sie an der stelle ist an der ich sie im editor platziert habe :-) und sie soll in der mitte von meinem kreis bleiben egal wie die auflösung ist und ich kenne mich nicht aus :-( denn sie bleibt stehen da wo ich sie platziere und bewegt sich mit dem kreis nicht :-( (sprich 500px x 394px mitte eines kreises) :-((( wenn ich aber mein fenster grösser machen so wie liquid zB. so bleibt die ebene immer noch auf diesen koordinaten stehen :-((( und das will ich nicht ich will dass sich die ebene mit dem kreis bewegt und immer in der mitte ist :-)

[Dirk Levy]

dann müßte sie als Ebene innerhalb der
Ebene des Kreises sein und die Position
entweder Static oder Relative.....

Mit Layout-Raster wird das nichts werden,
weil die von Dir gewünschte Ebene muß
sich nach der Position des Kreises ausrichten....

Und Ebenen kann man auch verschachteln...

Gruß

Dirk

[Art Jam]

wie meinst du das ??? das ist mein Quelltext :-(((

<!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>Unbenannte Seite</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"><!--
#encoding { height: auto; width: auto; left: 414px; top: 500px; position: absolute; visibility: hidden; }
#digitalisieren { height: auto; width: auto; position: absolute; top: 500px; left: 394px; right: 100%; bottom: 100%; visibility: visible; }
#design { height: auto; width: auto; top: 500px; position: absolute; left: 441px; visibility: hidden; }
#fotografie { height: auto; width: auto; left: 414px; top: 500px; position: absolute; visibility: hidden; }
#mastering { height: auto; width: auto; left: 419px; top: 500px; position: absolute; visibility: hidden; }
#filmen { height: auto; width: auto; left: 444px; top: 500px; position: absolute; visibility: hidden; }
--></style>
<csscriptdict import="import">
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'c484765c6'] = new Array(CSShowHide,/*CMP*/ 'encoding',1);
CSAct[/*CMP*/ 'c484787d7'] = new Array(CSShowHide,/*CMP*/ 'encoding',0);
CSAct[/*CMP*/ 'c48481348'] = new Array(CSShowHide,/*CMP*/ 'filmen',1);
CSAct[/*CMP*/ 'c48481449'] = new Array(CSShowHide,/*CMP*/ 'filmen',0);
CSAct[/*CMP*/ 'c484815c10'] = new Array(CSShowHide,/*CMP*/ 'mastering',1);
CSAct[/*CMP*/ 'c484816b11'] = new Array(CSShowHide,/*CMP*/ 'mastering',0);
CSAct[/*CMP*/ 'c484817c12'] = new Array(CSShowHide,/*CMP*/ 'design',1);
CSAct[/*CMP*/ 'c484818813'] = new Array(CSShowHide,/*CMP*/ 'design',0);
CSAct[/*CMP*/ 'c484819614'] = new Array(CSShowHide,/*CMP*/ 'fotografie',1);
CSAct[/*CMP*/ 'c48481a115'] = new Array(CSShowHide,/*CMP*/ 'fotografie',0);
CSAct[/*CMP*/ 'c48481b216'] = new Array(CSShowHide,/*CMP*/ 'digitalisieren',1);
CSAct[/*CMP*/ 'c48481be17'] = new Array(CSShowHide,/*CMP*/ 'digitalisieren',0);
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_videos_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/videos-on.png');
pre_home_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/home-on.png');
pre_news_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/news-on.png');
pre_service_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/service-on.png');
pre_fotos_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/fotos-on.png');
pre_grafik_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/grafik-on.png');
pre_kontakt_on = newImage('../WEB LAYOUT/Buttons/MENU/ON/kontakt-on.png');
pre_PL_ON = newImage('../WEB LAYOUT/Buttons/SPRACHE/PL-ON.png');
pre_DE_ON = newImage('../WEB LAYOUT/Buttons/SPRACHE/DE-ON.png');
pre_encoding_on = newImage('../WEB LAYOUT/Buttons/SERVICE/ON/encoding-on.png');
pre_digitalisieren_on = newImage('../WEB LAYOUT/Buttons/SERVICE/ON/digitalisieren-on.png');
pre_fotos_on = newImage('../WEB LAYOUT/Buttons/SERVICE/ON/fotos-on.png');
pre_grafik_on = newImage('../WEB LAYOUT/Buttons/SERVICE/ON/grafik-on.png');
pre_kamera_on = newImage('../WEB LAYOUT/Buttons/SERVICE/ON/kamera-on.png');
pre_dvd_on = newImage('../WEB LAYOUT/Buttons/SERVICE/ON/dvd-on.png');
preloadFlag = true;
}
}

// --></script>
</csactiondict>
<csactions>
<csaction name="c484765c6" class="ShowHide" type="onevent" val0="encoding" val1="1"></csaction>
<csaction name="c484787d7" class="ShowHide" type="onevent" val0="encoding" val1="0"></csaction>
<csaction name="c48481348" class="ShowHide" type="onevent" val0="filmen" val1="1"></csaction>
<csaction name="c48481449" class="ShowHide" type="onevent" val0="filmen" val1="0"></csaction>
<csaction name="c484815c10" class="ShowHide" type="onevent" val0="mastering" val1="1"></csaction>
<csaction name="c484816b11" class="ShowHide" type="onevent" val0="mastering" val1="0"></csaction>
<csaction name="c484817c12" class="ShowHide" type="onevent" val0="design" val1="1"></csaction>
<csaction name="c484818813" class="ShowHide" type="onevent" val0="design" val1="0"></csaction>
<csaction name="c484819614" class="ShowHide" type="onevent" val0="fotografie" val1="1"></csaction>
<csaction name="c48481a115" class="ShowHide" type="onevent" val0="fotografie" val1="0"></csaction>
<csaction name="c48481b216" class="ShowHide" type="onevent" val0="digitalisieren" val1="1"></csaction>
<csaction name="c48481be17" class="ShowHide" type="onevent" val0="digitalisieren" val1="0"></csaction>
</csactions>
</head>

<body onload="preloadImages();" background="../WEB LAYOUT/HINTERGRUND.png" leftmargin="0" marginwidth="0">
<div id="encoding">
<img src="../WEB LAYOUT/SERVICE/encoding.png" alt="" height="35" width="143" border="0" /></div>
<div id="digitalisieren">
<img src="../WEB LAYOUT/SERVICE/digitalisieren.png" alt="" height="35" width="207" border="0" /></div>
<div id="design">
<img src="../WEB LAYOUT/SERVICE/design.png" alt="" height="35" width="107" border="0" /></div>
<div id="fotografie">
<img src="../WEB LAYOUT/SERVICE/fotografie.png" alt="" height="35" width="157" border="0" /></div>
<div id="mastering">
<img src="../WEB LAYOUT/SERVICE/mastering.png" alt="" height="35" width="157" border="0" /></div>
<div id="filmen">
<img src="../WEB LAYOUT/SERVICE/filmen.png" alt="" height="30" width="103" border="0" /></div>
<div style="position:relative;width:980px;height:950px;margin:auto;-adbe-g,2,2;">
<div style="position:absolute;top:145px;left:153px;width:672px;height:51px;">
<img src="../WEB LAYOUT/SERVICE.png" alt="" height="51" width="672" border="0" /></div>
<div style="position:absolute;top:40px;left:20px;width:236px;height:36px;">
<img src="../WEB LAYOUT/LOGO.png" alt="" height="36" width="236" border="0" /></div>
<div style="position:absolute;top:208px;left:245px;width:88px;height:48px;">
<a onmouseover="changeImages('news_off','../WEB LAYOUT/Buttons/MENU/ON/news-on.png');return true" onmouseout="changeImages('news_off','../WEB LAYOUT/Buttons/MENU/OFF/news-off.png');return true" href="NEWS.html"><img id="news_off" src="../WEB LAYOUT/Buttons/MENU/OFF/news-off.png" alt="" name="news_off" height="48" width="88" border="0" /></a></div>
<div style="position:absolute;top:208px;left:333px;width:102px;height:48px;">
<a onmouseover="changeImages('service_off','../WEB LAYOUT/Buttons/MENU/ON/service-on.png');return true" onmouseout="changeImages('service_off','../WEB LAYOUT/Buttons/MENU/ON/service-on.png');return true" href="SERVICE.html"><img id="service_off" src="../WEB LAYOUT/Buttons/MENU/ON/service-on.png" alt="" name="service_off" height="48" width="102" border="0" /></a></div>
<div style="position:absolute;top:208px;left:435px;width:97px;height:48px;">
<a onmouseover="changeImages('fotos_off','../WEB LAYOUT/Buttons/MENU/ON/fotos-on.png');return true" onmouseout="changeImages('fotos_off','../WEB LAYOUT/Buttons/MENU/OFF/fotos-off.png');return true" href="FOTOS.html"><img id="fotos_off" src="../WEB LAYOUT/Buttons/MENU/OFF/fotos-off.png" alt="" name="fotos_off" height="48" width="97" border="0" /></a></div>
<div style="position:absolute;top:208px;left:532px;width:91px;height:48px;">
<a onmouseover="changeImages('grafik_off','../WEB LAYOUT/Buttons/MENU/ON/grafik-on.png');return true" onmouseout="changeImages('grafik_off','../WEB LAYOUT/Buttons/MENU/OFF/grafik-off.png');return true" href="GRAFIK.html"><img id="grafik_off" src="../WEB LAYOUT/Buttons/MENU/OFF/grafik-off.png" alt="" name="grafik_off" height="48" width="91" border="0" /></a></div>
<div style="position:absolute;top:208px;left:623px;width:88px;height:48px;">
<a onmouseover="changeImages('videos_off','../WEB LAYOUT/Buttons/MENU/ON/videos-on.png');return true" onmouseout="changeImages('videos_off','../WEB LAYOUT/Buttons/MENU/OFF/videos-off.png');return true" href="VIDEOS.html"><img id="videos_off" src="../WEB LAYOUT/Buttons/MENU/OFF/videos-off.png" alt="" name="videos_off" height="48" width="88" border="0" /></a></div>
<div style="position:absolute;top:208px;left:711px;width:135px;height:48px;">
<a onmouseover="changeImages('kontakt_off','../WEB LAYOUT/Buttons/MENU/ON/kontakt-on.png');return true" onmouseout="changeImages('kontakt_off','../WEB LAYOUT/Buttons/MENU/OFF/kontakt-off.png');return true" href="KONTAKT.html"><img id="kontakt_off" src="../WEB LAYOUT/Buttons/MENU/OFF/kontakt-off.png" alt="" name="kontakt_off" height="48" width="135" border="0" /></a></div>
<div style="position:absolute;top:208px;left:133px;width:112px;height:48px;">
<a onmouseover="changeImages('home_off','../WEB LAYOUT/Buttons/MENU/ON/home-on.png');return true" onmouseout="changeImages('home_off','../WEB LAYOUT/Buttons/MENU/OFF/home-off.png');return true" href="HOME.html"><img id="home_off" src="../WEB LAYOUT/Buttons/MENU/OFF/home-off.png" alt="" name="home_off" height="48" width="112" border="0" /></a></div>
<div style="position:absolute;top:107px;left:72px;width:38px;height:38px;">
<a onmouseover="changeImages('PL_OFF','../WEB LAYOUT/Buttons/SPRACHE/PL-ON.png');return true" onmouseout="changeImages('PL_OFF','../WEB LAYOUT/Buttons/SPRACHE/PL-OFF.png');return true" href="#"><img id="PL_OFF" src="../WEB LAYOUT/Buttons/SPRACHE/PL-OFF.png" alt="" name="PL_OFF" height="38" width="38" border="0" /></a></div>
<div style="position:absolute;top:107px;left:34px;width:38px;height:38px;">
<a onmouseover="changeImages('DE_OFF','../WEB LAYOUT/Buttons/SPRACHE/DE-ON.png');return true" onmouseout="changeImages('DE_OFF','../WEB LAYOUT/Buttons/SPRACHE/DE-ON.png');return true" href="SERVICE.html"><img id="DE_OFF" src="../WEB LAYOUT/Buttons/SPRACHE/DE-ON.png" alt="" name="DE_OFF" height="38" width="38" border="0" /></a></div>
<div style="position:absolute;top:383px;left:142px;width:199px;height:131px;">
<a onmouseover="CSAction(new Array(/*CMP*/'c48481b216'));changeImages('digitalisieren_off','../WEB LAYOUT/Buttons/SERVICE/ON/digitalisieren-on.png');return true;" onmouseout="CSAction(new Array(/*CMP*/'c48481be17'));changeImages('digitalisieren_off','../WEB LAYOUT/Buttons/SERVICE/OFF/digitalisieren-off.png');return true;" href="SERVICE Seiten/digitalisieren.html" csout="c48481be17" csover="c48481b216"><img id="digitalisieren_off" src="../WEB LAYOUT/Buttons/SERVICE/OFF/digitalisieren-off.png" alt="" name="digitalisieren_off" height="131" width="199" border="0" /></a></div>
<div style="position:absolute;top:508px;left:638px;width:199px;height:131px;">
<a onmouseover="CSAction(new Array(/*CMP*/'c484815c10'));changeImages('dvd_off','../WEB LAYOUT/Buttons/SERVICE/ON/dvd-on.png');return true;" onmouseout="CSAction(new Array(/*CMP*/'c484816b11'));changeImages('dvd_off','../WEB LAYOUT/Buttons/SERVICE/OFF/dvd-off.png');return true;" href="SERVICE Seiten/mastering.html" csout="c484816b11" csover="c484815c10"><img id="dvd_off" src="../WEB LAYOUT/Buttons/SERVICE/OFF/dvd-off.png" alt="" name="dvd_off" height="131" width="199" border="0" /></a></div>
<div style="position:absolute;top:319px;left:368px;width:199px;height:132px;">
<a onmouseover="CSAction(new Array(/*CMP*/'c484765c6'));changeImages('encoding_off','../WEB LAYOUT/Buttons/SERVICE/ON/encoding-on.png');return true;" onmouseout="CSAction(new Array(/*CMP*/'c484787d7'));changeImages('encoding_off','../WEB LAYOUT/Buttons/SERVICE/OFF/encoding-off.png');return true;" href="SERVICE Seiten/encoding.html" csout="c484787d7" csover="c484765c6"><img id="encoding_off" src="../WEB LAYOUT/Buttons/SERVICE/OFF/encoding-off.png" alt="" name="encoding_off" height="132" width="199" border="0" /></a></div>
<div style="position:absolute;top:541px;left:186px;width:200px;height:131px;">
<a onmouseover="CSAction(new Array(/*CMP*/'c484819614'));changeImages('fotos_off2','../WEB LAYOUT/Buttons/SERVICE/ON/fotos-on.png');return true;" onmouseout="CSAction(new Array(/*CMP*/'c48481a115'));changeImages('fotos_off2','../WEB LAYOUT/Buttons/SERVICE/OFF/fotos-off.png');return true;" href="SERVICE Seiten/fotografie.html" csout="c48481a115" csover="c484819614"><img id="fotos_off2" src="../WEB LAYOUT/Buttons/SERVICE/OFF/fotos-off.png" alt="" name="fotos_off2" height="131" width="200" border="0" /></a></div>
<div style="position:absolute;top:575px;left:417px;width:200px;height:132px;">
<a onmouseover="CSAction(new Array(/*CMP*/'c484817c12'));changeImages('grafik_off2','../WEB LAYOUT/Buttons/SERVICE/ON/grafik-on.png');return true;" onmouseout="CSAction(new Array(/*CMP*/'c484818813'));changeImages('grafik_off2','../WEB LAYOUT/Buttons/SERVICE/OFF/grafik-off.png');return true;" href="SERVICE Seiten/design.html" csout="c484818813" csover="c484817c12"><img id="grafik_off2" src="../WEB LAYOUT/Buttons/SERVICE/OFF/grafik-off.png" alt="" name="grafik_off2" height="132" width="200" border="0" /></a></div>
<div style="position:absolute;top:347px;left:592px;width:199px;height:131px;">
<a onmouseover="CSAction(new Array(/*CMP*/'c48481348'));changeImages('kamera_off','../WEB LAYOUT/Buttons/SERVICE/ON/kamera-on.png');return true;" onmouseout="CSAction(new Array(/*CMP*/'c48481449'));changeImages('kamera_off','../WEB LAYOUT/Buttons/SERVICE/OFF/kamera-off.png');return true;" href="SERVICE Seiten/filmen.html" csout="c48481449" csover="c48481348"><img id="kamera_off" src="../WEB LAYOUT/Buttons/SERVICE/OFF/kamera-off.png" alt="" name="kamera_off" height="131" width="199" border="0" /></a></div>
</div>
<map name="home-off"></map>
<p></p>
</body>

</html>

[Dirk Levy]

Oh Gott, das sieht nach GL9 aus, richtig?

Direkt zugewiesene Divs. Aber ich kann
da nichts mit anfangen, da mir ja alles
drumherum fehlt bei der Masse an Bildern
und ich nicht im Code nicht sehen kann
was Du meinst....

Gruß

Dirk

[Art Jam]

also folgendes wenn ich will es so haben :-) wie im bild 1

wenn ich aber mein fenster etwas grösser mache so kommt das wie im bild 2

:-((((

[Dirk Levy]

Es ist also die Ebene digitalisieren?
Mach die doch genauso wie die
Bilder drumherum und am besten
als letztes Element....

Mehr kann ich Dir da auch nicht
helfen, da ich mit GL9 prinzipiell
nicht arbeite....

Gruß

Dirk

[Art Jam]

na ja wenn ich die ebene digitalisieren so wie die bilder mache so wird sie nicht erscheinen wenn ich mich mit der maus auf den jeweiligen button bewege die ebene soll unsichtbar sein und zum vorschau kommen wenn ich auf den button gehe :-) und der button ist ja schon ein rollover :-)

[UweB]

Noch einmal einfach ausgedrückt:
Mit Raster bekommst du das nur hin, wenn du weißt, wie es ohne Raster geht. Dann wäre es aber einfacher ohne Raster zu arbeiten.
Sich manuell durch den Quelltext zu arbeiten, den GoLive mit Hilfe eines Rasters erzeugt, ist bei deiner Seite nahezu sinnlos, wenn auch mit sehr viel Zeit sicherlich machbar.
Ich kann dir daher nur Raten entweder beim Raster zu bleiben und auf alles, was damit nicht einfach zu lösen ist eben zu verzichten, oder aber dich erst einmal richtig in die Materie ein zu arbeiten. Auf die Idee auf das Raster zu verzichten, kommst du dann ganz allein.

[herb_k]

Wozu brauchst Du das Layout-Raster?
Nimm doch nur Ebenen, die kannst
Du auch stapeln über den Index der
Ebene....

Gruß

Dirk

Hab die jeweiligen Seiten hauptsächlich mit zwei Ebenen gestaltet ...also Hintergrund mit Bild im unteren Rahmen absolut positioniert und Textbox eine Ebene drüber ... funktioniert auch wunderbar in den Browsern. Das Problem: Im Druck rutscht der Text aus dem Druckbereich und wird auf der nächsten Seite oder gar nicht gedruckt ??!!!

Gruß herb