phpBB.de

Code: Alles auswählen

	<div class="indentmenu">
	<ul>
	<li><a href="http://www.test.de">Test1</a></li>
	<li><a href="http://www.test.de" >Test2</a></li>
	<li><a href="http://www.test.de">Test3</a></li>
	</ul>
	<br style="clear: left" />
	</div>

Code: Alles auswählen

.indentmenu{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: right;
width: 100%; /*width of menu*/
/*
border: 1px solid #ff0000;  dark purple border
border-width: 1px 0; */
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: right;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li /* .current */ {
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(indentbg2.gif) center center repeat-x;
}

Code: Alles auswählen

<div>
  <div style="float:left; width:50%">Menü links</div>
  <div style="float:left; width:50%">Menü rechts</div>
</div>