Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 25.09.2008, 20:14
noobilicius noobilicius ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2008
Beiträge: 4
noobilicius befindet sich auf einem aufstrebenden Ast
Standard Problem mit CSS in Joomla 1.5

Ich beschäftige mich erst seit ein paar Wochen eingehender mit Webdesign, html, css ect. daher habt Nachsicht



Ich habe ein vorgefertigtes template in Joomla geladen und verändere dieses gerade nach meinen Wünschen. Man kommt natürlich nicht drum herum auch in css Sachen zu verändern damit's passt.

Ich habe nur Schwierigkeiten die Einträge zuzuordnen, sprich welche Werte gehören zu welchen "Modulen". Viele Sachen erkennt man ja rein logisch, aber ich hänge leider bei sowas einfachem wie meinem Menü. Ich will da einfach nur die Schrift-position verändern (etwas weiter nach links), nur finde ich einfach nicht die Werte dazu.

Kann mir jmd. sagen was mein da mein Menü (position links) ist?

Code:
html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
}

body.contentpane {
	background: #FEFEFE;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

a:link, a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
        padding: 4px;
	outline: none;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
}

input  {
	color: #000000;
	padding: 2px;
	border: 1px solid #010101;
	background: #d9d9d9;
}

button {
	color: #000000;
	font-size: 11px;
	border: 1px solid #010101;
	background: #d9d9d9;
	cursor: pointer;
}

.inputbox {
	border: 1px solid #000000;
	color: #d9d9d9;
	padding: 2px;
	background: #d9d9d9;
}

.inputbox:hover {
	background: #d9d9d9;
}

#modlgn_remember.inputbox  {
	background: none;
	border: none;
}

input.button, .validate  {
	color: #000000;
	font-size: 11px;
	border: 1px solid #010101;
	background: #d9d9d9;
}

input.button:hover, .validate:hover  {
	background: #d9d9d9;
	cursor: pointer;
}

.search input.button {
	text-align: right;
}

#search {
	float: right;
	width: 240px;
	padding: 2px 0 0 0;
}

#search .search .inputbox {
	background: transparent url(../images/searchbg.jpg) center center no-repeat;
	width: 168px;
	height: 18px;
	font-size: 11px;
	color: #907765;
	padding: 4px 0 0 4px;
	border: none;
	margin: 2px 0 0 0;
}

#search .search .button {
	font-size: 11px;
	color: #deb25e;
	padding: 0;
	border: none;
	height: 22px;
	margin: 0 0 0 6px;
	text-align: center;
	background: none;
	font-weight: bold;
	cursor: pointer;
	text-transform: lowercase;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
	height: 100%;
        padding: 0;
        background: #f29f1f url(../images/0016_wood.jpg) top center repeat;
}

#under {
	background: url(../images/top.jpg) top center repeat-x;
}

#top {
	width: 940px;
	margin: 0 auto;
	height: 32px;
}

#mini {
	float: left;
	text-align: right;
	padding: 8px 0 0 0;
}

#mini a {
	padding: 0 2px 0 0;
}

#header {
	background: url(../images/0016_wood.jpg) top center repeat-x;
	height: 146px;
	margin: 0 auto;
}

#headerimg {
	background: url(../images/headerimg.jpg) top center no-repeat;
	width: 928px;
	height: 86px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

#wrapper {
	background: url(../images/menu_oben.jpg) top center repeat-x;
	margin: 0;
	padding: 0;
}

#holder {
	background: url(../images/holder.jpg) top center repeat;
        width: 928px;
}

div.center {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 940px;
}

#content_bottom {
        width: 928px;
	margin: 0 auto;
	background:  url(../images/content_bottom.jpg) top center repeat;
}

#content {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#logo {
	padding: 0;
	text-align: center;
	margin: 0 auto;
	width: 600px;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: bold;
	font-family: Georgia, Tahoma, Verdana, Arial, sans-serif;
	font-size: 26px;
	padding: 10px;
	margin: 0;
	letter-spacing: 1px;
	color: #000000;
	text-decoration: none;
	outline: none;
	line-height: 28px;
	font-variant: small-caps;
}

.pill_m {
	text-align: center;
	padding: 0;
        width: 928px;
	height: 38px;
	margin: 0 auto;
	background: url(../images/holder.jpg) top center repeat-x;
}

#pillmenu {
	margin: 0 auto;
	width: 940px;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pillmenu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 38px;
	background: url(../images/menu_li.jpg) top right no-repeat;
}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {
	color: #cd0000;
}

#pillmenu li a {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	float: left;
	display: block;
	line-height: 40px;
	padding: 0 20px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#pillmenu li a:hover {
	color: #000000;
}

#leftcolumn ,#rightcolumn {
	margin: 0;
	width: 186px;
	float: left;
	padding: 0 0 20px 0;
	text-align: left;
}

div#maincolumn {
	float: left;
	width: 528px;
	margin: 0;
	padding: 0 0 0 0 20px;
}

div#maincolumn_full {
	float: left;
	width: 724px;
	margin: 0;
	padding: 0 0 0 0 20px;
}

div.nopad {
	overflow: hidden;
	padding: 0;
}

div.nopad ul {
	clear: both;
}

td.middle_pad {
	width: 20px;
}

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

#validation {
	width: 280px;
	margin: 0 auto;
	text-align: center;
}

#validation a {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
	padding: 0 2px;
}

#validation a:hover {
	color: #000000;
	padding: 0 2px;
	text-decoration: none;
}

#footer {
	background: url(../images/holder.jpg) top center repeat;
	margin: 0 auto;
	width: 928px;
	text-align: center;
	vertical-align: top;
	height: 32px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */
