|
|||
![]()
Hallo!
Ich möchte eine von einem Joomla-Template erstellte seite auseinanderklamüsernund selbs schreiben. Dort stört mich doch das vorhandenen Tabellendesign, welches ebenfalls in en Menüs vorherrscht. Dieses möchte ich gern in listen umändern dabei habe ich folgendes Problem, dass das Listenelement zu weit rechts ist. Ich weiß nciht wie ich es weiter links bekomme Dazu mal das CSS aus Joomla Code:
body{ margin:0; padding:0; text-align: center; font-family: verdana, arial, sans-serif; background: #FFF url(back_verlauf.jpg) repeat-x top; } a { text-decoration: none; font-weight: bold; color: #002E61; border: none; } a:hover { text-decoration: underline; border: none; } #accessibility { position: absolute -2000px -1000px; display: none; } #source { position: absolute -2000px -1000px; display: none; } #top-spacer { width: 100%; height: 25px; } #pagewidth{ width:770px; text-align:left; min-width: 500px; margin-left:auto; margin-right:auto; background: url(back_all.gif) repeat-y top; } #header { height: 116px; width: 100%; background: #FFF url(back_verlauf.jpg) repeat-x top; } #top-top { height: 30px; width: 100%; background: transparent; } #top-bottom { height: 80px; width: 100%; background: transparent; } #search { margin: 0px; padding: 0px; width: 148px; height: 28px; float: right; background: url(back_search.jpg) right top no-repeat; padding-left: 10px; padding-top: 2px; vertical-align: top; } #search .inputbox{ width: 100px; height: 18px; font-size: 10px; color: #002E61; background: transparent; border: none; margin: 0px; padding: 0px; line-height: 14px; } #search .button{ margin: 0px; padding: 0px; height: 14px; font-size: 10px; color: #002E61; background: transparent; border: none; line-height: 10px; } #search form { margin: 0px; padding: 0px; } #topmenu { height: 20px; float: right; width: 600px; } #pathway{ width: 500px; height: 19px; padding-left: 20px; padding-top: 5px; } #leftcol{ width: 152px; float: left; position: relative; margin-right: 1px; } #rightcol{ width: 155px; float: right; position: relative; margin-right: 1px; margin-top: -25px; } #outer{ width: 770px; background: url(content-top.gif) no-repeat top; padding-top: 6px; } #footer{ height: 100px; width:100%; background: url(footer.jpg) no-repeat #FFFFFF; font-size: 10px; } #maincol{ float: left; width: 445px; position: relative; padding-left: 5px; } #maincol-wide{ float: left; width: 595px; position: relative; padding-left: 5px; } .clr{clear:both;} .content { padding: 0px 0px 0px 0px; font-size: 10px; line-height: 18px; border: border: 1px solid #999; } ul.menu { font-style:normal; list-style:none; } #leftcol div.module, #rightcol div.module { width: 152px; background: transparent url(module_middle.jpg) left repeat-y; margin-bottom: 10px; } #leftcol div.module div, #rightcol div.module div { width: 152px; background: transparent url(module_top.jpg) top left no-repeat; } #leftcol div.module div div, #rightcol div.module div div { width: 152px; background: transparent url(module_bottom.jpg) bottom left no-repeat; } #leftcol div.module div div div,#rightcol div.module div div div{ width: 137px; padding-left: 5px; padding-right: 10px; padding-top: 10px; background: transparent; padding-bottom: 10px; font-size: 10px; } #leftcol div.module div div div div, #rightcol div.module div div div div{ padding: 0px; margin: 0px; } div.module h3 { color: #003366; font-size: 14px; width: 130px; border-bottom: 1px solid #002E61; font-weight: bold; margin: 0px; padding: 0px; margin-bottom: 5px; } #maincol div.module, #maincol-wide div.module { background: #F6F6F6 url(module_left_top.gif) top left no-repeat; float: left; width: 48%; margin-right: 10px; margin-bottom: 10px; } #maincol div.module div, #maincol-wide div.module div{ background: url(module_right_top.gif) top right no-repeat; } #maincol div.module div div, #maincol-wide div.module div div{ background: url(module_right_bottom.gif) bottom right no-repeat; } #maincol div.module div div div, #maincol-wide div.module div div div{ background: transparent url(module_left_bottom.gif) bottom left no-repeat; padding: 5px; font-size: 10px; } ul#mainlevel-nav { list-style: none; padding: 0; margin: 0; float: right; } ul#mainlevel-nav li{ width: auto !important; width: 5%; float: right; margin: 0; font-size: 10px; height: 20px; line-height: 20px; white-space: nowrap; background: url(headmenu_left.gif) bottom left no-repeat; margin-right: 1px; } ul#mainlevel-nav li a{ font-weight: normal; height: 20px; display: block; padding-left: 5px; padding-right: 10px; text-decoration: none; color: #CCCCCC; background: url(headmenu_right.gif) bottom right no-repeat; margin-left: 5px; } ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover { background: url(headmenu_left_hover.gif) bottom left no-repeat; } ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{ background: url(headmenu_right_hover.gif) bottom right no-repeat; } /* Main Menu(s) */ a.mainlevel { font-size: 10px; margin-right: 4px; padding-left: 4px; width: 139px; display: block; line-height: 26px; margin-bottom: 2px; text-decoration: none; color: #002E61; font-weight: normal; } a.mainlevel:hover, a.mainlevel#active_menu { background: #F1F1F1; border-right: 4px solid #6685A3; text-decoration: none; width: 135px; } a.sublevel { padding: 0px; margin: 0px; font-size: 10px; margin-right: 4px; padding-left: 12px; width: 127px; display: block; line-height: 20px; background: url(submenu_back.gif) left center no-repeat; margin-bottom: 2px; text-decoration: none; color: #002E61; font-weight: normal; } a.sublevel:hover, a.sublevel#active_menu { background: #F1F1F1 url(submenu_back.gif) left center no-repeat; border-right: 4px solid #6685A3; text-decoration: none; width: 123px; } /* Module specific */ #leftcol div.module div div div div.syndicate { background: transparent; width: 137px; margin: 0px; padding: 0px; } #leftcol div.module div div div div.syndicate div { background: transparent; width: 137px; margin: 0px; padding: 0px; } div.moduletable h3 { width: 175px; height: 30px; background-color: #E6EDF1; color: #333333; font-weight: bold; font-size: 120%; font-family: "Trebuchet MS", Verdana, sans serif; line-height: 32px; padding-left:5px; margin-bottom: 5px; margin-top: 17px; } div.moduletable-menu h3 { width: 175px; height: 30px; background-color: #E6EDF1; color: #333333; font-weight: bold; font-size: 100%; font-family: "Trebuchet MS", Verdana, sans serif; line-height: 32px; padding-left:5px; margin-bottom: 5px; margin-top: 17px; } /* Other Mambo Stuff */ #title { } .pathway { color: #BBBBBB; font-size: 10px; text-decoration: none; font-weight: normal; } .pathway a{ color: #BBBBBB; text-decoration: none; font-weight: normal; } .date { } hr { width: 90%; } hr.separator { width: 40%; } a.pnav { } .pnav:hover { } .small { font-size: 10px; color: #ABABAB; line-height: 0.7; } .smalldark { font-size: 10px; color: #000; height: 10px; line-height: 10px; text-align: left; } .sectiontableentry1 { text-align: left; background: #EFEFEF; font-size: 10px; padding: 2px; } .sectiontableentry2 { background: #FFF; font-size: 10px; text-align: left; padding: 2px; } .button { border: 1px solid #BBBBBB; } .inputbox { border: 1px solid #BBBBBB; } .createdate { font-size: 10px; color: #ABABAB; height: 10px; line-height: 0.7; } .modifydate { font-size: 10px; color: #ABABAB; height: 20px; line-height: 20px; margin-bottom: 5px; } a.readon { font-size: 10px; text-decoration: none; line-height: 15px; border: 1px solid #EEEEEE; padding-left: 13px; background: url(readon.gif) no-repeat left; margin-top: 10px; text-decoration: none; font-weight: normal; } .blog_more { font-size: 10px; } a.readon:hover { background: #EEEEEE url(readon.gif) no-repeat left; text-decoration: none; } .blog { width: 100%; } .contentheading { width: 98%; font-weight: bold; font-size: 16px; height: 23px; line-height: 20px; border-bottom: 1px solid #002E61; font-family: 'Trebuchet MS', verdana, sans-serif; color: #002E61; } table.contentpaneopen { font-size: 10px; line-height: 1.8; width: 98%; } table.contentpane td.contentheading { width: 98%; font-weight: bold; font-size: 16px; height: 23px; line-height: 20px; font-family: 'Trebuchet MS', verdana, sans-serif; color: #002E61; border: none; } table.contentpane ul { margin: 0px; padding: 0px; list-style: none; } table.contentpane ul li{ padding: 0px; margin: 0px; background: url(readon2.gif) no-repeat left top; padding-left: 15px; } .contentdescription { font-size: 10px; } .sectiontableheader { font-weight: bold; font-size: 10px; height: 25px; line-height: 25px; } .categorytitle { font-weight: bold; font-size: 16px; height: 25px; line-height: 25px; font-family: "Trebuchet MS", Verdana, sans serif; } .componentheading { font-weight: bold; font-size: 16px; height: 23px; line-height: 20px; font-family: "Trebuchet MS", Verdana, sans serif; border-bottom: 1px solid #002E61; color: #002E61; margin-bottom: 5px; } a.category { text-decoration: underline; } a.category:hover { text-decoration: underline; } table.moduletable { width: 100%; font-size: 80%; } table.moduletable th { font-size: 80%; } .poll { font-size: 10px; text-align: center; } .back_button a{ font-size: 10px; font-weight: normal; } .blogsection { font-size: 10px; } .blog_more ul li{ list-style: none; padding-left: 14px; background: url(readon.gif) no-repeat left; line-height: 18px; } table.contenttoc { border: 1px solid #CCCCCC; padding: 3px; } table.contenttoc th{ font-weight: bold; font-size: 10px; border-bottom: 1px solid #BBBBBB; } gruß niesel |
Sponsored Links |
|
|||
![]()
gib ul.menu mal padding-left:0;
lies bitte auch Für Fragende, für Antwortende
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn! Geändert von tesa (18.03.2008 um 13:14 Uhr) |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Joomla 1.5 - Menüstrukur: Template Siteground j15-59 | MarcusAntonius | CSS | 0 | 05.10.2010 18:54 |
Joomla Template - Seite zentrieren? | Dav1d | CSS | 15 | 02.02.2009 14:38 |
Design CCS Problem bei Joomla Template KITN | Alomaman | CSS | 4 | 07.01.2008 15:43 |
Joomla Template Problem | tyrannski | CSS | 0 | 15.02.2007 15:06 |