| Autor |
Nachricht |
-
ptcprince
|
 01.04.2011 um 17:23 (UTC)
Titel: Dynamische Box ? Iceblue Design |
|
|
Hallo,
Ich habe Links unter der Navi eine Box eingebaut
Die nichts mit den rechten boxen zu tuhn hat
Die Box kann ich so Positionieren wie ich will.
Jetzt die Frage:
kann ich diese box irgendwie Dynamisch machen?
was ich meine ist halt die Position automatisch zu ändern wenn mann sich bei mir einlogt yum beispiel,
Ich habe dabei an einer funktion oder klasse gedacht,die so ungefähr ist:
if (Login==true){
box.postion=Left:200px,Top:300px}
Ich weiss das der code völlig falsch ist aber dient nur damit ihr wisst was ich meine
hier ist der code für die box:
Zitat: <!-- CSS für die Positionierung -->
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:150px;top:480px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"> Hier kommt der text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>
|
|
|
↑
|
|
 |
-
3fragezeichen
|
01.04.2011 um 19:09 (UTC)
Titel: |
|
|
Was für nen Sinn soll das haben? Soll die Box dann weiter unten sein, weil die Navi länger ist? ______________ 
 |
|
|
↑
|
|
|
-
ptcprince
|
01.04.2011 um 19:12 (UTC)
Titel: |
|
|
Genau,
ausserdem sind einige Seiten breiter als andere bei mir |
|
|
↑
|
|
|
-
3fragezeichen
|
01.04.2011 um 19:12 (UTC)
Titel: |
|
|
Ahja. Man könnte das dynamisch an die Höhe der Navi anpassen, soll ich mal versuchen? ______________
|
|
|
↑
|
|
|
-
ptcprince
|
01.04.2011 um 19:29 (UTC)
Titel: |
|
|
Ja bitte
probieren geht über studieren |
|
|
↑
|
|
|
-
3fragezeichen
|
01.04.2011 um 20:12 (UTC)
Titel: |
|
|
Einfach den Code von eben nehmen, auch positionieren, und mit diesem Code wird die Box dann noch um die Höhe der Navi weiter nach unten gesetzt:
Zitat: <script type="text/javascript">
Hoehe = 0;
alle = document.getElementsByTagName('*');
for (var i = 0; i < alle.length; i++){
if ((alle[i].className == "nav") || (alle[i].className == "nav_heading")) Hoehe = Hoehe + alle[i].offsetHeight;
}
document.getElementById("table1").style.top = document.getElementById("table1").offsetTop + Hoehe + "px";
</script> ______________
|
|
|
↑
|
|
|
-
ptcprince
|
01.04.2011 um 20:41 (UTC)
Titel: |
|
|
hat nicht funktioniert,
vielleicht hab ich was falsch gemacht
der alte code bleibt so wie er ist richtig?
den neuen code hab ich einfach nach dem altem code eingefügt
bei text ueber design
also so:
Zitat: <!-- CSS für die Positionierung -->
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:150px;top:450px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">text hier<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>
<script type="text/javascript">
Hoehe = 0;
alle = document.getElementsByTagName('*');
for (var i = 0; i < alle.length; i++){
if ((alle[i].className == "nav") || (alle[i].className == "nav_heading")) Hoehe = Hoehe + alle[i].offsetHeight;
}
document.getElementById("table1").style.top = document.getElementById("table1").offsetTop + Hoehe + "px";
</script> |
|
|
↑
|
|
|
-
ptcprince
|
02.04.2011 um 20:07 (UTC)
Titel: |
|
|
keiner der helfen kann?  ______________  |
|
|
↑
|
|
|
-
3fragezeichen
|
03.04.2011 um 12:14 (UTC)
Titel: |
|
|
Füg den Code bitte nochmal ein, dann kann ich mir das angucken. ______________
|
|
|
↑
|
|
|
-
ptcprince
|
03.04.2011 um 13:43 (UTC)
Titel: |
|
|
Code wieder eingefügt aber hat überhaupt kein unterschied gemacht ______________ |
|
|
↑
|
|
|
-
3fragezeichen
|
03.04.2011 um 16:24 (UTC)
Titel: |
|
|
Kannst du es bitte nochmal reinmachen und diesmal und drinlassen, bis ich mir das angucken konnte? ______________
|
|
|
↑
|
|
|
-
ptcprince
|
03.04.2011 um 18:41 (UTC)
Titel: |
|
|
gut ich lass es jetzt bis du dich wieder meldest.
ich weiss aber nicht wozu das gut sein soll?
schaust du dir den quelltext an oder wie? ______________ |
|
|
↑
|
|
|
-
3fragezeichen
|
04.04.2011 um 13:07 (UTC)
Titel: |
|
|
Okay, du musst den Code bei "Text unter dem Design" einfügen, bei "Text über dem Design" funktioniert das nicht.
mfg ______________
|
|
|
↑
|
|
|
-
ptcprince
|
04.04.2011 um 19:19 (UTC)
Titel: |
|
|
Super, Genau wie ich es haben wollte 
funktioniert spitze
Vielen dank 
eine frage noch.
und zwar bei der versteckten Seite.
Die ist viel breiter als die anderen und deshalb habe ich die box fast in der mitte von dieser Seite,
kann mann es so machen das sich die box auch and der Breite der Seite anpasst?
oder vielleicht kannst du mir sagen wie ich die versteckte Seite in der breite verkleinere.
Du kannst es dir auch gerne ansehen wenn du möchtest,
schick mir dein gewünchtes kennwort und bentzernamen über die kontakt form
ach ja und noch was,
wenn ich eine zweite box haben möchte, kopier ich dann einfach denn code nochmal mit anderen table namen? ______________ |
|
|
↑
|
|
|
-
3fragezeichen
|
05.04.2011 um 15:59 (UTC)
Titel: |
|
|
Also, für eine weitere Box:
Zitat: <!-- CSS für die Positionierung -->
<style type="text/css">
<!--
#table1{position:absolute;left:150px;top:450px;}
#table2{position:absolute;left:150px;top:450px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table 1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">text hier<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>
<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">text hier<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>
<script type="text/javascript">
Hoehe = 0;
alle = document.getElementsByTagName('*');
for (var i = 0; i < alle.length; i++){
if ((alle[i].className == "nav") || (alle[i].className == "nav_heading")) Hoehe = Hoehe + alle[i].offsetHeight;
}
document.getElementById("table 1").style.top = document.getElementById("table 1").offsetTop + Hoehe + "px";
document.getElementById("table2").style.top = document.getElementById("table2").offsetTop + Hoehe + "px";
</script>
Für die versteckte Seite, gib mir einfach irgendwelche Daten, mit denen ich mich einloggen kann, damit ich mir das angucken kann. ______________
|
|
|
↑
|
|
|
|
