Suche im Forum:
Suchen


Autor Nachricht
Beitrag01.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>
Beitrag01.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?
______________

Beitrag01.04.2011 um 19:12 (UTC)    
Titel:

Genau,
ausserdem sind einige Seiten breiter als andere bei mir
Beitrag01.04.2011 um 19:12 (UTC)    
Titel:

Ahja. Man könnte das dynamisch an die Höhe der Navi anpassen, soll ich mal versuchen?
______________

Beitrag01.04.2011 um 19:29 (UTC)    
Titel:

Ja bitte
probieren geht über studieren
Beitrag01.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>

______________

Beitrag01.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>
Beitrag02.04.2011 um 20:07 (UTC)    
Titel:

keiner der helfen kann? Sad
______________
Beitrag03.04.2011 um 12:14 (UTC)    
Titel:

Füg den Code bitte nochmal ein, dann kann ich mir das angucken.
______________

Beitrag03.04.2011 um 13:43 (UTC)    
Titel:

Code wieder eingefügt aber hat überhaupt kein unterschied gemacht
______________
Beitrag03.04.2011 um 16:24 (UTC)    
Titel:

Kannst du es bitte nochmal reinmachen und diesmal und drinlassen, bis ich mir das angucken konnte?
______________

Beitrag03.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?
______________
Beitrag04.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
______________

Beitrag04.04.2011 um 19:19 (UTC)    
Titel:

Super, Genau wie ich es haben wollte Very Happy
funktioniert spitze
Vielen dank Razz

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?
______________
Beitrag05.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="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>

<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("table1").style.top = document.getElementById("table1").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.
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de