 |
| Hinweise |
Willkommen im TP-Hilfe-Forum!Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst. Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, Deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team. Viel Spaß bei Traum-Projekt.com |
05.05.2007, 16:03
|
#1
|
|
TP-Senior
Registriert seit: Feb 2007
|
Ebene mit show/hide
Hallo!
Blende Unterbuttons mit Layer Show/hide ein und aus wenn man über den Hauptbutton fährt.
Nur sind die Koordinaten des Layers bei den einzelnen Sites unterschiedlich.
(Habe den Layer mit kopieren/einsetzen in die nächste site kopiert)
Bei dem einen steht links 302 px, bei dem anderen 174px, aber beide haben im Browser die gleiche Position??
was is da los??
mfg
Mario
|
|
|
|
05.05.2007, 16:09
|
#2
|
|
TP-Veteran
Registriert seit: May 2003
Ort: krefeld
|
gibts dazu noch code?
__________________
computer tun nur das was man ihnen sagt, meistens 
wenn's geholfen hat - bewerte 
|
|
|
|
|
05.05.2007, 16:56
|
#3
|
|
TP-Senior
Registriert seit: Feb 2007
|
1. site:
PHP-Code:
<div id="unterbutton" onmouseover="CSAction(new Array(/*CMP*/'c26248e28'));return true;" onmouseout="CSAction(new Array(/*CMP*/'c26248f19'));" csout="c26248f19" csover="c26248e28">
<div id="meditation">
<a onmouseover="CSAction(new Array(/*CMP*/'c262483d4',/*CMP*/'c262486b6'));changeImages('mediation_klein','button/mediation-klein-act.gif');return true;" onmouseout="changeImages('mediation_klein','button/mediation-klein.gif');return true" href="Ratgeber-meditation.html" csover="c262483d4,c262486b6"><img id="mediation_klein" src="button/mediation-klein.gif" alt="" name="mediation_klein" height="30" width="128" border="0" /></a></div>
<div id="channeling">
<a onmouseover="CSAction(new Array(/*CMP*/'c262484c5',/*CMP*/'c262487a7'));changeImages('channeling_klein','button/channeling-klein-act.gif');return true;" onmouseout="changeImages('channeling_klein','button/channeling-klein.gif');return true" href="Ratgeber-channeling.html" csover="c262484c5,c262487a7"><img id="channeling_klein" src="button/channeling-klein.gif" alt="" name="channeling_klein" height="30" width="128" border="0" /></a></div>
<div id="termine">
<a onmouseover="changeImages('termine_klein','button/termine-klein-act.gif');return true;" onmouseout="changeImages('termine_klein','button/termine-klein.gif');return true;" href="Vortraege-Termine.html"><img id="termine_klein" src="button/termine-klein.gif" alt="" name="termine_klein" height="30" width="128" border="0" /></a></div>
</div>
PHP-Code:
#meditation { height: 30px; width: 130px; left: 0; top: 20px; z-index: 3; position: absolute; visibility: visible; }
#channeling { height: 30px; width: 130px; left: 0; top: 50px; z-index: 3; position: absolute; visibility: visible; }
#termine { height: 30px; width: 130px; left: 0; top: 108px; z-index: 3; position: absolute; visibility: visible; }
#unterbutton { height: 158px; width: 150px; left: 302px; top: 413px; z-index: 3; position: absolute; visibility: visible; }
2. site:
PHP-Code:
<div id="unterbutton" onmouseover="CSAction(new Array(/*CMP*/'c262495711'));return true;" onmouseout="CSAction(new Array(/*CMP*/'c262495713'));" csout="c262495713" csover="c262495711">
<div id="meditation">
<a onmouseover="CSAction(new Array(/*CMP*/'c262495714',/*CMP*/'c262495715'));changeImages('mediation_klein','button/mediation-klein-act.gif');return true;" onmouseout="changeImages('mediation_klein','button/mediation-klein.gif');return true" href="Ratgeber-meditation.html" csover="c262495714,c262495715"><img id="mediation_klein" src="button/mediation-klein.gif" alt="" name="mediation_klein" height="30" width="128" border="0" /></a></div>
<div id="channeling">
<a onmouseover="CSAction(new Array(/*CMP*/'c262495716',/*CMP*/'c262495717'));changeImages('channeling_klein','button/channeling-klein-act.gif');return true;" onmouseout="changeImages('channeling_klein','button/channeling-klein.gif');return true" href="Ratgeber-channeling.html" csover="c262495716,c262495717"><img id="channeling_klein" src="button/channeling-klein.gif" alt="" name="channeling_klein" height="30" width="128" border="0" /></a></div>
<div id="termine">
<a onmouseover="changeImages('termine_klein','button/termine-klein-act.gif');return true;" onmouseout="changeImages('termine_klein','button/termine-klein.gif');return true;" href="Vortraege-Termine.html"><img id="termine_klein" src="button/termine-klein.gif" alt="" name="termine_klein" height="30" width="128" border="0" /></a></div>
</div>
PHP-Code:
#meditation { height: 30px; width: 130px; left: 0; top: 20px; z-index: 3; position: absolute; visibility: visible; }
#channeling { height: 30px; width: 130px; left: 0; top: 50px; z-index: 3; position: absolute; visibility: visible; }
#termine { height: 30px; width: 130px; left: 0; top: 108px; z-index: 3; position: absolute; visibility: visible; }
#unterbutton { height: 158px; width: 150px; left: 174px; top: 402px; z-index: 3; position: absolute; visibility: visible; }
#Ebene1 { height: 416px; width: 580px; left: 225px; top: 259px; z-index: 2; position: absolute; overflow: auto; visibility: visible; }
das Problemkind ist der #unterbutton
mfg Mario
|
|
|
|
|
05.05.2007, 17:43
|
#4
|
|
TP-Moderator
Registriert seit: Jan 2003
Ort: Hamburg
|
Das wird an den umgebenden Elementen liegen.
Genau kann man das nur sagen, wenn du mal einen Link auf die Beiden Seiten zeigst.
Gruß
Uwe
|
|
|
|
|
05.05.2007, 18:58
|
#5
|
|
TP-Moderator
Registriert seit: Feb 2001
Ort: Hamburg
|
Da hat Uwe vollkommen Recht. Wenn diese Ebenen woanders
eingebettet sind können sich natürlich anders verhalten....
Gruß
Dirk
|
|
|
|
|
06.05.2007, 18:39
|
#6
|
|
TP-Moderator
Registriert seit: Feb 2001
Ort: Hamburg
|
Die Ebenenaufrufe stehen an ganz unterschiedlichen
Stellen im Quellcode, das kann natürlich die Ursache
dafür sein.....
Dirk
|
|
|
|
|
07.05.2007, 13:24
|
#7
|
|
TP-Senior
Registriert seit: Feb 2007
|
Hallo Dirk,
wo sind denn die Stellen im quellcode wo das aufgerufen wird 
mfg
Mario |
|
|
|
|
07.05.2007, 14:00
|
#8
|
|
TP-Moderator
Registriert seit: Jan 2003
Ort: Hamburg
|
Und wo ist vor allem der Quellcode?  |
|
|
|
|
07.05.2007, 16:17
|
#9
|
|
TP-Moderator
Registriert seit: Feb 2001
Ort: Hamburg
|
@Uwe: Habe ich per P-Mail bekommen... ;-)
@1984: Na, die Stellen wo die von Dir angelegten
Ebenen im Quellcode definiert sind, lege Dir doch
mal beide nebeneinander, dann siehst Du was anders
ist....
Gruß
Dirk
|
|
|
|
|
07.05.2007, 17:58
|
#10
|
|
TP-Moderator
Registriert seit: Jan 2003
Ort: Hamburg
|
@Dirk
Ja, nun habe ich ihn auch.
@1984:
Die Ebene "Unterbutton" befindet sich einmal innerhalb der Ebene "bodytext" und einmal innerhalb von "horizon". Wenn diese beiden Ebenen nicht zufällig relativ positioniert wurden, beziehen sich die top und left Angaben von "unterbutton" einmal auf die linke obere Ecke von "bodytext" und einmal auf die von "horizon".
Gruß
Uwe
|
|
|
|
|
07.05.2007, 18:20
|
#11
|
|
TP-Senior
Registriert seit: Feb 2007
|
Danke!  |
|
|
|
|
08.05.2007, 12:36
|
#12
|
|
TP-Senior
Registriert seit: Feb 2007
|
Hallo,
hab es hinbekommen das alle die gleiche position haben. *Quellcodedurchstöber*
Habe jetzt wieder das Problem mit den Browsern. Im Safari und Firefox werden sie richtig angezeigt. Nur im Opera sind sie sie dann 1 cm weiter links! Woran kann das liegen???
mfg |
|
|
|
|
08.05.2007, 14:37
|
#13
|
|
TP-Moderator
Registriert seit: Jan 2003
Ort: Hamburg
|
Da gibt es viele Browserbugs, die dazu führen können, dass eine Seite in einem Browser anders angezeigt wird. Opera und Firefox sollten in den aktuellen Versionen aber recht ähnliche Ergebnisse liefern. Da du offenbar auf MAC arbeitest, hast du dir deine Seite auch noch nicht im IE 6/7 ansehen können?
Da liegen die Überraschungen.
Aber ohne aktuellen Quelltext....
|
|
|
|
|
08.05.2007, 15:35
|
#14
|
|
TP-Senior
Registriert seit: Feb 2007
|
Hallo,
hier der quellcode
site 1->
PHP-Code:
body
{
color: white;
margin: 0;
}
#horizon
{
color: white;
background-color: transparent;
text-align: center;
position: absolute;
top: 10px;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#content
{ font-family: Verdana, Geneva, Arial, sans-serif; background-image: url(Hintergrund-neuestes.jpg); margin-left: -510px; position: absolute; left: 50%; width: 1020px;
; border-color: green; border-width: thin; }
.bodytext
{
font-size: 14px
}
.headline
{
font-weight: bold;
font-size: 24px
}
#footer
{
font-size: 11px;
font-family: Verdana, Geneva, Arial, sans-serif;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
visibility: visible;
display: block
}
a:link, a:visited
{
color: green;
text-decoration: underline
}
a:hover
{
color: orange;
text-decoration: underline
}
#meditation { height: 30px; width: 130px; left: 0; top: 20px; z-index: 3; position: absolute; visibility: visible; }
#channeling { height: 30px; width: 130px; left: 0; top: 50px; z-index: 3; position: absolute; visibility: visible; }
#termine { height: 30px; width: 130px; left: 0; top: 108px; z-index: 3; position: absolute; visibility: visible; }
#footer2 { height: 20px; width: 100%; left: 0; bottom: 0; position: absolute; visibility: visible; }
#unterbutton { height: 158px; width: 150px; left: 304px; top: 411px; z-index: 3; position: absolute; visibility: visible; }
--></style>
<csactions>
<csaction name="c210e4776" class="SlideNewWindow" type="onevent" val0="http://www3.viviano.de/cgi-bin/book2.cgi?gbid=4182-W1F6R" val1="_blank" val2="800" val3="600" val4="true" val5="true" val6="true" val7="true" val8="true" val9="true" val10="true" urlparams="1"></csaction>
<csaction name="c26613e642" class="ShowHide" type="onevent" val0="unterbutton" val1="1"></csaction>
<csaction name="c26613e643" class="ShowHide" type="onevent" val0="unterbutton" val1="0"></csaction>
<csaction name="c26613e644" class="ShowHide" type="onevent" val0="meditation" val1="1"></csaction>
<csaction name="c26613e645" class="ShowHide" type="onevent" val0="channeling" val1="1"></csaction>
<csaction name="c26613e646" class="ShowHide" type="onevent" val0="channeling" val1="1"></csaction>
<csaction name="c26613e647" class="ShowHide" type="onevent" val0="meditation" val1="1"></csaction>
</csactions>
<link href="favicon/favicon7.ico" rel="shortcut icon" csoptsettings="AQAAAD142mNgYNBozNFalFtckMPAwMCSX5LhXFCUnwZkCxYHuTspeLo6mxlampnpGukZZibngxRx/AcCIG0DAOggEOg=" livesrc="favicon/favicon.ico" />
<csscriptdict import="import">
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'c210e4776'] = new Array(CSSlideNewWindow,/*URL*/ 'http://www3.viviano.de/cgi-bin/book2.cgi?gbid=4182-W1F6R','_blank',800,600,true,true,true,true,true,true,true);
CSAct[/*CMP*/ 'c26612ea36'] = new Array(CSShowHide,/*CMP*/ 'unterbutton',1);
CSAct[/*CMP*/ 'c26612ea37'] = new Array(CSShowHide,/*CMP*/ 'unterbutton',0);
CSAct[/*CMP*/ 'c26612ea38'] = new Array(CSShowHide,/*CMP*/ 'meditation',1);
CSAct[/*CMP*/ 'c26612ea39'] = new Array(CSShowHide,/*CMP*/ 'channeling',1);
CSAct[/*CMP*/ 'c26612ea40'] = new Array(CSShowHide,/*CMP*/ 'channeling',1);
CSAct[/*CMP*/ 'c26612ea41'] = new Array(CSShowHide,/*CMP*/ 'meditation',1);
CSAct[/*CMP*/ 'c26613e642'] = new Array(CSShowHide,/*CMP*/ 'unterbutton',1);
CSAct[/*CMP*/ 'c26613e643'] = new Array(CSShowHide,/*CMP*/ 'unterbutton',0);
CSAct[/*CMP*/ 'c26613e644'] = new Array(CSShowHide,/*CMP*/ 'meditation',1);
CSAct[/*CMP*/ 'c26613e645'] = new Array(CSShowHide,/*CMP*/ 'channeling',1);
CSAct[/*CMP*/ 'c26613e646'] = new Array(CSShowHide,/*CMP*/ 'channeling',1);
CSAct[/*CMP*/ 'c26613e647'] = new Array(CSShowHide,/*CMP*/ 'meditation',1);
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_Home3_act = newImage('button/Home3-act.gif');
pre_Praxis3_act = newImage('button/Praxis3-act.gif');
pre_ratgeber3_act = newImage('button/ratgeber3-act.gif');
pre_produkte3_act = newImage('button/produkte3-act.gif');
pre_gerlinde3_act = newImage('button/gerlinde3-act.gif');
pre_buch3_act = newImage('button/buch3-act.gif');
pre_einzelsitzung3_act = newImage('button/einzelsitzung3-act.gif');
pre_vortrag_seminar3_act = newImage('button/vortrag-seminar3-act.gif');
pre_aktuelles3_act = newImage('button/aktuelles3-act.gif');
pre_links3_act_enter = newImage('button/links3-act-enter.gif');
preloadFlag = true;
}
}
// --></script>
</csactiondict>
</head>
<body onload="preloadImages();">
<div id="horizon">
<div id="content">
<div class="bodytext">
<div style="position:relative;width:1024px;height:768px;-adbe-g:p,4,4;">
<div style="position:absolute;top:284px;left:16px;width:170px;height:39px;">
<a onmouseover="changeImages('Home3','button/Home3-act.gif');return true" onmouseout="changeImages('Home3','images/Home3.gif');return true" href="index.html"><img id="Home3" src="images/Home3.gif" alt="" name="Home3" height="39" width="170" border="0" /></a></div>
<div style="position:absolute;top:328px;left:16px;width:170px;height:39px;">
<a onmouseover="changeImages('Praxis3','button/Praxis3-act.gif');return true" onmouseout="changeImages('Praxis3','images/Praxis3.gif');return true" href="praxis2.html"><img id="Praxis3" src="images/Praxis3.gif" alt="" name="Praxis3" height="39" width="170" border="0" /></a></div>
<div style="position:absolute;top:240px;left:16px;width:170px;height:39px;">
<a onmouseover="changeImages('news3','button/aktuelles3-act.gif');return true" onmouseout="changeImages('news3','button/aktuelles3.gif');return true" href="news.html"><img id="news3" src="button/aktuelles3.gif" alt="" name="news3" height="39" width="170" border="0" /></a></div>
<div style="position:absolute;top:416px;left:16px;width:170px;height:39px;">
<a onmouseover="changeImages('ratgeber3','button/ratgeber3-act.gif');return true" onmouseout="changeImages('ratgeber3','ratgeber3.gif');return true" href="Ratgeber.html"><img id="ratgeber3" src="ratgeber3.gif" alt="" name="ratgeber3" height="39" width="170" border="0" /></a></div>
<div style="position:absolute;top:460px;left:16px;width:170px;height:39px;">
<a onmouseover="changeImages('produkte3','button/produk | | |
