Ich habe ein Problem bei der Darstellung eines heruntergeladenen Templates und hoffe, ihr könnt mir vielleicht dabei weiterhelfen.
Die einzelnen Menulinks (Topmenu) im Template sollte eigentlich nebeneinander dargestellt werden und daran wurde nachträglich von mir auch nichts geändert. Leider werden sie in Form einer Aufzählung gelistet. Irgendetwas übersehe ich da ...
Anbei mal den Code und ein Screenshot des Menüs wies nicht aussehen sollte ... Danke für die Hilfe!
Code:
/* CSS Document */
/*--------------------------------------body---*/
body, td, th, div, p, label {
color:#464646;
font:normal 14px Georgia, "Times New Roman", Times, serif;
line-height:16px;
}
a, a:visited, a:hover {
color:#e66337;
}
a {
text-decoration:underline;
}
a:hover {
text-decoration:none
}
/*----------------------------------------------------------content---*/
/*-----------------------------article_settings-*/
.article-decor {
padding:0px 0px 12px 0px;
}
.article-indent,
#component-contact {
padding:6px 30px 15px 0px;
}
#contact_text {
height:auto;
overflow:auto;
margin:0px 0px 5px 0px;
width:90%
}
.article_bot {
line-height:5px
}
.article_separator {
border-bottom:1px solid #cfcfcf;
display:block;
line-height:1px;
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 25px 0px;
height:10px;
}
.column_separator {
padding:0px 0px 0px 1px !important;
}
.article_column {
padding:0px 0px 0px 0px;
}
.article-indent h3 {
overflow:hidden;
}
.article-indent h3 img {
margin:0px 3px 0px 0px !important;
float:left
}
.contentpaneopen ul {
list-style:none !important;
margin:0px 0px 0px 0px;
}
.contentpaneopen li {
background:url(../images/list-item.gif) no-repeat 0 2px;
padding:0px 0px 10px 18px;
}
.article-indent p {
line-height:17px;
}
.contant img {
margin:0px 18px 4px 0px;
}
.contentpane li {
line-height:normal;
padding:0px 0px 6px 0px;
}
.contentdescription img {
margin:0px 10px 0px 0px;
}
/*---------------------------content-heading---*/
.componentheading {
color:#000;
font:normal 36px "Times New Roman", Times, serif;
line-height:140%;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}
.contentheading font {
display:block;
color:#000;
font:normal 36px "Times New Roman", Times, serif;
line-height:34px !important;
margin:0px 0px 0px 0px;
padding:4px 10px 9px 0px;
letter-spacing:1px;
}
.title-bg {
}
.item-info {
padding:0px 0px 4px 0px;
}
.buttonheading {
padding:12px 6px 0px 0px;
}
.buttonheading img {
margin:0px 0px 0px 0px;
}
/*-----------------------------item-info---*/
.iteminfo {
padding:0px 0px 6px 0px;
margin:0px 0px 15px 0px;
}
.modifydate {
color:#e66337;
font-size:11px;
padding:10px 0px 0px 0px;
text-decoration:none !important;
}
.md-indent {
padding:0px 0px 0px 0px;
}
.createdby {
color:#00a9f7;
display:block;
font-size:11px;
font-weight:normal;
text-transform:none;
}
.createdate {
background:url(../images/date-bg.png) no-repeat 0 0;
width:71px;
height:71px;
float:left;
color:#f1eddb;
font-size:30px;
margin:0px 15px 0px 0px;
padding:0px 0px 7px 0px;
text-transform:none;
text-align:center;
font:normal 16px "Times New Roman", Times, serif;
text-transform:uppercase;
}
.createdate .day {
padding:13px 0px 2px 0px;
font-size:50px;
display:block;
line-height:30px;
}
.createdate .month_year {
font-weight:bold;
}
span.small { /* Written by */
color:#e66337;
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-transform:none;
}
div.small {
padding:7px 0px 0px 0px;
}
/*-----------------------------------buttons---*/
.button,
.validate {
background:url(../images/readon.png) no-repeat 0 0;
color:#23468b;
font:bold 12px Arial, Helvetica, sans-serif;
padding:4px 0px 4px 0px;
border:none;
line-height:16px;
margin:0px 0px 0px 0px;
text-align:center;
width:110px;
vertical-align:top;
}
* html .button,
* html .validate {
height:24px;
display:block;
}
/*-----------------------------------read-more---*/
#editor-xtd-buttons div.readmore {
background:none;
height:auto;
margin:0px 0px 0px 0px;
width:auto;
}
div.readmore {
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
div a.readon{
color:#e66337;
display:block;
font:normal 17px "Times New Roman", Times, serif;
margin:0px 0px 0px 0px !important;
padding:4px 0px 4px 0px;
text-decoration:underline;
width:110px;
text-align:left;
}
a.readon:hover {
color:#e66337;
text-decoration:none;
}
a.readon:visited {
color:#e66337;
}
/*-----------------------------blog-more---*/
.blog_more {
padding:0px 0px 10px 0px;
}
.blog_more h2 {
background:none;
color:#e66337 !important;
font-size:12px;
padding:0px 0px 0px 0px;
}
.blog_more ul {
margin:10px 0px 0px 0px;
list-style:none;
}
.blog_more ul li {
padding:0px 0px 12px 0px !important;
}
.blog_more a {
color:#e66337;
text-decoration:underline
}
.blog_more a:hover {
color:#e66337;
text-decoration:none;
}
.blog_more strong {
color:#000000;
font:normal 30px "Times New Roman", Times, serif;
}
/*-----------------------------pagenav---*/
span.pagenav {
color:#464646;
font-size:12px;
font-weight:normal
}
a.pagenav {
color:#e66337;
font-weight:normal
}
a.pagenav:hover {
color:#e66337;
text-decoration:none
}
a.pagenav:visited {
color:#e66337;
text-decoration:none
}
.pagination_nav {
color:#e66337;
font-size:12px;
padding:10px 20px 0px 27px;
}
.pagination_nav div {
background:#f4f4f4;
padding:5px 0px 5px 0px;
}
.pagination {
margin-top:10px
}
.pagination li {
float:left;
padding:0px 5px 0px 5px;
}
.pagination_result {
color:#e66337;
padding:5px 0px 0px 0px;
line-height:16px;
}
.pagin {
line-height:18px;
}
/*--------------------------------------result---*/
.sectiontableentry0 td {
color:#282828;
padding:5px 0px 5px 0px;
}
.sectiontableentry1 td {
background:#efebdd;
color:#282828;
padding:5px 0px 5px 0px;
}
.sectiontableentry2 td {
color:#282828;
padding:5px 0px 5px 0px;
}
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {}
.sectiontableentry1 a {
color:#282828
}
.sectiontableentry2 a {
color:#282828
}
.sectiontableentry1 a:hover {
color:#282828
}
.sectiontableentry2 a:hover {
color:#282828
}
.sectiontableentry1 a:visited {
color:#282828
}
.sectiontableentry2 a:visited {
color:#282828
}
.var1 {
padding:5px !important;
margin:5px 0px 5px 0px;
}
.var1 a, .var1 p, .var1 {
color:#282828;
}
.var2 {
background:#efebdd;
padding:5px !important;
margin:5px 0px 5px 0px;
}
.var2 a, .var2 p, .var2 {
color:#282828;
}
.results {
text-align:center;
padding:0px 0px 15px 15px;
}
#page {
padding:0px 0px 0px 0px;
}
#page ol li {
padding:0px 0px 10px 0px;
text-align:left
}
.searchintro {
padding:0px 0px 10px 0px;
}
.searchintro strong {
color:#2a6dc8
}
#page h3 {
font-size:130%;
padding:10px 0px 5px 0px;
text-align:left;
color:#282828;
}
#page .inputbox {
color:#000;
}
#page #ordering {
height:20px; display:inline; vertical-align:middle;
}
#page .display {
padding:10px 0px 0px 0px;
}
#page legend {
color:#282828
}
.sectiontableentry0 .pad2,
.sectiontableentry1 .pad2,
.sectiontableentry2 .pad2 {
padding:2px 0px 2px 15px;
font-weight:bold
}
.sectiontableheader {
padding-bottom:2px
}
/*--------------------------------------poll---*/
.poll .question {
color:#000 ;
font-size:12px;
font-weight:bold;
font-family:arial;
}
.poll .poll-body {
padding:12px 0px 5px 0px;
}
.poll-body label {
color:#7a8394 !important;
font-size:12px;
font-family:Arial;
line-height:14px;
padding:0px 0px 0px 0px;
}
.poll .buttons {
padding:6px 0px 12px 0px;
}
.poll .button {
border:none;
color:#e66337;
display:inline;
font:bold 14px "Times New Roman", Times, serif;
line-height:15px;
margin:8px 0px 0px 0px;
padding:3px 0px 5px 10px;
text-align:left;
width:80px;
}
* html .poll .button {
height:23px;
}
.poll .result {
}
.poll .section {
overflow:hidden;
padding:5px 0px 7px 0px;
width:100%;
}
.poll .section2 {
overflow:hidden;
padding:5px 0px 5px 0px;
width:100%;
}
.poll .radio {
float:left;
width:20px;
}
.poll .radio input {
display:block;
width:16px;
height:16px;
vertical-align:middle;
}
.poll .var {
margin:0px 0px 0px 20px;
text-align:left
}
.display {
padding:0px 0px 10px 0px;
}
.display select {
border:1px solid #46462f;
width:100px;
}
.sectiontableentry1 div,
.sectiontableentry0 div {
font-size:1px
}
/*--------------------------------------user---*/
dl.contentpane dt {
padding:10px 0px 20px 0px;
}
dl.contentpane dd {
width:100%;
overflow:hidden;
}
dl.contentpane div {
vertical-align:middle
}
dl.contentpane .description {
width:110px;
padding:0px 0px 0px 0px;
vertical-align:middle
}
dl.contentpane .input-field {
width:160px;
padding:0px 0px 0px 0px;
vertical-align:middle
}
dl.contentpane .button-field {
width:140px;
padding:0px 0px 0px 0px;
vertical-align:middle
}
/*-------------------------------------search---*/
.module-search {
}
.search {
padding:7px 0px 0px 0px;
}
.search-input {
width:152px;
float:left;
}
.search-button {
width:30px;
float:left;
padding:3px 0px 0px 0px;
margin:0px;
}
.search-input .inputbox { /*-------- working in all browsers ------*/
background:url(../images/spacer.gif);
border:none;
color:#23468b;
font-family:Arial;
font-size:12px;
padding:3px 0px 4px 6px;
margin:1px 0px 0px 0px;
vertical-align:top;
width:140px;
}
* html .search-input .inputbox {
height:21px;
width:140px;
padding:2px 0px 1px 6px;
}
.search-button .button {
background:none;
border:none;
color:#fff;
font:bold 12px Arial;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:30px;
height:19px;
vertical-align:middle;
}
* html .search-button .button {
width:30px;
height:19px;
}
/*-------------------------------------search-result---*/
.search_result {
padding:0px 0px 0px 0px;
}
/*-------------------title----*/
.search_result h3 {
color:#808080;
font-size:14px;
}
/*-------------------article----*/
.search_result p {
padding:10px 0px 0px 0px;
}
/*----------*/
#search_searchword {
border:1px solid #999
}
legend {
color:#808080
}
.highlight { /* highlight sought word */
color:#285ba0;
font-weight:bold
}
.phrase {
border:solid 1px #d6dde2;
color:#282828;
float:left;
margin:10px 10px 10px 0;
padding:10px 10px 10px 10px;
width:60%;
height:140px;
}
.phrase .inputbox {
background:#fff;
color:#808080;
display:block;
margin-top:5px;
}
.phrase .inputbox option {
background:#fff;
border-bottom:solid 1px #333;
padding:2px;
}
.phrase .inputbox option a:hover {
background:#C00;
border-color:#cfd0d6;
color:#282828;
}
fieldset.word,fieldset.only {
border:solid 1px #d6dde2;
}
.ordering {
display:inline;
padding:3px 0px 0px 0px;
}
.only {
border:solid 0;
line-height:1.3em;
margin:10px 0 0 10px;
padding:10px 10px;
height:140px;
}
.word {
border:solid 0 !important;
padding:10px 10px 10px 0;
}
.word input {
background:#fff;
color:#ff6614;
font-weight:normal;
margin:0 10px 0 10px;
padding:1px 2px 2px 2px;;
vertical-align:middle;
}
.word .button {
margin-top:0px;
display:inline !important;
vertical-align:middle;
}
.contact_email input {
margin:4px 0px 3px 0px;
}
/*-------------------------------------admin-form---*/
.adminform td {padding:0px 0px 2px 0px;}
/*---------------------------system-error-messages--*/
.err-space {
margin:0px 0px 0px 25px;
}
.error {
margin:0px 0px 10px 0px;
}
.error h2 {
color:#ff0000;
font:bold 14px Tahoma;
padding:0px 0px 5px 20px;
}
#system-message dt.error, dt.message {
display: none;
}
.error dd ul {
background: #ce0303 ;
border-top: 3px solid #670606;
border-bottom: 3px solid #670606;
color: #fff;
margin:0;
padding:5px 0px 5px 5px;
}
.error dd ul li {
background:none !important;
color:#fff !important;
margin:0px 0px 0px 20px !important;
}
.pass_remind {
vertical-align:middle;
padding:0px 0px 0px 10px;
}
/*---------------------------------------------------------------------------------boxes---*/
.module {
width:100%;
}
.module-s1 {
border-bottom:1px solid #cfcfcf;
width:100%;
margin:0px 0px 22px 0px;
}
.module-s2 {
width:100%;
margin:0px 0px 22px 0px;
}
.module .first {
}
.module .sec {
}
.module-box .first {
}
.module .box-indent {
padding:18px 0px 17px 10px;
}
.module-s1 .box-indent {
padding:10px 0px 17px 25px;
}
.module-s2 .box-indent {
padding:10px 0px 17px 25px;
}
.module .box-indent .width {
overflow:hidden;
}
/*-------------------title----*/
.module h3 {
background:url(../images/box-title.png) no-repeat 0 0;
color:#000000;
font:normal 32px "Times New Roman", Times, serif;
line-height:22px;
padding:2px 0px 4px 25px;
}
.module-s1 h3 {
background:url(../images/box-title.png) no-repeat 0 0;
color:#000000;
font:normal 32px "Times New Roman", Times, serif;
line-height:22px;
padding:2px 0px 4px 25px;
}
.module-s2 h3 {
background:url(../images/box-title.png) no-repeat 0 0;
color:#000000;
font:normal 32px "Times New Roman", Times, serif;
line-height:22px;
padding:2px 0px 4px 25px;
}
/*-------------------content----*/
.module div {
color:#464646;
font-size:14px;
line-height:normal;
line-height:18px;
}
.module strong {
font:bold 13px Arial, Helvetica, sans-serif;
}
.module label {
color:#000;
display:block;
line-height:100%;
padding:0px 0px 3px 0px;
vertical-align:middle
}
.module td,
.module p {
color:#464646;
font-size:14px;
line-height:normal;
padding:0px 0px 5px 0px;
}
.module ul {
list-style:none;
margin:0px 0px 0px 0px;
}
.module li {
padding:4px 0px 4px 0px;
border-bottom:1px solid #f1f6f9;
}
.module li a, .module li a:hover, .module li a:visited {
color:#7a8394;
padding:0px 0px 0px 21px;
background:url(../images/list-item2.gif) no-repeat 0 3px;
}
.module li a {
font-size:12px;
line-height:16px;
text-decoration:none;
}
.module li a:hover {
text-decoration:underline;
}
.count { /* count users */
font-weight:normal;
color:#282828;
}
.module a .module-s1 a {
color:#e66337
}
.module .inputbox {
background:#fff;
border:1px solid #b0a88f;
}
.module em {
color:#050505;
font-size:11px
}
.module img {
margin:0px 10px 5px 0px;
}
.pdf {
background:url(../images/pdf-bg.png) no-repeat 0 0;
margin:7px 0px 0px 0px;
padding:17px 0px 24px 62px;
display:block;
float:left;
}
.pdf a {
color:#e66337
}
/*-------------------title----*/
.module_menu h3 {
background:url(../images/box-title.png) no-repeat 0 0;
color:#000000;
font:normal 32px "Times New Roman", Times, serif;
line-height:22px;
padding:2px 0px 4px 25px;
}
/*-----------------content----*/
.module_menu div {
color:#fff;
font-size:12px;
}
/*-------------------------------------topmenuneu---*/
.module-topmenu { padding:60px 0pt 0pt 50pt;
}
.menu-nav {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
}
ul.menu-nav li, ul.menu-nav li.active {
float:left;
border:none;
padding:0px 30px 0px 0px;
}
ul.menu-nav li a, ul.menu-nav li a:hover, ul.menu-nav li a:visited {
color:#000;
padding:0px 0px 0px 0px;
}
ul.menu-nav li a {
display:block;
font:normal 26px "Times New Roman", Times, serif;
text-decoration:none;
}
ul.menu-nav li a span {
display:block;
padding:0px 0px 0px 0px;
}
/*-------------------hover----*/
ul.menu-nav li a:hover {
display:block;
color:#fff;
text-decoration:none;
}
ul.menu-nav li a:hover span {
display:block;
padding:0px 0px 0px 0px;
}
/*-------------------active----*/
ul.menu-nav li.active a {
color:#fff !important;
width:auto;
}
ul.menu-nav li.active a span {
display:block;
padding:0px 0px 0x 0px;
}
/*----------------------------------------login-form---*/
.module-login {
margin:0px 0px 11px 0px;
width:100%;
overflow:hidden;
}
.module-login .first {
}
.module-login .sec {
}
.module-login .box-indent {
padding:10px 0px 13px 25px;
}
/*-------------------title----*/
.module-login h3 {
background:url(../images/box-title.png) no-repeat 0 0;
color:#000000;
font:normal 32px "Times New Roman", Times, serif;
line-height:22px;
padding:2px 0px 4px 25px;
}
/*-----------------content----*/
.module-login label {
color:#e66337 !important;
font:normal 14px "Times New Roman", Times, serif;
display:block;
padding:0px 0px 0px 0px;
}
.module-login p,
.module-login div,
label.remember{
color:#e66337 !important;
font:normal 14px "Times New Roman", Times, serif;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:17px;
}
.module-login a, .module-login a:hover, .module-login a:visited {
color:#e66337;
font:normal 14px "Times New Roman", Times, serif;
line-height:140%;
text-decoration:none;
}
.module-login a:hover {
text-decoration:underline;
}
.module-login .inputbox { /* inputbox */
background:#fff;
border:1px solid #B0CDDB;
color:#444;
font-size:12px !important;
margin:0px 0px 10px 0px;
padding:2px 0px 2px 5px;
vertical-align:middle;
width:150px;
}
* html .module-login .inputbox {
height:20px;
width:150px;
margin:0px 0px 10px 0px;
}
.module-login .button { /* button */
border:none;
color:#464646;
text-transform:none;
font:bold 14px "Times New Roman", Times, serif;
line-height:14px;
margin:0px 0px 3px 0px;
padding:3px 0px 3px 0px;
text-align:left;
width:49px;
}
* html .module-login .button {
height:22px;
padding:2px 0px 0px 0px;
}
#mod_login_remember { /* checkbox */
background:#fff;
border:none;
display:block;
float:left;
margin:0px 10px 0px 0px;
vertical-align:middle;
width:12px;
height:12px
}
/*---------------------------------------------------------structure---*/
#body {
background:url(../images/tail.jpg) repeat 0 0;
}
#tail {
background:url(../images/bg.jpg) repeat-y 50% 0;
position:relative;
}
#tail-left {
background:url(../images/tail-left.jpg) repeat 0 0;
position:absolute;
width:50%;
height:600px;
top:0px;
left:0;
}
.main {
width:960px;
}
/*-------------------------------------header---*/
#header {
height:165px;
}
#top {
height:165px;
}
#logo {
padding:10px 0px 0px 13px;
width:400px;
float:left;
}
#topmenu {
float:left;
width:488px;
}
/*-------------------------------------content---*/
#wrapper {
padding:0px 0px 0px 0px;
overflow:hidden;
background:url(../images/wrapper-bg.png) repeat-y 0 0 #f6f6f6;
}
.container {
}
.corner-top-left {
background:url(../images/corner-top-left.png) no-repeat 0 0;
width:100%;
}
.corner-top-right {
background:url(../images/corner-top-right.png) no-repeat right 0;
padding:21px 20px 10px 20px;
}
.corner-bottom-left {
background:url(../images/corner-bottom-left.gif) no-repeat 0 bottom;
width:100%;
}
.corner-bottom-right {
background:url(../images/corner-bottom-right.gif) no-repeat right 0;
width:100%;
}
.border-bottom {
background:#f9f9f9;
margin:0px 12px 0px 12px;
line-height:12px;
}
.indent {
padding:34px 0px 0px 9px;
}
#right {
background:url(../images/line.gif) repeat-y 0 0;
float:right;
width:310px;
padding:22px 0px 0px 0px;
_margin:0px 0px 0px -3px;
}
.contant {
overflow:hidden;
}
* html .contant {
overflow:hidden;
width:100%;
}
/*-------------------------------------footer---*/
#footer {
height:96px;
}
#footer .space {
color:#6e6d6d;
font-size:12px;
font-weight:normal;
text-align:left;
padding:28px 0px 0px 26px;
}
#footer .space span {
color:#e66337;
}
#banner {
padding:0px 0px 10px 0px;
}
.clr {
overflow:hidden
}
.form1 {
width:280px;
height:25px;
border:1px solid #cfcfcf;
margin:2px 0px 5px 0px;
}
.form1textarea {
width:280px;
height:320px;
border:1px solid #cfcfcf;
margin:2px 0px 5px 0px;
}
Das Menu sollte lediglich horizontal angeordnet werden, die Schriftgrösse etwas grösser und das wars auch schon ...... 