div.componentheading {
	height: 22px;
	padding: 0 0 0 4px;
	color: #000000;
}

table.blog {
	
}

h1 {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

h2, a.contentheading {
	background: none;
	border: none;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	padding: 0;
}
/* small text */
.small {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: right;
}

.createdate {
	vertical-align: top;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 8px;
}

a.readon {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 11px;
	text-decoration: underline;
	padding: 1px 2px 1px 2px;
	color: #000000;
	text-transform: lowercase;
}

a.readon:hover {
	text-decoration: none;
}

/* form validation */
.invalid { border-color: #000000; }
label.invalid { color: #000000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 10px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {

}

.column_separator {
	
}

td.buttonheading {
	text-align: right;
	width: 0;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #583d2f;
  padding: 5px;
  background: none;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #000000;
  font-weight: bold;
  padding: 4px;
}

tr.sectiontableentry1 td {
	padding: 4px;
	background: #a2846f;
}

tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #000000;
  font-size: 11px;
}


/* content styles */
.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpane td{
	text-align: left;
}

table.contentpane td.contentdescription {
	width: 100%;
}

table.contentpane  {
	text-align: left;
	float: left;
	width: 100%;
	margin: 8px;
}

table.contentpane ul li a .category {
	color: #FF8800;
}

table.contentpane ul li {
	color: #000000;
}

table.contentpaneopen {
	margin: 0 4px;
	border-collapse: collapse;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
	margin: 0;
	padding: 0;
}

div.module_menu div, div.module {

}

div.module_menu div div, div.module div div {
	/*margin-bottom: 14px;*/
	padding: 0 0 10px 0;
}

div.module_menu div div div, div.module div div div{
	padding: 0;
	width: auto;
	margin: 0;
	text-align: center;
}

div.module_menu div div div div, div.module div div div div {
	background: none;
	padding: 4px 8px;
}

div.module div div div form {
	padding: 4px 0 0 0;
	margin: 0 auto;
	text-align: left;
}

div.module_menu ul {
	list-style: none;
}

div.module_menu ul li{
	margin: 0;
	padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: bold;
	background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
	padding: 2px 0 2px 25px;
	line-height: 24px;
}


#leftcolumn div.module table ,#rightcolumn div.module table {
	
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
	text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 { 	
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	height: 50px;
	width: 170px;
	text-decoration: none;
	padding: 0 0 0 16px;
	background: url(../images/h3.jpg) top center no-repeat;
	font-weight: bold;
	line-height: 46px;
}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, 
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
	margin: 0 auto;
	padding: 0 0 4px 0;
	list-style: none;
	width: 174px;
	text-align: left;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

#leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li{
	border-bottom: none;
}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #00000;
	background: url(../images/menu_row.jpg) center left no-repeat;
	margin: 0;
	display: block;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
	color: #000000;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	line-height: 22px;
	height: 22px;
	padding: 0;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/menu_row.jpg) center left no-repeat;
	margin: 0;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
	
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	text-decoration: none;
	color: #000000;
	margin: 0;
	font-size: 11px;
	background: url(../images/submenu_row.jpg) center left no-repeat;
	font-weight: normal;
	display: block;
	line-height: 22px;
	padding: 0 0 0 22px;
	border: none;
	height: 22px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 22px;
	text-decoration: none;
	border: none;
	color: #000000;
	background: url(../images/submenu_row.jpg) center left no-repeat;
	height: 22px;
	line-height: 22px;
}

#leftcolumn ul.menu li.parent ul li a {
	background: url(../images/submenu_row.jpg) center left no-repeat;
	border: none;
	color: #000000;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	margin: 0;
	padding: 0 0 0 22px;
	text-decoration: none;
	display: block;
	font-weight: normal;
}

#leftcolumn ul.menu li.parent ul li a:hover {
	color: #000000;
}

/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li {
	margin: 0;
	padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li a:hover {
	color: #000000;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
	list-style: none;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
	margin: 0;
	padding: 0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin: 0; 
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 10px;
	color: #000000;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 4px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #333;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul { 
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#system-message dd {
	text-indent: 0;
}

#system-message dd ul {
	list-style-type: none;
	color: #c00; 
	background: none;
	border: none;
}

#system-message {
	margin-top: 5px;
}



/* ****************************************************************************** */
/* blue */
input[type="checkbox"], input[type="radio"]{
   background: none;
   border: none;
}

/* -------------------------- */
#footer #sgf a.sgfooter:link, #footer #sgf a.sgfooter:visited {
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	background: none;
	padding: 0;
}
#footer #sgf a.sgfooter:hover {
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	background: none;
	padding: 0;
}
#sgf {
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
}
.sgf {
	text-align: right;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
}
.sgf1 {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
	text-align: left;
}

a.sglink:link, a.sglink:visited {
	color: #000000;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
}
a.sglink:hover {
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	}
ich geh mal davon aus das ich das hier irgendwo verändern muss da ich dort auch die grafiken und die Schriftfarbe eingestellt hab.

Code:
/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	line-height: 22px;
	height: 22px;
	padding: 0;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/menu_row.jpg) center left no-repeat;
	margin: 0;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
	
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	text-decoration: none;
	color: #000000;
	margin: 0;
	font-size: 11px;
	background: url(../images/submenu_row.jpg) center left no-repeat;
	font-weight: normal;
	display: block;
	line-height: 22px;
	padding: 0 0 0 22px;
	border: none;
	height: 22px;
}

Besten Dank im vorraus schonmal
Mit Zitat antworten
Sponsored Links