WCM Forum
Seite 2 von 3 < 1 2 3 >
40 Beiträge dieses Themas auf einer Seite anzeigen

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   seite mit fix positionierten elementen includen (http://www.wcm.at/forum/showthread.php?t=204362)

wallhall 27.11.2006 16:21
Zitat:
Original geschrieben von xpla
Naja, wieso positionierst du es dann auch absolut ...
weil es der aufbau dieser seite verlangt, unter dem ersten bild sind weitere bilder, und darunter noch mehr usw., und jedes ist fix positioniert.

wallhall 27.11.2006 16:58
relativ absolut klappt auch nicht, schaut ziemlich wild aus ....

xpla 27.11.2006 17:02
Dann wirf ich mal die Glaskugel an und überleg mir, wie dein Quellcode ausschaut ...

wallhall 27.11.2006 21:06
:aio: also hier der code für die seite mit den fixen positionen:
Code:
<head>
<script type="text/javascript">
<!--
function info(p1,p2)
{document.getElementById(p1).style.visibility=p2;}
//-->
</script>
</head>

<body>

 <div style="position:absolute; left:400px; top:00px; width:100; height:100px;">
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>I/1</div>
    </td>
  </tr>
  <tr bgcolor="#008B97">
    <td height="50" onMouseover="javascript:info('boxI_1','visible')" onMouseout="javascript:info('boxI_1','hidden')">Stammesvater Matthias</td>
  </tr>
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>Kinder:</div>
    </td>
  </tr> 
  </table>
 </div>
 
 
 <div style="position:absolute; left:350px; top:100px; width:100; height:100px;">
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>II/1</div>
    </td>
  </tr>
  <tr bgcolor="#008B97">
    <td height="50" onMouseover="javascript:info('boxII_1','visible')" onMouseout="javascript:info('boxII_1','hidden')">Gallus</td>
  </tr>
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>Kinder:</div>
    </td>
  </tr> 
  </table>
 </div>

 <div style="position:absolute; left:450px; top:100px; width:100; height:80px;">
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>II/2</div>
    </td>
  </tr>
  <tr bgcolor="#AB8B97">
    <td height="50" onMouseover="javascript:info('boxII_2','visible')" onMouseout="javascript:info('boxII_2','hidden')">Wolfgang</td>
  </tr>
  </table>
 </div>

 <div style="position:absolute; left:200px; top:200px; width:100; height:80px;">
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>III/1</div>
    </td>
  </tr>
  <tr bgcolor="#AB8B97">
    <td height="50" onMouseover="javascript:info('boxIII_1','visible')" onMouseout="javascript:info('boxIII_1','hidden')">Johannes</td>
  </tr>
  </table>
 </div>

 <div style="position:absolute; left:300px; top:200px; width:100; height:80px;">
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>III/2</div>
    </td>
  </tr>
  <tr bgcolor="#AB8B97">
    <td height="50" onMouseover="javascript:info('boxIII_2','visible')" onMouseout="javascript:info('boxIII_2','hidden')">Leonhardus</td>
  </tr>
  </table>
 </div>
 
 <div style="position:absolute; left:820px; top:200px; width:100; height:100px;">
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>III/3</div>
    </td>
  </tr>
  <tr bgcolor="#008B97">
    <td height="50" onMouseover="javascript:info('boxIII_3','visible')" onMouseout="javascript:info('boxIII_3','hidden')">Leonhard</td>
  </tr>
  <tr bgcolor="#E7EDF8">
    <td height="10">
    <div>Kinder:</div>
    </td>
  </tr> 
  </table>
 </div>

</body>

und die soll hier includet werden:

PHP-Code:
   echo "<title>$titel</title>\n";
    echo "</head>\n";
    echo "<body>\n";
    echo "    <div id=\"Einleitung\">\n";
    echo "    <h1>Hier kommt der Text hin, der sich entweder über eine oder mehrere Zeilen erstreckt!</h1>\n";
    echo "<table width=\"100%\">\n";
    echo "<tr>\n";
foreach($menue as $key => $val) {
    if ($key == $_GET['geladene_seite']) {
    echo "<td align=\"center\" bgcolor=\"#00ff00\">" . $val['title'] . "</td>";
    } else {
        echo "<td align=\"center\" bgcolor=\"#c0c0c0\"><a href=\"" . $val['path'] . "\">" . $val['title'] . "</a></td>";
    }
}
    echo " </tr>\n";
    echo " </table>\n";
    echo "</br>\n";
    echo " </div>\n";    
    echo " <div id=\"Inhalt\" style=\"background-image:url(wappen.jpg);\">\n";
    if (isset($_GET['geladene_seite']) AND isset($menue[$_GET['geladene_seite']])) {
       include($menue[$_GET['geladene_seite']]['file']);
    } else {
       include ($menue['neues']['file']);
    }     
    echo "</div>\n"; 
die seite soll im <div "Inhalt"> geladen werden, ich hoffe du kannst dir nun mehr vorstellen :cool:

xpla 29.11.2006 09:09
Das kann ja vorne und hinten nicht hinhauen.

Wieso positionierst du die überhaupt absolut? Also mit den festen Höhen etc. glaube ich schon, dass er dir das Layout zerschießt, wenn du was reinladest ...

Schick mir ne PM mit deiner ICQ oder MSN ...

wallhall 30.12.2006 17:39
bauch immer noch ein bissi hilfe. mit postition:relative klappt es auch nicht, da wird alles untereinander dargestellt - und nicht nebeneinander.

ajah, getestet mit ie7 :o

xpla 30.12.2006 21:18
Das Ganze soll ja automatisch generiert werden?! Ich würd dir wirklich vorschlagen, mach nen kommerziellen Auftrag draus ...

wallhall 31.12.2006 19:39
... wenn keiner helfen will/kann, lässt sich ja auch mit blinden tabellen lösen ... :zzz:

iG0r 01.01.2007 19:05
untereinander und nebeneinder ...

da würde ich dir css -> float und left bzw. right ans herz legen. das css gefummel wird sowieso überschätzt. macht 10 mal so viel arbeit wie ein design mit tables, wobei ein halbwegs vernünftiges tabledesign in jedem browser richtig dagestellt wird. spar dir die switches für den ie etc., bau es gleich mit tables.

ich liebe tables :look:, mir ist css zu nervenaufreibend.

xpla 01.01.2007 22:55
Zitat:
Original geschrieben von iG0r
untereinander und nebeneinder ...

da würde ich dir css -> float und left bzw. right ans herz legen. das css gefummel wird sowieso überschätzt. macht 10 mal so viel arbeit wie ein design mit tables, wobei ein halbwegs vernünftiges tabledesign in jedem browser richtig dagestellt wird. spar dir die switches für den ie etc., bau es gleich mit tables.

ich liebe tables :look:, mir ist css zu nervenaufreibend.
Nur damit lockst aber keinen mehr hervor, die meisten wollen ein CSS xhtml konformes Template.


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:38 Uhr.
Seite 2 von 3 < 1 2 3 >
40 Beiträge dieses Themas auf einer Seite anzeigen

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag