Ahoi,
hab jetzt mal ne Seite nur mit Div´s gemacht http://fiesta.nachtblock.de/site/ (mein erstes mal) und bis jetzt habe ich mich gut geschlagen, doch jetzt komme ich an ein paar punkten nicht weiter:
lg SaschaCap
hab jetzt mal ne Seite nur mit Div´s gemacht http://fiesta.nachtblock.de/site/ (mein erstes mal) und bis jetzt habe ich mich gut geschlagen, doch jetzt komme ich an ein paar punkten nicht weiter:
- Das Hintergundbild wird nicht ganz angezeigt.
- Beim ersten Menü links ist der Hintergrund bisschen verschoben.
- Es wird leider rechts und links im Menü keine Hintergrundfarbe (weiss) angezeigt
PHP-Code:
<body bgcolor="#028698" topmargin="0">
<div align="center" style="width:100%; height:100%; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/bg03.jpg) top center no-repeat;">
<div style="width: 988px; height: 127px; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_02.png);">
<div style="width: 416px; height: 64px; float:right; margin-top:55px; margin-right:10px;">
<img border="0" src="http://fiesta.nachtblock.de/site/themes/fiesta/images/spez1.png" width="416" height="64">
</div>
</div>
<div style="width: 988px; height: 153px;">
<div style="width: 692px; height: 153px; float:left;">
<div style="width:692px; height:153px; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_04.gif);">
</div>
</div>
<div algin="right" style="width: 296px; height: 153px; float:right; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_05.gif);">
<div style="width: 280px; height: 37px;"><?php print $header; ?>
</div>
</div>
</div>
<div style="width: 988px; hight: 100%; margin-bottom:0px; background-color: #FFFFFF; text-align:left;">
<div style="float:left; width:150; height:100%; background-color: #FFFFFF;">
<div style="width:150px; height:32px; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_06.gif);">
</div>
<div style="width:150px; clear:right; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_11.gif);">
<div style="margin-left:15px;">
» <a class="menu" href="#">HYPERLINK 1</a><br />
» <a class="menu" href="#">HYPERLINK 2</a><br />
» <a class="menu" href="#">HYPERLINK 3</a><br />
» <a class="menu" href="#">HYPERLINK 4</a><br />
» <a class="menu" href="#">HYPERLINK 5</a><br />
</div>
</div>
<div style="width:150px; height:60px; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_09.gif);">
</div>
<div style="width:14%; width:150px; clear:right; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_11.gif);">
<div style="margin-left:15px;">
» <a class="menu" href="#">HYPERLINK 1</a><br />
» <a class="menu" href="#">HYPERLINK 2</a><br />
» <a class="menu" href="#">HYPERLINK 3</a><br />
» <a class="menu" href="#">HYPERLINK 4</a><br />
» <a class="menu" href="#">HYPERLINK 5</a><br />
</div>
</div>
<div style="width:150px; height:47px; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_13.gif);">
</div>
<div style="width:150px; clear:right; background: url(http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_11.gif);">
<div style="margin-left:15px;">
» <a class="menu" href="#">HYPERLINK 1</a><br />
» <a class="menu" href="#">HYPERLINK 2</a><br />
» <a class="menu" href="#">HYPERLINK 3</a><br />
» <a class="menu" href="#">HYPERLINK 4</a><br />
» <a class="menu" href="#">HYPERLINK 5</a><br />
</div>
</div>
<img border="0" src="http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_15.gif" width="150" height="26">
</div>
<div style="float:right; width:301px; background-color: #FFFFFF;" height="100%">
<p align="center"><img border="0" src="http://fiesta.nachtblock.de/site/themes/fiesta/images/letztforen.png" width="132" height="39"></p>
<div style="margin-left:10px; margin-right:10px;">Forenthemen
</div><br />
<p align="center"><img border="0" src="http://fiesta.nachtblock.de/site/themes/fiesta/images/comforum.png" width="290" height="100"></p><br />
<p align="center"><img border="0" src="http://fiesta.nachtblock.de/site/themes/fiesta/images/umfrage.png" width="96" height="37"></p>
<div style="margin-left:10px; margin-right:10px;"><?php print $right ?>
</div>
</div>
<div style="float:left; width:537px; background-color: #FFFFFF;">
<div><?php print $content; ?>
</div>
</div>
</div>
<div style="width: 988px; height: 50px; text-align:left;">
<img border="0" src="http://fiesta.nachtblock.de/site/themes/fiesta/images/fiesta2_16.png" width="988" height="50">
</div>
</div>