Antworten auf deine Fragen:
Neues Thema erstellen

Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Ranger1281

Ranger1281

Gelegenheitstäter

Hallo allerseits,

ich möchte in dem Template "elegance_fjt" ein Topmenü einrichten. Das hat auch soweit funktioniert, jedoch werden mir die Menüeinträge vertikal, also untereinander, statt horizontal, nebeneinder, angezeigt.
Den list-style und die text-decoration habe ich in der style.css bereits entfernen können, die Ausrichtung der Liste finde ich jedoch nicht. Mit der Funktion "Element untersuchen" im Firefox komme ich auch nicht weiter...

Die URL zur Site ist: .
Wie Ihr seht, ist da noch nicht viel passiert, ich bin also noch völlig flexibel...

Hier ist noch die style.css vom Template:
Code: 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tfoot,thead{background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
tr,th,td {background: transparent;border: 1px solid #e1e1e1;font-style: inherit;font-weight: inherit;margin: 0;padding-left: 7px;outline: 0;vertical-align: baseline;} 
table {border-collapse: collapse;border-spacing: 0; width: 100%; border: 1px solid #e1e1e1;}
html {overflow-y: scroll;} 


/* Main Layout */
html {height: 100%;}
body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #555; }
body.contentpane { background:#fff; color:#555;}
.background {position: absolute;width: 100%; background:#000 url(../images/bg.png) repeat;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:bold; color:#134E8B;font-family:Arial, Helvetica, sans-serif;}
.componentheading { font-style:italic;font-size:25px; margin:0; padding:0 0 10px 0; color:#1a528c;}
h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
a:link, a:visited { text-decoration: none; color: #1aa8fb;}
a:hover { text-decoration: underline; color: #2f7ac0;}
ul {margin:0 0 0 15px; list-style:none;}
p {margin-top: 0;margin-bottom: 10px;}
p em {font-style:italic;}
blockquote { background:#eee; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}

/* Header */
#header { position:relative; height:280px; width:1024px; margin: 0px auto 0; -moz-border-radius: 5px; border-radius:5px;}
#header-w {position:relative;}
.top {position:relative; color:#fff;width:1024px; height:35px; top:25px; overflow:hidden; left:50%; margin-left:-512px; background:url(../images/mainmenu.png) 0 0 repeat-x; z-index:100;}
.top a {color:#fff; text-decoration:none; list-style:none; text-align:center; white-space:nowrap;}
.logo { position:relative; left:50%; margin-left: -512px; color:#fff; top: 14px;}
.slogan { position:absolute; left:210px; color:#fff; top: 105px;}
.tguser { position:absolute; right:10px; top: 0px; color:#fff; float:right;}

.topmenu {right:130px; top:10px; float:right; height:22px;font-family: segoe ui, verdana, arial, sans-serif; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px ;}
.topmenu ul {margin:0; padding:0; float:left; -moz-border-radius: 5px; border-radius: 5px;}
.topmenu ul li {list-style:none;float:left;height:100%;position:relative;}
.topmenu ul li a { display:block; padding:0 10px 0 10px; margin:0; line-height:22px; color:#fff; text-decoration:none; font-size:12px;font-weight:bold; font-family: 'Terminal Dosis', sans-serif;}
.topmenu ul li.active {}
.topmenu ul li.active a {}
.topmenu ul li:hover {}
.topmenu ul li a:hover{ text-decoration:none; font-weight:bold; font-size:12px; -moz-border-radius: 5px; border-radius: 5px; color:#03b6dd;text-shadow:none;}
.topmenu ul li ul {position:absolute; width:1024px; left:50%; margin-left:-512px; border-top:0; margin:0; padding:0;}
.topmenu ul li:hover ul, #menu ul li.sfHover ul {left:0;}
.topmenu ul li ul li {padding:0;height:auto;width:1024px; margin:0; border:none;}
.topmenu ul li:hover ul li a {text-shadow:none;}
.topmenu ul li:hover ul li {background:url(../images/mainmenu.png) 0 0 repeat-x;}
.topmenu ul li:hover ul li a, .topmenu ul li ul li a, .topmenu ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:2px;}
.topmenu ul li ul li a:hover, .topmenu ul li ul li.active a, .topmenu ul li.active ul li a:hover, .topmenu ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
.topmenu ul li ul ul, .topmenu ul li:hover ul ul, .topmenu ul li:hover ul ul ul, .topmenu ul li:hover ul ul ul ul, .topmenu ul li.sfHover ul ul, .topmenu ul li.sfHover ul ul ul, .topmenu ul li.sfHover ul ul ul ul {left:-999em;}

#slide-w { margin:0; padding:0; background:#EAEAEA url(../images/bg.png) 0 0 repeat-x; border-bottom:1px solid #d6d6d6;border-top:1px solid #f5f5f5;}
#slide { width:1024px; margin:0 auto;}

/* Navigation */
#nav {}
#navl {}
#navr {height:40px; width: 1024px; background:url(../images/mainmenu.png) 0 0 repeat-x; font-family: 'Terminal Dosis', sans-serif; margin-top: -4px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding:0; margin:0;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-shadow: #000 0 1px; text-decoration:none;font-size:14px;font-weight:normal;}
#nav ul li.active {}
#nav ul li.active a {-moz-border-radius: 5px; border-radius: 5px; color:#ff0000; text-shadow: #000 0 1px; height: 30px; margin: 5px 0px 5px 0px; line-height: 30px;}
#nav ul li:hover {}
#nav ul li a:hover{ text-decoration:none; font-weight:normal; -moz-border-radius: 5px; border-radius: 5px; color:#ff0000; text-shadow: #000 0 1px; height: 30px; margin: 5px 0px 5px 0px; line-height: 30px;}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}
#nav ul li ul li:hover ul {left:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}

/* Sidebar */
#leftbar-w {padding:0px;width:209px;float:left;}
#addthis {float:center; padding-left: 12px; padding-top: 5px;}
#rightbar-w {padding:0px;width:209px;float:right; }
#sidebar {padding:0}
#sidebar .module {margin-bottom: 5px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px;}
#sidebar .module-title {font-size:16px;font-weight:100;margin:0;height:33px; line-height:33px; color: #e1e1e1; text-shadow: #000 0 1px; padding:0 0 0 22px; font-family: 'Terminal Dosis', sans-serif; font-size:15px; background:url(../images/sidebar.gif) 0 0 repeat-x; border-radius: 5px 5px 0 0;}
#leftbar-w .module-title {padding: 0 0 0 15px; }
#rightbar-w  .module-title {padding: 0 0 0 15px;}
#sidebar .module-body {margin:0; padding:13px; background:#fff; border: 1px solid #E1E1E1;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar  ul li { margin:0 5px; padding:0;}
#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; }
#sidebar .module ul.menu li a {height: 16px; background: url("../images/sidehover.jpg") no-repeat scroll 100% 0 #FFFFFF;border: 1px solid #FFFFFF;color: #575757;display: block;outline: medium none;padding: 6px 15px 6px 5px;text-decoration: none; text-align: left;}
#sidebar .module ul.menu li a:hover { height: 16px; color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
#sidebar .module ul.menu li.active a{color:#058CA1;}
#sidebar .module ul.menu li ul {margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background:none;text-align:left; padding-left: 11px;}
#sidebar .module ul.menu li ul li a:hover{height: 16px; color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
#sidebar .module ul.menu li.active ul li a{color: #6e99c2;}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}

/* Content */
#main { margin:0px auto;position: relative; background:url("../images/shadow1.png") no-repeat scroll 50% 30% transparent;}
#main-content { clear:both;background:#fff; position:relative; padding: 9px; height:100%;border-left: 1px solid #bab9b9;border-right: 1px solid #bab9b9;color: #555; border-top-right-radius: 5px; border-top-left-radius: 5px;}

#maincol {position: relative;}
#wrapper { margin:0 auto; width:1024px; padding:0;position: relative;}
#crdt {border:0;float:right;color:#708090;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#crdt a{color:#708090;}
.top1 {background:url(../images/main-top.png) 0 0 no-repeat;clear:both;}
.top2 {background: url(../images/main-top.png) 100% 100% no-repeat; }
.top3 { background: #fff; height: 6px;margin:0 6px;}
.bot1 {background:url(../images/main-bot.png) 0 0 no-repeat;clear:both;}
.bot2 {background: url(../images/main-bot.png) 100% 100% no-repeat;}
.bot3 { background: #fff; height: 6px;margin:0 6px;}

#leftcolumn{margin-left:9px;padding:0px;width:205px;float:left;}
#rightcolumn{margin-right:9px;padding:0px;width:205px;float:right;}
#centercontent{width:500px;float:left;margin:5px 0 0 10px;padding:0px;overflow:hidden;}
#centercontent ul{margin: 0 0 10px 15px;}
#centercontent td {border: 1px solid #e1e1e1;vertical-align: middle;}
#centercontent th {border: 1px solid #e1e1e1;vertical-align: middle;}
#centercontent_md{width: 725px;float:left;overflow:hidden;padding-left: 3px; }
#centercontent_bg{width: 1024px;float:left;margin:0px 5px 0px 5px;padding:0px;overflow:hidden;}

div.clearpad {padding:3px;}
div.clearpad ul {clear: both;}

/* Content styles */
#login-form label {float: left; width: 9em;}
ul.archive li { list-style:none; padding:0 0 0 10px;}
.archive .article-count {color:#999;}
.blog-featured {background:#fff; color: #555;}
.items-leading {position: relative; clear:both; margin-top:2px;}
.items-row {position: relative;clear:both;}
.item-page { position:relative; background:#fff; color: #555; padding: 7px;}
h2.item-page-title {padding: 3px 0 3px 0px; margin-bottom: 1px; font-family: 'Terminal Dosis', sans-serif;}
h2.item-page-title a, .leading-0 a {color:#555; font-size: 18px;font-weight:normal; font-family: 'Terminal Dosis', sans-serif;}
h2.item-page-title a:hover, .leading-0 a:hover{color:#c4c4c4; text-decoration: underline;}
.item-page-title, .item-page-title a {text-decoration:none; color:#01406a;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:15px; right:0;}
.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right; margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {font-size: 12px;overflow:hidden;margin-bottom:5px;display:block;width: 100%; color:#999; line-height: 13px;}
.iteminfo a {color:#999;} .iteminfo a:hover {color:#333;}
.iteminfo .category {}
.iteminfo .sub-category { padding:0 0 0 0px}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold; display:block}
.items-more {clear:both; padding:10px;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
th.list-title, th.list-author,th.list-hits,th.list-date  { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding:2px; border-right:1px solid #fff; color:#fff;}
th.list-title a, th.list-author a,th.list-hits a,th.list-date a { color:#fff; font-weight:bold}
td.list-title, td.list-author, td.list-hits, td.list-date { border-bottom:1px dotted #ccc;}
td.list-title { width:50%;}
td.list-author { width:15%; text-align:center;}
td.list-hits { width:5%;text-align:center;}
td.list-date { width:15%;text-align:center;}
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:45%;float:left; margin:4px;}
.cols-2 .column-2{width:45%;float:right; margin:4px;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}


/* Contact styles */
th.item-num, th.item-title,th.item-position,th.item-phone,th.item-suburb,th.item-state { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding: 2px 2px 2px 7px; border-right:1px solid #fff; color:#fff; text-align:left;}
th.item-num a, th.item-title a,th.item-position a,th.item-phone a,th.item-suburb a,th.item-state a {color:#fff}
td.item-num {width:5%; text-align:left;}
td.item-title {width:25%; text-align:left;}
td.item-position {width:15%;text-align:left;}
td.item-phone {width:15%;text-align:left;}
td.item-suburb {width:15%;text-align:left;}
td.item-state {width:15%;text-align:left;}
.contact label { width:100%;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px;}

.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}

.readmore a{ float:right; line-height:14px; background: #b9b9b9; color:#fff;overflow:visible; font-size:11px; padding:3px;}
.readmore a:hover{ background: #555; color:#fff; text-decoration:none;}

ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left; padding-top: 10px;}
.pagenav-next { float:right; padding-top: 10px;}
.pagination { clear:both;}
span.pagination { background:none;}
.pagination span, .pagination a, ul.pagenav li a {padding: 1px 8px; background: #fff; color: #555; font-weight: bold; font-size: 90%;}
.pagination a, ul.pagenav li a {  font-weight: bold; text-decoration:underline}
.button, .validate {  background: none repeat scroll 0 0 #757474;border: 1px solid #555555;color: #FFFFFF;font-weight: normal;margin: 4px;padding: 1px 12px;}
.button:hover,.validate:hover,.pagination a:hover,ul.pagenav li a:hover  {background:#3A759E;color:#fff;}
.inputbox, input, textarea, select {background:none repeat scroll 0 0 transparent ; border:1px solid #c0c0c0; color:#13618d; -moz-border-radius: 5px; border-radius: 5px; padding-right: 4px;}
.breadcrumbs { padding:0 0 0 10px; color:#555;}
.searchbox {background: url(../images/search.png) no-repeat ; width: 165px; height: 18px; color:#fff; -moz-border-radius: 5px; border-radius: 5px; margin-top: 9px;}

/* Modules 1 */
#mods1 {overflow: hidden;padding:0; margin:0 auto;clear:both;}
#mods1 .module { padding:0; margin:0; }
#mods1 .inner { padding:10px; }
#mods1 .module-title {margin:0;padding:0 0 10px 0;}
#mods1  h3 {display: block;padding-left: 10px;padding-top: 3px;height: 20px;font-size: 18px;}
#mods1 .module-body {padding:0; margin:0;}
#mods1 ul {margin:0 10px; padding:0;}
#mods1 ul li {list-style:inside;}
#mods1-i { clear:both;}
/* Modules 2 */
#mods2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:1024px; }
#mods2 .module { margin:0;padding:0;}
#mods2 .inner { padding:10px;}
#mods2 .module-title {margin:5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:100; color:#333; text-shadow:1px 1px #fff;}
#mods2 .module-body {padding:0; margin:0;}
#mods2 a {color:#419af8;}#mods2 a:hover {}
#mods2 ul {margin:0; padding:0;}
#mods2 ul li {list-style:inside;margin:0; padding:0;}
/* Modules 3 */
#mods3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:1024px; color:#dfdfdf; background:#1a528c url(../images/mods3.png) 0 0 repeat-x;}
#mods3 .module { margin:0;padding:0;}
#mods3 .inner { padding:5px 10px 0 10px;}
#mods3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:normal; color:#fff; text-shadow:1px 1px #000;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 a { color:#419af8;}#mods3 a:hover { color:#fff;}
#mods3 ul {margin:0; padding:0;}
#mods3 ul li {list-style:inside; border-bottom:1px dotted #043466; list-style:none;}
#mods3 ul li:hover {}
#mods3 ul li a {font-weight:100; display:block; padding:0 0 0 15px; background:url(../images/arrow.png) 0 50% no-repeat;}

/* Footer */
#footer .top1 {background:url(../images/mods3-top.png) 0 0 no-repeat;clear:both;}
#footer .top2 {background: url(../images/mods3-top.png) 100% 100% no-repeat; }
#footer .top3 { background: #0b58a9; height: 6px;margin:0 6px;}
#footer .bot1 {background:url(../images/mods3-bot.png) 0 0 no-repeat;clear:both;}
#footer .bot2 {background: url(../images/mods3-bot.png) 100% 100% no-repeat; }
#footer .bot3 { background: #1a528c; height: 6px;margin:0 6px;}
#footer { clear:both; margin:10px 0 0 0; padding:0;}
.footer-pad { width:1024px; margin:0 auto; padding: 0;}
#bottom {width:1024px; margin:0 auto; padding:5px 0 0 0; background: #e1e1e1 ; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;-moz-box-shadow: 0 0 5px #555;-webkit-box-shadow: 0 0 5px#555;box-shadow: 0 0 5px #555;}
.copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;color:#ccc}
.copy a {font-size:12px; color:#ccc}
.compp {margin:0; text-align:center; float:center; color:#665c5c; font-size:9px;padding: 0;width: 290px; margin: 0 auto;}
.compp a { text-decoration:none; font-size:9px;color:#665c5c; font-weight:bold;padding: 0;}

/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error  .error { color:#FF0000}
#error { width:600px; margin:100px auto 0 auto; padding:20px; background:#fff;-moz-border-radius:6px;border-radius:6px;}

.tg  a{color: #c6c6c6;}
.tg {-moz-border-radius: 5px; border-radius:5px; background: none repeat scroll 0 0 #5b5b5b;clear: both;color: #c6c6c6;font-size: 11px;padding: 5px;position: relative;}
#slide {height: 152px; color:#c6c6c6; float: left; width: 1022px; margin-top:5px; margin-bottom: 5px;-moz-border-radius: 5px; border-radius:5px;-moz-box-shadow: 0 0 5px #b9b9b9;-webkit-box-shadow: 0 0 5px#b9b9b9;box-shadow: 0 0 5px #b9b9b9;}
#bookmark {margin-bottom: 3px;}

#user-bottom { background: #555 ; width: 1024px; margin:0 auto; padding: 0; text-align: left; height: 100%;}
.user1  h3, .user2  h3, .user3  h3 {color:#000;}
.user1 { text-shadow: #fff 0 1px; color: #000; padding: 0px 10px 6px 30px; float: left; width: 250px; background: #e1e1e1;margin: 10px;}
.user2 { text-shadow: #fff 0 1px; color: #000; padding: 0px 10px 6px 30px; float: left; width: 250px; background: #e1e1e1;margin: 10px;}
.user3 { text-shadow: #fff 0 1px; color: #000; padding: 0px 10px 6px 30px; float: left; width: 250px; background: #e1e1e1;margin: 10px;}
.print-icon,.email-icon{float: right; list-style: none; padding-left:5px;}

Achso, eins noch:
Die Definitionen für das "topmenu" scheinen keine Wirkung auf mein Menü "Top" zu haben.
Das Modul "Topmenu" gibt es nicht, deshalb habe ich das Modul "Top" benutzt. Dies ist in der Index.php auch eingebunden...
 
mapegele

mapegele

Täglich anwesend

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo Ralf,

bin gerade bei der Arbeit und habe das Template bei mir mal geladen.
Wenn Du das Hauptmenü oben horizontal haben möchtest, nimm die Position "menuload".
Dann wird es oben horizontal angezeigt.

Pixlige Grüße
 
hub

hub

nicht ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo Ralf,
nur die css alleine reicht nicht, der Fehler tritt in Kombination mit der index.php deines Templates auf. Hast du nen Link oder kannst du deine index.php nachreichen?

Gruss Ulli
 
Ranger1281

Ranger1281

Gelegenheitstäter

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo mapegele,
mit Menuload wird das Menü ganz oben, über dem Header eingeblendet. Die Position unten im Header ist schon gewollt...

Hallo hub,
klar, gerne...

der Link steht im Eröffnungsbeitrag, die Index.php hier...:lol:

PHP: 
<?php /**  * @copyright  Copyright (C) 2011 JoomlaThemes.co - All Rights Reserved. **/
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
?>
<?php // no direct access 
defined( '_JEXEC' ) or die( 'Restricted access' ); 
$slogan  = $this->params->get("slogan");
$slogandisable  = $this->params->get("slogandisable");
$addthis  = $this->params->get("addthis");
$footertext  = $this->params->get("footertext");
$footerdisable  = $this->params->get("footerdisable");
$googleanalytics  = $this->params->get("googleanalytics");
$analyticsdisable  = $this->params->get("analyticsdisable");
$socialbuttons  = $this->params->get("socialbuttons");
$slidedisable  = $this->params->get("slidedisable");
$slidedesc1  = $this->params->get("slidedesc1");
$url1  = $this->params->get("url1");
$slidedesc2  = $this->params->get("slidedesc2");
$url2  = $this->params->get("url2");
$slidedesc3  = $this->params->get("slidedesc3");
$url3  = $this->params->get("url3");
$slidedesc4  = $this->params->get("slidedesc4");
$url4  = $this->params->get("url4");
JHTML::_('behavior.framework', true);  
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:600' rel='stylesheet' type='text/css'>
<jdoc:include type="head" />
<?php require(YOURBASEPATH . DS . "functions.php"); ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/styles.css" type="text/css" />
<?php if ($this->params->get( 'analyticsdisable' )) : ?>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '<?php echo ($googleanalytics); ?>']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/NivooSlider.css" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/NivooSlider.js"></script>
    <script type="text/javascript">
        window.addEvent('domready', function () {
            // initialize Nivoo-Slider
            new NivooSlider($('Slider'), {
        effect: 'random',
        interval: 5000,
        orientation: 'random'
      });
        }); 
    </script>
</head>

<body class="background">
<div id="main">
<div id="header-w">
      <div id="header">
              <div id="navr">
      <div class="tguser"><jdoc:include type="modules" name="position-0" style="none" /></div>
    <div id="navl">
    <div id="nav">
        <div id="nav-left">
<jdoc:include type="modules" name="menuload" style="none" /></div>
  <div id="nav-right">
  </div></div></div></div>
    <div class="topmenu">
<!-- MODIFY social buttons here (add yours from addthis.com) -->
<?php if ($this->params->get( 'socialbuttons' )) : ?>   
<div id="bookmark"><div id="addthis">
<div class="addthis_toolbox addthis_default_style addthis_16x16_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="<?php echo ($addthis); ?>"></script>
</div></div>
<?php endif; ?>
<!-- END of social script -->
    </div>
          <?php if ($this->countModules('logo')) : ?>
                <div class="logo">
                  <jdoc:include type="modules" name="logo" style="none" />
                </div>
            <?php else : ?>        
              <a href="<?php echo $this->baseurl ?>/">
      <img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/mainimg-1024.png" border="0" class="logo">
      </a>
            <?php endif; ?>
    <div class="slogan"><?php if ($this->params->get( 'slogandisable' )) : ?><?php echo ($slogan); ?><?php endif; ?></div>
            <?php if ($this->countModules('top')) : ?> 
                <div class="top">
                    <jdoc:include type="modules" name="top" style="horizontal"/>
                </div>
            <?php endif; ?>                         
  </div>        
</div>
<div id="wrapper">

  <div id="main-content">
  <?php include "html/com_content/archive/component.php"; ?>
  <?php if ($this->countModules('breadcrumb')) : ?>
          <jdoc:include type="modules" name="breadcrumb"  style="none"/>
        <?php endif; ?>
  <div class="clearpad"></div>
  <div id="message">
      <jdoc:include type="message" />
  </div>    
            <?php if($this->countModules('left')) : ?>
<div id="leftbar-w">
    <div id="sidebar">
        <jdoc:include type="modules" name="left" style="jaw" /></div>
</div>
    <?php endif; ?>
    <?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_md';
    elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_bg';
    else $maincol_sufix = ''; ?>  
<div id="centercontent<?php echo $maincol_sufix; ?>">
<!-- Slideshow -->
<?php $menu = JSite::getMenu(); ?>
<?php $lang = JFactory::getLanguage(); ?>
<?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
<?php if ($this->params->get( 'slidedisable' )) : ?>   
    <div id="Slider" class="nivoo-slider">
    <a href="<?php if ($this->params->get( 'url1' )) : ?><?php echo ($url1); ?><?php endif; ?>">
      <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/1.jpg" title="<?php if ($this->params->get( 'slidedesc1' )) : ?><?php echo ($slidedesc1); ?><?php endif; ?>" height="250" width="500" /></a>
    <a href="<?php if ($this->params->get( 'url2' )) : ?><?php echo ($url2); ?><?php endif; ?>">
      <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/2.jpg" title="<?php if ($this->params->get( 'slidedesc2' )) : ?><?php echo ($slidedesc2); ?><?php endif; ?>" height="250" width="500" /></a>
    <a href="<?php if ($this->params->get( 'url3' )) : ?><?php echo ($url3); ?><?php endif; ?>">
      <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/3.jpg" title="<?php if ($this->params->get( 'slidedesc3' )) : ?><?php echo ($slidedesc3); ?><?php endif; ?>" height="250" width="500" /></a>
    <a href="<?php if ($this->params->get( 'url4' )) : ?><?php echo ($url4); ?><?php endif; ?>">
      <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/4.jpg" title="<?php if ($this->params->get( 'slidedesc4' )) : ?><?php echo ($slidedesc4); ?><?php endif; ?>" height="250" width="500" /></a>
    </div>
<?php endif; ?>
<?php } ?>    
<!-- END Slideshow -->
<div class="clearpad"><jdoc:include type="component" /> </div></div>  
    <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightbar-w">
    <div id="sidebar">
         <jdoc:include type="modules" name="right" style="jaw" />
    </div>
    </div>
    <?php endif; ?>
<div class="clr"></div>
        </div>       
        </div>     
  </div>
</div>
<div id="user-bottom">
<div class="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
</div>
<?php if ($this->countModules('user7 or user8 or user9 or user10')) : ?>
<div id="footer">
<div class="footer-pad">
      <div class="top1"><div class="top2"><div class="top3"></div></div></div>
        <div class="bot1"><div class="bot2"><div class="bot3"></div></div></div> 
  </div>    
</div>        
<?php endif; ?>
<div id="bottom">
            <div class="tg">
            <jdoc:include type="modules" name="copyright"/>&copy;&nbsp;2012. <?php if ($this->params->get( 'footerdisable' )) : ?><?php echo ($footertext); ?><?php endif; ?></div></div>
<!-- Link protected by copyright law. DO NOT REMOVE! --><div class="compp"><a href="http://www.freshjoomlatemplates.com/" title="free themes" target="_blank">Joomla template</a> by <a href="http://www.themegoat.com/" title="themegoat" target="_blank">TG</a></div>
</div>
</body>
</html>
 
hub

hub

nicht ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

@Ralf.:
Habs hinterher gesehen, sorry. Manchmal Blind wie ein Maulwurf :rolleyes:.
Habe gerade mal reingeschaut. In deiner jetzigen Konsellation wäre das eine Möglichkeit:
.menutopmenu​
​
​
​
​
{
list-style: none;
margin: 0;
padding-left: 0;
}​

.menutopmenu​
li​
​
​
​
{
display: inline-block; /* oder float:left;*/
margin-right: .1em; /* oder wie auch immer */
}​

 
Zuletzt bearbeitet:
Ranger1281

Ranger1281

Gelegenheitstäter

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

hub schrieb:
@Ralf.:
Habs hinterher gesehen, sorry. Manchmal Blind wie ein Maulwurf :rolleyes:.
Aber dein Problem ist gelöst?
Zum Vergrößern anklicken....

Hallo Ulli,
nein noch nicht. Das Menü soll schon in der Position bleiben, wo es jetzt ist...

Natürlich habe ich bereits alle Modulpositionen durchprobiert, das hatte ich vergessen in den ersten Beitrag zu schreiben. Es kommt mir auch auf einen Tag mehr oder weniger bis zur Lösung nicht an...
 
hedoo

hedoo

Nicht mehr ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo Ralf,
habe das Template zwar nicht installiert, habe aber gesehen, dass die Liste deines Menüs die Klasse "menurtopmenu" hat. Dann müsstest du die css entsprechend ergänzen:

ul.menurtopmenu{display:inline list-style: none;margin: 0;padding: 0;}
ul.menurtopmenu li{float: left;display: inline}

Schreib mal ob das der richtige Ansatz ist.
Gruß
hedoo
 
R

RemusGTR

Nicht mehr ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Muß man nicht nur das " _Menu" unter Modulklassensuffix ändern um ein horizontales oder vertikales Menu zu erhalten? und brauch gar nicht in der CSS Datei zu ändern?
 
mapegele

mapegele

Täglich anwesend

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo Ralf,

habe das Modul in der index.php verschoben. Jetzt sitzt es zumindest schonmal unter dem header. ;)
Den rest müßtest Du per css hinbekommen. Einfach mal testen.
Hier der neue Code der index.php. Einfach austauschen.:D

PHP: 
<?php /**  * @copyright    Copyright (C) 2011 JoomlaThemes.co - All Rights Reserved. **/
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
?>
<?php // no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$slogan    = $this->params->get("slogan");
$slogandisable    = $this->params->get("slogandisable");
$addthis    = $this->params->get("addthis");
$footertext    = $this->params->get("footertext");
$footerdisable    = $this->params->get("footerdisable");
$googleanalytics    = $this->params->get("googleanalytics");
$analyticsdisable    = $this->params->get("analyticsdisable");
$socialbuttons    = $this->params->get("socialbuttons");
$slidedisable    = $this->params->get("slidedisable");
$slidedesc1    = $this->params->get("slidedesc1");
$url1    = $this->params->get("url1");
$slidedesc2    = $this->params->get("slidedesc2");
$url2    = $this->params->get("url2");
$slidedesc3    = $this->params->get("slidedesc3");
$url3    = $this->params->get("url3");
$slidedesc4    = $this->params->get("slidedesc4");
$url4    = $this->params->get("url4");
JHTML::_('behavior.framework', true);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:600' rel='stylesheet' type='text/css'>
<jdoc:include type="head" />
<?php require(YOURBASEPATH . DS . "functions.php"); ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/styles.css" type="text/css" />
<?php if ($this->params->get( 'analyticsdisable' )) : ?>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '<?php echo ($googleanalytics); ?>']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/NivooSlider.css" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/NivooSlider.js"></script>
    <script type="text/javascript">
        window.addEvent('domready', function () {
            // initialize Nivoo-Slider
            new NivooSlider($('Slider'), {
                effect: 'random',
                interval: 5000,
                orientation: 'random'
            });
        });
    </script>
</head>

<body class="background">
<div id="main">
<div id="header-w">
        <div id="header">
                    <div id="navr">
            <div class="tguser"><jdoc:include type="modules" name="position-0" style="none" /></div>



    <div id="nav-right">
    </div></div>
        <div class="topmenu">
<!-- MODIFY social buttons here (add yours from addthis.com) -->
<?php if ($this->params->get( 'socialbuttons' )) : ?>
<div id="bookmark"><div id="addthis">
<div class="addthis_toolbox addthis_default_style addthis_16x16_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="<?php echo ($addthis); ?>"></script>
</div></div>
<?php endif; ?>
<!-- END of social script -->
        </div>
            <?php if ($this->countModules('logo')) : ?>
                <div class="logo">
                    <jdoc:include type="modules" name="logo" style="none" />
                </div>
            <?php else : ?>
                <a href="<?php echo $this->baseurl ?>/">
            <img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/logo.png" border="0" class="logo">
            </a>
            <?php endif; ?>
        <div class="slogan"><?php if ($this->params->get( 'slogandisable' )) : ?><?php echo ($slogan); ?><?php endif; ?></div>
            <?php if ($this->countModules('top')) : ?>
                <div class="top">
                    <jdoc:include type="modules" name="top" style="none"/>
                </div>
            <?php endif; ?>
    </div>
</div>
            <div id="navl">
            <div id="nav">
              <div id="nav-left">
<jdoc:include type="modules" name="menuload" style="none" /></div>
                </div> </div>

<div id="wrapper">

    <div id="main-content">
    <?php include "html/com_content/archive/component.php"; ?>
    <?php if ($this->countModules('breadcrumb')) : ?>
            <jdoc:include type="modules" name="breadcrumb"  style="none"/>
        <?php endif; ?>
    <div class="clearpad"></div>
    <div id="message">
        <jdoc:include type="message" />
    </div>
            <?php if($this->countModules('left')) : ?>
<div id="leftbar-w">
    <div id="sidebar">
        <jdoc:include type="modules" name="left" style="jaw" /></div>
</div>
    <?php endif; ?>
    <?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_md';
      elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_bg';
      else $maincol_sufix = ''; ?>
<div id="centercontent<?php echo $maincol_sufix; ?>">
<!-- Slideshow -->
<?php $menu = JSite::getMenu(); ?>
<?php $lang = JFactory::getLanguage(); ?>
<?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
<?php if ($this->params->get( 'slidedisable' )) : ?>
        <div id="Slider" class="nivoo-slider">
        <a href="<?php if ($this->params->get( 'url1' )) : ?><?php echo ($url1); ?><?php endif; ?>">
            <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/1.jpg" title="<?php if ($this->params->get( 'slidedesc1' )) : ?><?php echo ($slidedesc1); ?><?php endif; ?>" height="250" width="500" /></a>
        <a href="<?php if ($this->params->get( 'url2' )) : ?><?php echo ($url2); ?><?php endif; ?>">
            <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/2.jpg" title="<?php if ($this->params->get( 'slidedesc2' )) : ?><?php echo ($slidedesc2); ?><?php endif; ?>" height="250" width="500" /></a>
        <a href="<?php if ($this->params->get( 'url3' )) : ?><?php echo ($url3); ?><?php endif; ?>">
            <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/3.jpg" title="<?php if ($this->params->get( 'slidedesc3' )) : ?><?php echo ($slidedesc3); ?><?php endif; ?>" height="250" width="500" /></a>
        <a href="<?php if ($this->params->get( 'url4' )) : ?><?php echo ($url4); ?><?php endif; ?>">
            <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/4.jpg" title="<?php if ($this->params->get( 'slidedesc4' )) : ?><?php echo ($slidedesc4); ?><?php endif; ?>" height="250" width="500" /></a>
        </div>
<?php endif; ?>
<?php } ?>
<!-- END Slideshow -->
<div class="clearpad"><jdoc:include type="component" /> </div></div>
    <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightbar-w">
    <div id="sidebar">
         <jdoc:include type="modules" name="right" style="jaw" />
    </div>
    </div>
    <?php endif; ?>
<div class="clr"></div>
        </div>
        </div>
  </div>
</div>
<div id="user-bottom">
<div class="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
</div>
<?php if ($this->countModules('user7 or user8 or user9 or user10')) : ?>
<div id="footer">
<div class="footer-pad">
        <div class="top1"><div class="top2"><div class="top3"></div></div></div>
        <div class="bot1"><div class="bot2"><div class="bot3"></div></div></div>
  </div>
</div>
<?php endif; ?>
<div id="bottom">
            <div class="tg">
            <jdoc:include type="modules" name="copyright"/>2011. <?php if ($this->params->get( 'footerdisable' )) : ?><?php echo ($footertext); ?><?php endif; ?></div></div>
<!-- Link protected by copyright law. DO NOT REMOVE! --><div class="compp"><a href="http://www.freshjoomlatemplates.com/" title="free themes" target="_blank">Joomla template</a> by <a href="http://www.themegoat.com/" title="themegoat" target="_blank">TG</a></div>
</div>
</body>
</html>
 
Ranger1281

Ranger1281

Gelegenheitstäter

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo zusammen,

erstmal Dankeschön für Eure Anregungen.

Aaaaand the Winner is.......

hedoo!!!!

Soweit Super, Dankeschön. Jetzt muss ich nur noch das ganze horizontal zentrieren und einen Abstand zwischen die Menüeinträge kriegen. Der Abstand sollte ja über padding lösbar sein...

Da melde ich mich dann später nochmal, ob das geklappt hat.

Bis hierher auf jeden Fall nochmal Danke!!
 
Ranger1281

Ranger1281

Gelegenheitstäter

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Sooo,
den Abstand zwischen den Menüeinträgen habe ich hinbekommen. padding:5px: in die klasse ul.menurtopmenu li eingefügt und gut is...
Eas mir noch noch Kopfschmerzen bereitet ist die horizontale Ausrichtung des gesamten Menüs. Traumhaft wäre mittig zentriert.
Zur Zeit sieht das ganze so aus:

Code: 
ul.menurtopmenu{display:inline; list-style:none; margin:5px; padding:5px;}
ul.menurtopmenu li{float:left; display:inline; padding:5px; text-align:center;}
das text-align:center; wird wohl wirkungslos sein, ihr sollt nur sehen was ich versucht habe......
 
Zuletzt bearbeitet:
hedoo

hedoo

Nicht mehr ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo,

die Frage wurde hier schon einmal behandelt:


Gruß
hedoo
 
Ranger1281

Ranger1281

Gelegenheitstäter

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo hedoo,
danke für den Link. Leider führt dieser bei mir nicht zum gewünschten Erfolg.
Ich habe alle möglichen Varianten durchprobiert,
also display: inline; & text-align:center;
oder ohne display Anweisung
oder display:inline-block; mit text-align:center;
sowie auch display:block; mit text-align:center;
das ganze natürlich auch in allen jeweils beiden
"ul.menurtopmenu" "ul.menurtopmenu li"
Klassen einzeln und kombiniert.
Die einzige Änderung war bei der Variante:
display:inline-block in beiden Klassen mit
text-align: center; in beiden Klassen ohne float:left; in der "li",
da haben sich die Menüeinträge vertikal auch den unteren Rand der BG-Grafik des Menüs abgesenkt.....
Horizontal habe ich nichts bewirken können....

Jetzt wirds langsam anspruchsvoll....:(
 
hedoo

hedoo

Nicht mehr ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Moin Ralf,

glaube die Lösung gefunden zu haben: Das float: left im li muss raus.

Code: 
ul.menurtopmenu{ list-style:none; margin:5px; padding:5px;text-align: center;}
ul.menurtopmenu li{padding:5px; text-align:center;display: inline;}

Gruß
hedoo
 
Ranger1281

Ranger1281

Gelegenheitstäter

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo hedoo,
whow, 05:21Uhr respekt...
Soweit so gut, der Text ist zentriert... nun werden aber offensichtlich die Menueinträge wieder untereinander gesetzt, den es ist nur noch der erste Eintrag "Home" sichtbar.
anbei poste ich nochmal meine komplette CSS im aktuellen Status:
Code: 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tfoot,thead{background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
tr,th,td {background: transparent;border: 1px solid #e1e1e1;font-style: inherit;font-weight: inherit;margin: 0;padding-left: 7px;outline: 0;vertical-align: baseline;} 
table {border-collapse: collapse;border-spacing: 0; width: 100%; border: 1px solid #e1e1e1;}
html {overflow-y: scroll;} 


/* Main Layout */
html {height: 100%;}
body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #555; }
body.contentpane { background:#fff; color:#555;}
.background {position: absolute;width: 100%; background:#000 url(../images/bg.png) repeat;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:bold; color:#134E8B;font-family:Arial, Helvetica, sans-serif;}
.componentheading { font-style:italic;font-size:25px; margin:0; padding:0 0 10px 0; color:#1a528c;}
h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
a:link, a:visited { text-decoration: none; color: #1aa8fb;}
a:hover { text-decoration: underline; color: #2f7ac0;}
ul {margin:0 0 0 15px; list-style:none;}
p {margin-top: 0;margin-bottom: 10px;}
p em {font-style:italic;}
blockquote { background:#eee; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}

/* Header */
#header { position:relative; height:280px; width:1024px; margin: 0px auto 0; -moz-border-radius: 5px; border-radius:5px;}
#header-w {position:relative;}
.top {position:relative; color:#fff; width:1024px; height:35px; top:25px; overflow:hidden; left:50%; margin-left:-512px; background:url(../images/mainmenu.png) 0 0 repeat-x; z-index:100;}
.top a { color:#fff; text-decoration:none; list-style:none; text-align:center;}
.logo { position:relative; left:50%; margin-left: -512px; color:#fff; top: 14px;}
.slogan { position:absolute; left:210px; color:#fff; top: 105px;}
.tguser { position:absolute; right:10px; top: 0px; color:#fff; float:right;}

ul.menurtopmenu{display:inline; list-style:none; margin:5px; padding:5px;}
ul.menurtopmenu li{padding:5px; text-align:center;}

.topmenu {right:130px; top:10px; float:right; height:22px;font-family: segoe ui, verdana, arial, sans-serif; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px ;}
.topmenu ul {margin:0; padding:0; float:left; -moz-border-radius: 5px; border-radius: 5px;}
.topmenu ul li {list-style:none;float:left;height:100%;position:relative;}
.topmenu ul li a { display:block; padding:0 10px 0 10px; margin:0; line-height:22px; color:#fff; text-decoration:none; font-size:12px;font-weight:bold; font-family: 'Terminal Dosis', sans-serif;}
.topmenu ul li.active {}
.topmenu ul li.active a {}
.topmenu ul li:hover {}
.topmenu ul li a:hover{ text-decoration:none; font-weight:bold; font-size:12px; -moz-border-radius: 5px; border-radius: 5px; color:#03b6dd;text-shadow:none;}
.topmenu ul li ul {position:absolute; width:1024px; left:50%; margin-left:-512px; border-top:0; margin:0; padding:0;}
.topmenu ul li:hover ul, #menu ul li.sfHover ul {left:0;}
.topmenu ul li ul li {padding:0;height:auto;width:1024px; margin:0; border:none;}
.topmenu ul li:hover ul li a {text-shadow:none;}
.topmenu ul li:hover ul li {background:url(../images/mainmenu.png) 0 0 repeat-x;}
.topmenu ul li:hover ul li a, .topmenu ul li ul li a, .topmenu ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:2px;}
.topmenu ul li ul li a:hover, .topmenu ul li ul li.active a, .topmenu ul li.active ul li a:hover, .topmenu ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
.topmenu ul li ul ul, .topmenu ul li:hover ul ul, .topmenu ul li:hover ul ul ul, .topmenu ul li:hover ul ul ul ul, .topmenu ul li.sfHover ul ul, .topmenu ul li.sfHover ul ul ul, .topmenu ul li.sfHover ul ul ul ul {left:-999em;}

#slide-w { margin:0; padding:0; background:#EAEAEA url(../images/bg.png) 0 0 repeat-x; border-bottom:1px solid #d6d6d6;border-top:1px solid #f5f5f5;}
#slide { width:1024px; margin:0 auto;}

/* Navigation */
#nav {}
#navl {}
#navr {height:40px; width: 1024px; background:url(../images/mainmenu.png) 0 0 repeat-x; font-family: 'Terminal Dosis', sans-serif; margin-top: -4px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding:0; margin:0;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-shadow: #000 0 1px; text-decoration:none;font-size:14px;font-weight:normal;}
#nav ul li.active {}
#nav ul li.active a {-moz-border-radius: 5px; border-radius: 5px; color:#ff0000; text-shadow: #000 0 1px; height: 30px; margin: 5px 0px 5px 0px; line-height: 30px;}
#nav ul li:hover {}
#nav ul li a:hover{ text-decoration:none; font-weight:normal; -moz-border-radius: 5px; border-radius: 5px; color:#ff0000; text-shadow: #000 0 1px; height: 30px; margin: 5px 0px 5px 0px; line-height: 30px;}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}
#nav ul li ul li:hover ul {left:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}

/* Sidebar */
#leftbar-w {padding:0px;width:209px;float:left;}
#addthis {float:center; padding-left: 12px; padding-top: 5px;}
#rightbar-w {padding:0px;width:209px;float:right; }
#sidebar {padding:0}
#sidebar .module {margin-bottom: 5px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px;}
#sidebar .module-title {font-size:16px;font-weight:100;margin:0;height:33px; line-height:33px; color: #e1e1e1; text-shadow: #000 0 1px; padding:0 0 0 22px; font-family: 'Terminal Dosis', sans-serif; font-size:15px; background:url(../images/sidebar.gif) 0 0 repeat-x; border-radius: 5px 5px 0 0;}
#leftbar-w .module-title {padding: 0 0 0 15px; }
#rightbar-w  .module-title {padding: 0 0 0 15px;}
#sidebar .module-body {margin:0; padding:13px; background:#fff; border: 1px solid #E1E1E1;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar  ul li { margin:0 5px; padding:0;}
#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; }
#sidebar .module ul.menu li a {height: 16px; background: url("../images/sidehover.jpg") no-repeat scroll 100% 0 #FFFFFF;border: 1px solid #FFFFFF;color: #575757;display: block;outline: medium none;padding: 6px 15px 6px 5px;text-decoration: none; text-align: left;}
#sidebar .module ul.menu li a:hover { height: 16px; color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
#sidebar .module ul.menu li.active a{color:#058CA1;}
#sidebar .module ul.menu li ul {margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background:none;text-align:left; padding-left: 11px;}
#sidebar .module ul.menu li ul li a:hover{height: 16px; color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
#sidebar .module ul.menu li.active ul li a{color: #6e99c2;}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}

/* Content */
#main { margin:0px auto;position: relative; background:url("../images/shadow1.png") no-repeat scroll 50% 30% transparent;}
#main-content { clear:both;background:#fff; position:relative; padding: 9px; height:100%;border-left: 1px solid #bab9b9;border-right: 1px solid #bab9b9;color: #555; border-top-right-radius: 5px; border-top-left-radius: 5px;}

#maincol {position: relative;}
#wrapper { margin:0 auto; width:1024px; padding:0;position: relative;}
#crdt {border:0;float:right;color:#708090;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#crdt a{color:#708090;}
.top1 {background:url(../images/main-top.png) 0 0 no-repeat;clear:both;}
.top2 {background: url(../images/main-top.png) 100% 100% no-repeat; }
.top3 { background: #fff; height: 6px;margin:0 6px;}
.bot1 {background:url(../images/main-bot.png) 0 0 no-repeat;clear:both;}
.bot2 {background: url(../images/main-bot.png) 100% 100% no-repeat;}
.bot3 { background: #fff; height: 6px;margin:0 6px;}

#leftcolumn{margin-left:9px;padding:0px;width:205px;float:left;}
#rightcolumn{margin-right:9px;padding:0px;width:205px;float:right;}
#centercontent{width:500px;float:left;margin:5px 0 0 10px;padding:0px;overflow:hidden;}
#centercontent ul{margin: 0 0 10px 15px;}
#centercontent td {border: 1px solid #e1e1e1;vertical-align: middle;}
#centercontent th {border: 1px solid #e1e1e1;vertical-align: middle;}
#centercontent_md{width: 725px;float:left;overflow:hidden;padding-left: 3px; }
#centercontent_bg{width: 1024px;float:left;margin:0px 5px 0px 5px;padding:0px;overflow:hidden;}

div.clearpad {padding:3px;}
div.clearpad ul {clear: both;}

/* Content styles */
#login-form label {float: left; width: 9em;}
ul.archive li { list-style:none; padding:0 0 0 10px;}
.archive .article-count {color:#999;}
.blog-featured {background:#fff; color: #555;}
.items-leading {position: relative; clear:both; margin-top:2px;}
.items-row {position: relative;clear:both;}
.item-page { position:relative; background:#fff; color: #555; padding: 7px;}
h2.item-page-title {padding: 3px 0 3px 0px; margin-bottom: 1px; font-family: 'Terminal Dosis', sans-serif;}
h2.item-page-title a, .leading-0 a {color:#555; font-size: 18px;font-weight:normal; font-family: 'Terminal Dosis', sans-serif;}
h2.item-page-title a:hover, .leading-0 a:hover{color:#c4c4c4; text-decoration: underline;}
.item-page-title, .item-page-title a {text-decoration:none; color:#01406a;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:15px; right:0;}
.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right; margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {font-size: 12px;overflow:hidden;margin-bottom:5px;display:block;width: 100%; color:#999; line-height: 13px;}
.iteminfo a {color:#999;} .iteminfo a:hover {color:#333;}
.iteminfo .category {}
.iteminfo .sub-category { padding:0 0 0 0px}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold; display:block}
.items-more {clear:both; padding:10px;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
th.list-title, th.list-author,th.list-hits,th.list-date  { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding:2px; border-right:1px solid #fff; color:#fff;}
th.list-title a, th.list-author a,th.list-hits a,th.list-date a { color:#fff; font-weight:bold}
td.list-title, td.list-author, td.list-hits, td.list-date { border-bottom:1px dotted #ccc;}
td.list-title { width:50%;}
td.list-author { width:15%; text-align:center;}
td.list-hits { width:5%;text-align:center;}
td.list-date { width:15%;text-align:center;}
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:45%;float:left; margin:4px;}
.cols-2 .column-2{width:45%;float:right; margin:4px;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}


/* Contact styles */
th.item-num, th.item-title,th.item-position,th.item-phone,th.item-suburb,th.item-state { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding: 2px 2px 2px 7px; border-right:1px solid #fff; color:#fff; text-align:left;}
th.item-num a, th.item-title a,th.item-position a,th.item-phone a,th.item-suburb a,th.item-state a {color:#fff}
td.item-num {width:5%; text-align:left;}
td.item-title {width:25%; text-align:left;}
td.item-position {width:15%;text-align:left;}
td.item-phone {width:15%;text-align:left;}
td.item-suburb {width:15%;text-align:left;}
td.item-state {width:15%;text-align:left;}
.contact label { width:100%;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px;}

.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}

.readmore a{ float:right; line-height:14px; background: #b9b9b9; color:#fff;overflow:visible; font-size:11px; padding:3px;}
.readmore a:hover{ background: #555; color:#fff; text-decoration:none;}

ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left; padding-top: 10px;}
.pagenav-next { float:right; padding-top: 10px;}
.pagination { clear:both;}
span.pagination { background:none;}
.pagination span, .pagination a, ul.pagenav li a {padding: 1px 8px; background: #fff; color: #555; font-weight: bold; font-size: 90%;}
.pagination a, ul.pagenav li a {  font-weight: bold; text-decoration:underline}
.button, .validate {  background: none repeat scroll 0 0 #757474;border: 1px solid #555555;color: #FFFFFF;font-weight: normal;margin: 4px;padding: 1px 12px;}
.button:hover,.validate:hover,.pagination a:hover,ul.pagenav li a:hover  {background:#3A759E;color:#fff;}
.inputbox, input, textarea, select {background:none repeat scroll 0 0 transparent ; border:1px solid #c0c0c0; color:#13618d; -moz-border-radius: 5px; border-radius: 5px; padding-right: 4px;}
.breadcrumbs { padding:0 0 0 10px; color:#555;}
.searchbox {background: url(../images/search.png) no-repeat ; width: 165px; height: 18px; color:#fff; -moz-border-radius: 5px; border-radius: 5px; margin-top: 9px;}

/* Modules 1 */
#mods1 {overflow: hidden;padding:0; margin:0 auto;clear:both;}
#mods1 .module { padding:0; margin:0; }
#mods1 .inner { padding:10px; }
#mods1 .module-title {margin:0;padding:0 0 10px 0;}
#mods1  h3 {display: block;padding-left: 10px;padding-top: 3px;height: 20px;font-size: 18px;}
#mods1 .module-body {padding:0; margin:0;}
#mods1 ul {margin:0 10px; padding:0;}
#mods1 ul li {list-style:inside;}
#mods1-i { clear:both;}
/* Modules 2 */
#mods2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:1024px; }
#mods2 .module { margin:0;padding:0;}
#mods2 .inner { padding:10px;}
#mods2 .module-title {margin:5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:100; color:#333; text-shadow:1px 1px #fff;}
#mods2 .module-body {padding:0; margin:0;}
#mods2 a {color:#419af8;}#mods2 a:hover {}
#mods2 ul {margin:0; padding:0;}
#mods2 ul li {list-style:inside;margin:0; padding:0;}
/* Modules 3 */
#mods3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:1024px; color:#dfdfdf; background:#1a528c url(../images/mods3.png) 0 0 repeat-x;}
#mods3 .module { margin:0;padding:0;}
#mods3 .inner { padding:5px 10px 0 10px;}
#mods3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:normal; color:#fff; text-shadow:1px 1px #000;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 a { color:#419af8;}#mods3 a:hover { color:#fff;}
#mods3 ul {margin:0; padding:0;}
#mods3 ul li {list-style:inside; border-bottom:1px dotted #043466; list-style:none;}
#mods3 ul li:hover {}
#mods3 ul li a {font-weight:100; display:block; padding:0 0 0 15px; background:url(../images/arrow.png) 0 50% no-repeat;}

/* Footer */
#footer .top1 {background:url(../images/mods3-top.png) 0 0 no-repeat;clear:both;}
#footer .top2 {background: url(../images/mods3-top.png) 100% 100% no-repeat; }
#footer .top3 { background: #0b58a9; height: 6px;margin:0 6px;}
#footer .bot1 {background:url(../images/mods3-bot.png) 0 0 no-repeat;clear:both;}
#footer .bot2 {background: url(../images/mods3-bot.png) 100% 100% no-repeat; }
#footer .bot3 { background: #1a528c; height: 6px;margin:0 6px;}
#footer { clear:both; margin:10px 0 0 0; padding:0;}
.footer-pad { width:1024px; margin:0 auto; padding: 0;}
#bottom {width:1024px; margin:0 auto; padding:5px 0 0 0; background: #e1e1e1 ; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;-moz-box-shadow: 0 0 5px #555;-webkit-box-shadow: 0 0 5px#555;box-shadow: 0 0 5px #555;}
.copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;color:#ccc}
.copy a {font-size:12px; color:#ccc}
.compp {margin:0; text-align:center; float:center; color:#665c5c; font-size:9px;padding: 0;width: 290px; margin: 0 auto;}
.compp a { text-decoration:none; font-size:9px;color:#665c5c; font-weight:bold;padding: 0;}

/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error  .error { color:#FF0000}
#error { width:600px; margin:100px auto 0 auto; padding:20px; background:#fff;-moz-border-radius:6px;border-radius:6px;}

.tg  a{color: #c6c6c6;}
.tg {-moz-border-radius: 5px; border-radius:5px; background: none repeat scroll 0 0 #5b5b5b;clear: both;color: #c6c6c6;font-size: 11px;padding: 5px;position: relative;}
#slide {height: 152px; color:#c6c6c6; float: left; width: 1022px; margin-top:5px; margin-bottom: 5px;-moz-border-radius: 5px; border-radius:5px;-moz-box-shadow: 0 0 5px #b9b9b9;-webkit-box-shadow: 0 0 5px#b9b9b9;box-shadow: 0 0 5px #b9b9b9;}
#bookmark {margin-bottom: 3px;}

#user-bottom { background: #555 ; width: 1024px; margin:0 auto; padding: 0; text-align: left; height: 100%;}
.user1  h3, .user2  h3, .user3  h3 {color:#000;}
.user1 { text-shadow: #fff 0 1px; color: #000; padding: 0px 10px 6px 30px; float: left; width: 250px; background: #e1e1e1;margin: 10px;}
.user2 { text-shadow: #fff 0 1px; color: #000; padding: 0px 10px 6px 30px; float: left; width: 250px; background: #e1e1e1;margin: 10px;}
.user3 { text-shadow: #fff 0 1px; color: #000; padding: 0px 10px 6px 30px; float: left; width: 250px; background: #e1e1e1;margin: 10px;}
.print-icon,.email-icon{float: right; list-style: none; padding-left:5px;}
 
hedoo

hedoo

Nicht mehr ganz neu hier

AW: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo Ralf,

du müsstest das "display:inline" in der Liste (ul.menurtopmenu) löschen.

habe die Seite lokal gespeichert und die CSS angepasst, funktioniert einwandfrei.

Viele Grüße
hedoo
 
Ranger1281

Ranger1281

Gelegenheitstäter

Gelöst: Joomla!2.5.7 Menü oben - Liste wird vertikal angezeigt

Hallo hedoo,
jepp das war's...

Ich habe heute nochmal genau die CSS mit deinem Posting vom Samstag verglichen und festgestellt, dass täglich12 Std Montage und Abends 'ne Website bauen nicht so eine tolle Kombination ist....:rolleyes:

Nach erneutem Anpassen und Deinem Posting von Gestern ist jetzt alles so, wie ich es haben möchte.

Nochmal vielen Dank an Euch alle!!!
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 121 (Mitglieder: 2, Gäste: 119)
Robots: 873

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben