zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS bei Tempalte Joomla bzw. ueniversal

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.06.2009, 21:24
Benutzerbild von schnarcher
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.06.2009
Ort: Wuppertal
Beiträge: 3
schnarcher befindet sich auf einem aufstrebenden Ast
Standard 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;
}
__________________
Versuche mit seit Anfang Juni in Joomla, aber mit 61 Jahren, schwer
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.06.2009, 21:46
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

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).
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.06.2009, 09:00
Benutzerbild von schnarcher
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.06.2009
Ort: Wuppertal
Beiträge: 3
schnarcher befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von uspri Beitrag anzeigen
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
__________________
Versuche mit seit Anfang Juni in Joomla, aber mit 61 Jahren, schwer
Mit Zitat antworten
  #4 (permalink)  
Alt 21.06.2009, 09:07
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 21.06.2009, 15:41
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.222
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

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;
	}
Mit Zitat antworten
  #6 (permalink)  
Alt 21.06.2009, 21:29
Benutzerbild von schnarcher
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.06.2009
Ort: Wuppertal
Beiträge: 3
schnarcher befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von EvT Beitrag anzeigen
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 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
__________________
Versuche mit seit Anfang Juni in Joomla, aber mit 61 Jahren, schwer
Mit Zitat antworten
  #7 (permalink)  
Alt 21.06.2009, 21:36
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.222
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:53 Uhr.