|
||||
![]()
Hallo,
hoffe, dass ich hier richtig bin? Bei Joomla kann mir bisher keiner helfen. Willkommen auf der Startseite Hier möchte ich Menue Rechts weiter nach rechts, Abstand nach aussen, wie links Hauptmenue. ..und Hauptframe (Mitte) dann mehr nach links und rechts, so dass er breiter wird. Habe in den letzen Tagen viel gelsen, aber nix gefunden. Muss man dass in der css ändern? Hoffe, dass ich hier richtig bin. Gruß Udo ---------------------------------- Das ist die css Datei, für mich ![]() ![]() ![]() ---------------------------------- /* -------------------------------------------------------------------- created by Fio, Free Joomla Templates & Webdesign vonFio Date: 07.02.2008 -------------------------------------------------------------------- */ p, tr, td, div { padding: 0; margin: 0; font: 12px Arial, Tahoma, Verdana; } body { font: 12px Arial, Tahoma, Verdana; margin: 0; padding: 0 20px; text-align: center; color: #000000; background-color: #174350; } #container { margin: 0 auto; text-align: left; background-color: #FFFFFF; } #header { height: 50px; background-color: #174350; overflow: hidden; } #logo { position: absolute; height: 90px; top: 10px; } #bannerarea { height: 70px; color: #FFFFFF; width: 100%; float: left; padding-top: 10px; } #banner { height: 70px; padding-right: 20px; padding-left: 200px; float: right; text-align: right; } #topmenu { color: #FFFFFF; float: right; padding: 0px 20px; } #topmenu ul, #topmenu li { list-style-type: none; display: inline; padding: 0; margin: 0; } #topmenu a { font-size: 11px; color: #FFFFFF; padding: 0 10px; font-weight: bold; border-left: 1px solid #fff; } #topmenu a:hover { color: #8B8B8B; text-decoration: none; } #navigation { height: 80px; } #navleft { background-image: url(../images/navleft.jpg); height: 80px; background-repeat: no-repeat; padding-left: 20px; } #navright { height: 80px; background-image: url(../images/navright.jpg); background-repeat: no-repeat; background-position: right; padding-right: 20px; } #menubar { height: 80px; background-image: url(../images/navback.jpg); background-repeat: repeat-x; } #menubar1 { height: 46px; padding-top: 4px; width: 100%; float: left; } #menubar1 ul, #menubar1 li { list-style-type: none; margin: 0; padding: 0; display: inline; } #menubar1 a { color: #FFFFFF; float: left; line-height: 44px; font-weight: bold; height: 44px; text-align: center; display: block; padding: 0px 20px; border-right: 2px solid #1D518D; } #menubar1 a:hover, #menubar1 li#current a, #menubar1 #active_menu { color: #FFFFFF; text-decoration: none; background-image: url(../images/navover.jpg); background-repeat: repeat-x; background-position: 0px -4px; } #menubar2 { height: 25px; float: left; width: 100%; } #menubar2 ul, #menubar2 li { list-style-type: none; margin: 0; padding: 0; display: inline; } #menubar2 a:link, #menubar2 a:visited { float: left; line-height: 25px; color: #5C83AE; height: 25px; padding: 0 10px; font-size: 11px !important; } #headerimage { background-color: #597FAC; margin: 5px 10px; } #maincontent { padding: 0px 10px; } #pathway { margin-bottom: 5px; border: 1px solid #CCC; padding: 5px; } #left_out { width: 216px; float: left; padding: 0; margin: 0; } #right_out { width: 210px; float: right; padding: 0; margin: 0; } .sidebar { width: 150px; background-color: #FFFFFF; color: #000000; margin-bottom: 10px; } .sidebar .module, .sidebar .module_menu, .sidebar .module_text { margin: 0px 0px 10px 0px; background-color: #FFFFFF; } .sidebar .module div, .sidebar .module_menu div, .sidebar .module_text div { border: 1px solid #CCC; padding: 3px; } .sidebar .module div div, .sidebar .module_menu div div, .sidebar .module_text div div { border: none; padding: 0; } .sidebar th, .sidebar h3 { height: 27px; line-height: 27px; background-color: #34639B; color: #FFFFFF; font-family: Tahoma, Arial, Verdana; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; text-align: left; text-indent: 10px; } #left_out ul, #left_out li, #right_out ul, #right_out li { list-style-type: none; padding: 0; margin: 0; } #left_out ul.menu li a, #left_out ul.menu li#current a, #left_out a.mainlevel, #right_out ul.menu li a, #right_out ul.menu li#current a, #right_out a.mainlevel { border-left: 4px solid #339900; height: 26px; line-height: 26px; font-family: Arial, Tahoma, Verdana; text-indent: 13px; display: block; color: #000000; text-decoration: none; margin: 2px 0px; } #left_out ul.menu a:hover, #right_out ul.menu a:hover, #left_out a.mainlevel:hover, #right_out a.mainlevel:hover, #left_out #active_menu, #right_out #active_menu, #left_out ul.menu li#current a, #right_out ul.menu li#current a { background-color: #339900; color: #FFFFFF; } #left_out a.sublevel, #left_out ul.menu li#current li a, #left_out ul.menu li li a, #left_out ul.menu li li#current a, #left_out ul.menu li li#current li a, #left_out ul.menu li li li a, #right_out a.sublevel, #right_out ul.menu li#current li a, #right_out ul.menu li li a, #right_out ul.menu li li#current a, #right_out ul.menu li li#current li a, #right_out ul.menu li li li a { height: 17px; line-height: 17px; border-left: 4px solid #66CC00; margin: 2px 0px; display: block; color: #000000; text-decoration: none; text-indent: 13px; } #left_out a.sublevel#active_menu, #right_out a.sublevel#active_menu, #left_out a.sublevel:hover, #right_out a.sublevel:hover, #left_out ul.menu li#current li a, #left_out ul.menu li li#current a, #left_out ul.menu li li#current li a, #right_out ul.menu li#current li a, #right_out ul.menu li li#current a, #right_out ul.menu li li#current li a, #left_out ul.menu li li a:hover, #right_out ul.menu li li a:hover, #left_out ul.menu li.parent#current li a:hover, #left_out ul.menu li li.parent#current li a:hover { background-color: #66CC00; color: #FFFFFF; } #left_out ul.menu li.parent#current li a, #left_out ul.menu li li.parent#current li a { background-color: #FFF; color: #000; } .user_bg { margin: 0 0 10px 0; padding: 0; height: 150px; } .user_bg_in { width: 100%; } .user_bg .topmodule_userone { width: 99%; margin: 0px; float: left; border: 1px solid #CCC; } .user_bg .topmodule_usertwo { margin: 0px; float: left; border: 1px solid #CCC; width: 49%; } .user_bg .topmodule_user2two { margin: 0px; float: right; border: 1px solid #CCC; width: 49%; } .user_bg .user_inside { margin: 3px; height: 144px; overflow: hidden; } .user_bg th, .user_bg h3 { background-image: url(../images/navback.jpg); background-repeat: repeat-x; height: 34px; line-height: 34px; color: #fff; font-size: 14px; font-weight: bold; text-indent: 10px; background-position: 0px -4px; text-align: left; margin: 0 0 5px 0; } .user_bg ul { margin: 0px; padding: 0px; } .user_bg li { margin: 0 0 0 20px; padding: 0px; list-style-type: square; } #content_outleft, #content_outmiddle, #content_outright { margin-bottom: 10px; } #content_outleft { margin-left: 216px; } #content_outmiddle { margin-left: 216px; margin-right: 216px; } #content_outright { margin-right: 216px; } #content { border: 1px solid #CCC; padding: 3px; } #bottom_left { background-image: url(../images/footer_left.gif); height: 15px; background-repeat: no-repeat; text-align: center; color: #8B8B8B; } #bottom_right { background-image: url(../images/footer_right.gif); background-position: right; height: 15px; background-repeat: no-repeat; padding: 0 30px; } #bottom_content, #bottom_content a, #bottom_content a:visited { height: 15px; background-color: #FFFFFF; color: #FFFFFF; } #copyright { height: 30px; line-height: 30px; background-color: #174350; color: #FFFFFF; text-align: center; } .clr { clear:both; height:0; font-size: 1px; line-height: 0px; } .contentheading, .contentheading a { font-size: 18px; font-weight: bold; border-bottom: 1px solid #ccc; color: #336699; padding: 0 0 3px 0; } .componentheading, .componentheading a { background-image: url(../images/navback.jpg); background-position: 0px -4px; color: #fff; padding: 5px 10px; margin-bottom: 10px; } .contentdescription { padding: 10px 0px; } .contentpaneopen { padding: 0px 2px; width: 100%; } .small { font-size: 11px; color: #999999; } .modifydate { font-size: 11px; color: #999999; padding-top: 10px; } .createdate { font-size: 11px; padding-bottom: 10px; color: #999999; } ul, li { list-style-type: square; } a:link, a:visited { color: #339900; text-decoration: none; } a:hover { text-decoration: underline; } .separator { border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #E0E0E0; margin-left: 3px; margin-right: 2px; } .button { border: 1px solid #666666; font: Arial, Helvetica, sans-serif; background-color: #B6CEFB; margin: 5px 0px; text-transform: uppercase; font-size: 12px; } .button:hover { background-color: #9DACBF; } a.readon { border: 1px solid #666666; background-color: #333333; color: #FFFFFF; text-transform: uppercase; font-size: 11px; margin: 5px 0px; padding: 3px 5px; float: left; } a.readon:hover { background-color: #999999; text-decoration: none; } .pagenav, .pagenav_prev, .pagenav_next, .pagenav a:link, .pagenav a:visited, .pagenav_prev a:link, .pagenav_prev a:visited, .pagenav_next a:link, .pagenav_next a:visited { padding: 2px 5px; border: 1px solid #CCCCCC; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ECE9D8; margin: 5px 0 0 0; } a.pagenav:hover { color: #000000; text-decoration: none; } .sectiontableheader { padding: 3px 5px; background-color: #666; color: #FFFFFF; font-size: 15px; color: #FFFFFF; } .sectiontableentry1, .sectiontableentry2 { height: 26px; line-height: 26px; font-size: 12px; text-indent: 5px; background-position: bottom; background-color: #FFFFFF; } fieldset { border: none; } .inputbox { padding: 3px; margin: 3px 0px; } .input, img { border: none; padding: 0; margin: 0; } .sidebar .inputbox#mod_login_password, .sidebar .inputbox#mod_login_username, .sidebar .inputbox#modlgn_username, .sidebar .inputbox#modlgn_passwd { width: 192px; }
__________________
Versuche mit seit Anfang Juni in Joomla, aber mit 61 Jahren, schwer ![]() |
Sponsored Links |
|
||||
![]() Zitat:
mann, echt geil. einiges klappt ja weil ich bischen rumgebastelt habe. Willkommen auf der Startseite bei der startseite ist es ja o.k. aber wenn man unter udos wünsche Kontakt Ärzte & Spezialisten Forum Verein Schnarchen + Schlafapnoe Schnarchi geht, ist im hauptmenue oben alles weiß. mh, wieder ratlos ![]() gruß udo
__________________
Versuche mit seit Anfang Juni in Joomla, aber mit 61 Jahren, schwer ![]() |
|
|||
![]()
Die Abmessungen der linken Spalte (#left-out) stimmen nicht mit dem in der mittleren Spalte (#content-outmiddle) freigegebenen Raum überein, deshalb rutscht der Inhalt der mittleren Spalte nach unten.
Code:
#left-out { width: 180px; } #content_outmiddle { margin-left: 150px; margin-right: 150px; } |
|
|||
![]()
Die Verschiebung entsteht in Browsern wie z.B. Firefox durch das Einblenden der Scrollleiste, ist also so gewollt. Wenn es dich trotzdem stört, dann bemüh bitte unsere Suchfunktion - da es zig Threads dazu gibt, wie die Leiste permanent eingeblendet werden kann.
|
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Joomla CSS | achilles | CSS | 3 | 29.11.2010 09:20 |
2 CSS Files -> 1 CSS File | Habi | CSS | 7 | 17.02.2010 15:25 |
Verschachteln und Erweitern von CSS? | DerJo | CSS | 4 | 25.01.2010 18:07 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |
[link] CSS hacks bzw. filter | new user | Ressourcen | 0 | 12.01.2004 12:08 |