XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   CSS bei Tempalte Joomla bzw. ueniversal (http://xhtmlforum.de/showthread.php?t=57429)

schnarcher 20.06.2009 21:24

CSS bei Tempalte Joomla bzw. ueniversal
 
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;
}

uspri 20.06.2009 21:46

Du musst #left_out und #right_out verkleinern (160px) und dann bei #content_outmiddle die Abmessungen anpassen (ebenfalls ca 160px, musst Du aber genau ausmessen, hab ich nicht gemacht).

schnarcher 21.06.2009 09:00

Zitat:

Zitat von uspri (Beitrag 436096)
Du musst #left_out und #right_out verkleinern (160px) und dann bei #content_outmiddle die Abmessungen anpassen (ebenfalls ca 160px, musst Du aber genau ausmessen, hab ich nicht gemacht).

hallo,
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

uspri 21.06.2009 09:07

Kein Plan, was Du mit alles weiß meinst. Installiere Dir mal im Direfox die Erweiterung Firebug, damit kannste wunderbar Deine Seite auseinandernehmen und das CSS Live editieren und somit die Folgen gleich sehen.

EvT 21.06.2009 15:41

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;
        }


schnarcher 21.06.2009 21:29

Zitat:

Zitat von EvT (Beitrag 436153)
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;
        }



Hallo,

SUPI:drinks: wir einen drauf.

Nur noch ein kleines Problem:

Geht man von der Startseite auf andere Links, verschieb sich die Seite bischen.

Falsches Format ist anscheinen nur bei der Startseite?
Liegt vielleicht daran
Willkommen auf der Startseite
(Das blaue Banner)

Mal bei Joomla nachfragen.

Auf jeden Fall, Euch beiden allerbesten Dank, alter Mann weiß wohin, wenn Problem.

Ihr seit Klasse:)
Gruss Udo

EvT 21.06.2009 21:36

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.


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:08 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019