Wie im Bild schon zu lesen ist, soll die Menüüberschrift Zentriert sein. Also alle Boxen & Menüüberschriften.
Die Trennlinien zwischen den einzelnen kleinen "Boxen" sollen nicht weiß sein, sondern andersfarbig, damit man Sie erkennen kann.
Ich vermute mal ihr braucht dafür die Inde oder Style.css Datei, deshalb gleich mal die Codes dazu. Ich hoffe ihr könnt mir helfen.
Index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>{TITLE}</title> <link href="include/designs/dso/style.css" rel="stylesheet" type="text/css"> <style type="text/css"> *{ color:#FFFFFF;} body { background-attachment: fixed; margin:0px; bgproperties: fixed; background-image: url('include/designs/dso/images/bg.jpg'); } </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div align="center"> <!-----------Beginn Header Bereich-----------> <table table id="Header" width="1024" heigth="213" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="include/designs/dso/images/header.jpg" border=0 alt="Header"></td> </tr> </table> <!-----------Ende Header Bereich-----------> <!-----------Beginn Content Bereich-----------> <tr> <td><table width="1024" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td width="200" background="include/designs/dso/images/menu_bg.jpg"><table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> <tr> <td align="center"> {_list_menunr1@ <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200" height="35" background="include/designs/dso/images/menu.jpg"> <table width="183" cellspacing="0"> <tr> <td width="225"></td> <td width="300" class="Bbody2">%1</td> </tr> </table> </td> </tr> <tr> <td width="200" background="include/designs/dso/images/menu_bg.jpg"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="32"></td> <td width="119" class="Bbody"> <div align="center">%2 </div></td> <td width="28"></td> </tr> </table> </td> </tr> </table> } </td> </tr> </table></td> <td width="624" valign="top" background="include/designs/dso/images/content_bg.jpg" class="Callg"> <table width="624" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="624" valign="top" class="Callg" align="left"> <p>{EXPLODE}</p> </td> </tr> </table></td> <td width="200" background="include/designs/dso/images/menu_bg.jpg"><table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> <tr> <td align="left"> {_list_menunr2@ <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200" height="35" background="include/designs/dso/images/menu.jpg"> <table width="183" cellspacing="0"> <tr> <td width="225"></td> <td width="300" class="Bbody2">%1</td> </tr> </table> </td> </tr> <tr> <td width="200" background="include/designs/dso/images/menu_bg.jpg"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="32"></td> <td width="119" class="Bbody"> <div align="left">%2 </div></td> <td width="28"></td> </tr> </table> </td> </tr> <tr><td height="30" background="include/designs/dso/images/menu_bg.jpg"></td></tr> </table> } </td> </tr> </table></td> </tr> </table></td> </tr> <!-----------Ende Content Bereich-----------> <!-----------Beginn Footer Bereich-----------> <table width="1024" height="26" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="include/designs/dso/images/footer.jpg"</td> </tr> </table> <!-----------Ende Footer Bereich-----------> </body> </html> {_list_hmenupoint@<a target="%1" class="horz_menu" href="%2">%3</a>|||} {_list_hmenubegi@} {_list_hmenuende@} {_list_vmenupoint@<a target="%1" class="leftbox-menupunkte" href="%2">%3</a>|||} {_list_vmenubegi@} {_list_vmenuende@}
Style.css
#left_nav {width:199px; float:left; clear:none; text-align:left; vertical-align:top;} .head_navi {width: 199px; height: 25px; float: none; clear: none; background-image:url(images/navigation.jpg); text-align:left; vertical-align:top; color:#FFFFFF; line-height:28px; text-indent:20px;} .right_nav_list {width: 157px; float:left; clear:none; text-align:left; vertical-align:top; display: block; margin:0px; padding-top:0px; height:16px; color:#FFFFFF; font-size:10px; text-indent:16px; line-height:15px; } a .right_nav_list { width: 157px; float: none; clear: none; display: block; margin:0px; padding-top:0px; height:16px; color:#FFFFF; text-indent:16px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height:15px; font-weight:normal;} .leftbox-menupunkte {width: 158px; float: none; clear: none; display: block; margin:0px; padding-top:0px; width:200px; height:21px; color:#FFFFFF; text-indent:6px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height:14px; background-image:url(images/button.jpg); font-weight:normal; } .leftbox-menupunkte:hover {width: 158px; float: none; clear: none; display: block; margin:0px; padding-top:0px; width:200px; height:21px; color:#FFFFFF; text-indent:6px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height:14px; background-image:url(images/button_on.jpg); font-weight:normal; } a .leftbox-menupunkte {width 158; float: none; clear: none; display: block; margin:0px; padding-top:0px; width:199px; height:16px; color:#FFFFFF; text-indent:6px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height:14px; font-weight:normal; } td { font-family: Verdana; font-size: 10px; } a { color: #FFFFFF; font-family: Tahoma; font-size: 10px; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: none; } a.box { color: #0066FF; font-family: Tahoma; font-size: 10px; } a.box:hover { color: #FFFFFF; text-decoration: none; } .Chead { background-color: #0066FF; color: #; } .Chead td, .Chead td strong, .Chead h4, .Chead td b { color: #FFFFFF; } .Callg { color: #FFFFFF; } .Callg td { color: #FFFFFF; } .Cnorm { background-color: #0066FF; } .Cmite { background-color: #0066FF; } .Cdark { background-color: #0066FF; } #Ballg { color: #FFFFFF; } #Ballg td { color: #FFFFFF; } .Bhead { color: #FFFFFF; } .Bbody { color: #FFFFFF; } .Bbody2 { color: #FFFFFF; } .rand { } .smalfont { font-size: 10px; text-decoration: none; } .border { background-color: #FFFFFF; } hr { height: 0px; border-top-width: 1px; } input, textarea, select { color: #0066FF; font: 10px Tahoma; border-color: #FFFFFF; border-width: 1px; border-style: solid; font-weight: none; text-decoration: none; } #menu {} #menu ul { padding-left: 10px; margin-left: 10px; } #smallmenu { } #smallmenu li { font-size: 9px; } #smallmenu a { font-size: 9px; }
Vielen Dank schon einmal im Vorraus.