Ich versuche jetzt schon seit geraumer zeit den horizontalen login an der gewünschten stelle zu platzieren aber irgendwie bin ich einfach zu dusselig dafür. Da mir das ding jetzt schon genug graue haare bescheert hat will ich euch mal ein bisschen damit auf die nerven gehen.
Also mein problem ist, wie bereits beschrieben, die Position des hlogin 1.1. Ich möchte diesen oberhalb des hmenüs positionieren sodass er wie man vielleicht schon auf der seite erkennen kann unter dem headder auf dem durchgängigen balken steht.
Das hmenu soll darunter auf "abgehackten" balken stehen. Aktuell steht der hlogin direkt als erstes im body.
Hier ein Screenshot um das ganze zu verdeutlichen:
so sollte es aussehen (natürlich mit den loginboxen etc.)
Style.css (Standard Ilch):
body {
margin: 0;
padding: 0;
text-align: absolut;
background-color: #4A4849;
font-size: 11px;
font-family: Verdana, sans-serif;
}
#wrap {
position: center;
width: 822px;
text-align: left;
margin: 0 auto 0 auto;
}
#top {
background: url(img/top.gif);
height: 67px;
width: 822px;
}
#header {
background: url(img/logo.gif);
height: 153px;
width: 822px;
text-align: center;
vertical-align:middle;
}
#header h1 {
display: inline;
position: center;
top: 110px;
left: 100px;
color: #000000;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 0px;
}
#top2 {
background: url(img/top2.gif);
height: 71px;
width: 822px;
}
#content {
background: url(img/contentbg.gif);
background-repeat: repeat;
width: 822px;
}
#footer {
background: url(img/footer.gif);
height: 33px;
width: 822px;
text-align: center;
vertical-align: middle;
}
#left_col {
width: 158px;
float: left;
padding-top: 0px;
padding-left: 9px;
padding-right: 18px;
padding-bottom: 0px;
color: #ffffff;
overflow: hidden;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color: #000000;
}
#left_col a {
color: #CCCCCC;
}
#left_col .menu_heading{
color: #000;
display:block;
letter-spacing: 1px;
font-size: 11px;
align: center;
padding: 0 0 1px 25px;
}
#main_col {
width: 440px;
float: left;
padding-top: 0px;
padding-left: 5px;
padding-right: 20px;
padding-bottom: 0px;
clear: none;
min-height: 100px;
overflow: auto;
}
#right_col1 {
text-align: left;
color: #cccccc;
width: 149px;
float: left;
padding-top: 0px;
padding-left: 5px;
padding-right: 9px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col2 {
color: #cccccc;
width: 141px;
float: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 14px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col1 .menu_heading, #right_col2 .menu_heading{
color: #000;
display:block;
letter-spacing: 1px;
font-size: 11px;
padding: 0 0 30px 1px;
}
#left_col ul{ padding: 0;
margin: 0;
list-style: inside url(img/box_menu_pfeil.gif);
width: 149px;
}
#left_col li{
margin:0;
padding: 5px 0 0 2px;
background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}
#left_col li ul{
width: 146px;
background: url(img/box_menu_trennlinie.gif) no-repeat top;
}
#left_col li li{
padding-left: 16px;
}
#left_col li a{
color: #ffffff;
padding-left: 8px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
td{
font-family: Verdana;
font-size: 11px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a{
color: #000000;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
a.box{
color: #ffffff;
text-align: center;
font-family: Verdana;
font-size: 10px;
text-decoration: underline;
}
a.box:hover{
text-decoration: none;
}
.Chead{
background: #239b16;
color: #7dd67d;
}
.Chead a{
color: #7dd67d;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b{
background: #169b16;
color: #7dd67d;
}
.Callg{ background-color: #EFEFEF;
color: #000000;
}
.Callg td{
color: #ffffff;
}
.Cnorm{
background-color: #e5e5e5;
}
.Cmite{
background-color: #7dd67d;
}
.Cdark{
background-color: #9ac89a;
}
.rand{
border: solid #1b8518 1px;#
}
.smalfont{
font-size: 10px;
text-decoration: none;
}
.border{
background-color: #1b8518;
}
hr{
height: 0px;
border: solid #1b8518 0px;
border-top-width: 1px;
}
input, textarea, select{
color: #000000;
font: 12px Verdana;
border-color: #1b8518;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #EFEFEF;
}
Index (Standard Ilch mit leichten Änderungen):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/ilchClan/style.css">
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>{_boxes_vtec-loginh}</p>
<div id="wrap">
<div id="top">
<p> </p>
</div>
<div id="header"><br>
<h1>{SITENAME}</h1></div>
<div id="top2"><font><b>
</b><b>»</b> {HMENU}</font></div>
<div id="content">
<div id="left_col">
{_list_menunr1@
<b class="menu_heading">%1</b>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr style="height: 12px;background: url(include/designs/ilchClan/img/box_left_middle.gif) top left repeat-y;">
<td style="height: 30px; background: url(include/designs/ilchClan/img/box_left_top.gif) top left no-repeat;"></td>
</tr>
<tr>
<td style="background: url(include/designs/ilchClan/img/box_left_middle.gif) top left repeat-y;" align="top">%2</td>
</tr>
<tr style="height: 9px;background: url(include/designs/ilchClan/img/box_left_middle.gif) top left repeat-y;">
<td style="height: 30px; background: url(include/designs/ilchClan/img/box_left_bottom.gif) bottom left no-repeat;"></td>
</tr>
</table>
<br />
}
</div>
<div id="main_col">{EXPLODE}</div>
<div id="right_col1">
{_list_menunr2@
<table width="141" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 141px; height: 21px; background: url(include/designs/ilchClan/img/box_middle-right_top.gif) no-repeat bottom left;" align="center"><b class="menu_heading">%1</b></td>
</tr><tr>
<td style="min-height:100px; background: url(include/designs/ilchClan/img/box_mittle-right_middle.gif) repeat-y; padding: 4px;">%2</td>
</tr><tr>
<td><img src="include/designs/ilchClan/img/box_middle_bottom.gif" alt="" /></td>
</tr>
</table>
<br />
}
</div>
<div id="right_col2">
{_list_menunr3@
<table width="141" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width:141px; height:21px; background: url(include/designs/ilchClan/img/box_middle-right_top.gif) no-repeat;" align="center"><b class="menu_heading">%1</b></td>
</tr><tr>
<td style="min-height:100px; background: url(include/designs/ilchClan/img/box_mittle-right_middle.gif) repeat-y; padding:4px;">%2</td>
</tr><tr>
<td><img src="include/designs/ilchClan/img/box_right_bottom.gif" alt="" /></td>
</tr>
</table>
<br />
}
</div>
<br style="clear: both;" />
</div>
<!--
Der Link darf generell entfernt werden (Lizenz GNU/GPL)
Ich bitte aber darum, aufgrund der extrem vielen Arbeit die in diesem
Script steckt, ilch.de irgendwie mit einem Banner einem Link oder
sonst irgendwie zu unterstuetzen. Danke !!
//-->
<div id="footer">Script Copyright by <a href="http://www.ilch.de/" target="_blank">ilch.de</a></div>
</div>
</body>
</html>
<!--
{_list_DDDmenupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//-->
<!-- beispiel:
[null, '%3', '%2', '%1', null|],|,
-->
<!-- anfang + link |ende |teilende|teilee -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}
wenn noch etwas fehlt werde ich die quellcodes so schnell wie möglich nachposten.
Ich danke euch schonmal für die Aufmerksamkeit
edit: nein ich kenn mich so gut wie überhaupt nicht mit css und php aus... html krieg ich wohl nich hin
betroffene Homepage: jarredssc.ja.funpic.de
Zuletzt modifiziert von Jarred am 24.02.2009 - 20:53:03
