Schriftgröße und Schriftart in CSS-Datei ändern

Hallo zusammen,
brauche mal wieder eure Hilfe.
Wie kann ich in der CSS-Datei die Schriftgröße des Hauptmenüs ändern?
Für eure Hilfe schon mal vielen Dank.

Sascha

/*general formatting tags*/

* {margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{ }

h1{text-align:center;
font-size: 2.0em;
}

h2{text-align:center;
font-size: 1.6em;
}

h3{text-align:center;
font-size: 1.3em;
}

h4{
text-align:left;
font-size: 1.1em;
}

h5{text-align:left;
font-size: 1.0em;
}

h6{text-align:left;
font-size: 0.8em;
}

img {border:0px none;}

.small{font-size: 85%; }

body{ margin: 0px;
padding: 0px;
border: 0px;
font-size: 75%;
font-family: „Segoe UI“, Tahoma, „Trebuchet MS“, Arial,
Verdana, Helvetica, sans-serif;
height: 100%;
line-height: 1.3;
}

#maindiv{width: 940px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border-width:6px;
border-style:double;
}

#logo{height: 80px; margin:0px; padding: 0px; border-bottom-width:
10px; border-bottom-style: solid;}

#leftcolumn{ width: 180px;
float: left;
margin-left: 0px;}

#maincolumn{ width: 560px;
float: left;
margin-left: 20px;
}

#maincontent{ margin-top: 10px;

}
#main_inside{padding: 4px;
padding-top: 20px;
border-width: 1px;
border-style:solid;}

#rightcolumn{ width: 140px;float: right; margin: 10px;}

/*classes */
div.module_content{ margin: 1px; padding: 1px; }
div.module_content h1, div.module_content h2, div.module_content h3, div.module_content h4, div.module_content h5, div.module_content h6{
margin: 0.1em; padding: 0.1em; margin-right:auto; margin-left:auto;
width: 95%;}
div.search{ padding: 10px; }
div.article{ margin: 10px; text-align: justify; } div.module_menu, div.moduletable, div.module, div.module_text, div.moduletable_menu{ margin-bottom: 4px; } /*div.columns1, div.columns2, div.columns3, div.columns4{float:left; display:block; }
div.columns2{width: 47%;}
div.columns3{width: 31%; }
div.columns4{width: 23%; }*/
.blog_section{ display: block; }
.contentpaneopen{ margin: 4px; padding: 4px; } .blog{margin:0px; padding:0px;} .modifydate, .createdate, .item_urls{ font-style:italic; display:
block; }
.item_toc{ display:block; }
table.contenttoc{float: left; padding: 4px; margin:4px;border-width:
1px; }
table.contenttoc a{text-decoration:none;} img.caption{ padding: 4px; margin: 4px; border-style: solid;
border-width: 1px; }
span.caption_text{ page-break-after: always; font-style: italic;} span.img_caption{display:block ; margin:4px; page-break-after:
always;}
div.bannerheader{ font-weight: bold; display:block;} div.bannerfooter_text{ width: 95%; } td.sectiontableentry1, td.sectiontableentry2{ text-align: left; }

/*top menu items*/
#topmenu{ width: 460px; margin-top: 20px; float: left; } #topmenu ul{ margin: 0px; margin-left: 20px; padding:0px; } #topmenu li{list-style-type: none; float: left; width: 100px;
height: 40px; margin: 1px; text-align: center; line-height: 40px; overflow:hidden;} #topmenu a{text-decoration: none; white-space: nowrap; }

/* left column modules */
#leftcolumn table, tr, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{ margin:2px; padding: 2px;} #leftcolumn div.module_hat{ height: 10px; width: 180px; } #leftcolumn div.module_tail{ height: 14px; width: 180px; } #leftcolumn div.module_content{ margin-right: 8px; } #leftcolumn ul{ padding: 0px; margin: 0px;} #leftcolumn li{list-style-type: none; padding: 0px; margin: 0px;
display: block; }
#leftcolumn form{ text-align: right; }
#leftcolumn li a{ text-align:right;}
#leftcolumn a{text-decoration: none; display: block; width:140px; } #leftcolumn div.module_menu a{ margin-left: 12px;} #leftcolumn a:hover{ } #leftcolumn form a{display:block;}

/*right column modules*/
#rightcolumn{ font-size: 0.9em;}
#rightcolumn h1, #rightcolumn h2, #rightcolumn h3{ font-size: 1.2em;} #rightcolumn h4, #rightcolumn h5, #rightcolumn h6{ font-size: 1.0em; } #rightcolumn table, tr, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{ margin:0px; padding: 0px;} #rightcolumn div.moduletable, #rightcolumn div.module, #rightcolumn div.module_text, #rightcolumn div.module_menu, #rightcolumn div.moduletable_menu{ margin-bottom: 4px;} #rightcolumn div.module_hat{ height: 10px; width: 140px; } #rightcolumn div.module_tail{ height: 10px; width: 140px; } #rightcolumn div.module_content{ margin-left: 4px; margin-right: 4px; } #rightcolumn ul{ padding: 0px; margin: 0px;} #rightcolumn li{list-style-type: none; padding: 0px; margin: 0px;
display: block; width: 140px; text-align:left; } #rightcolumn a{font-size: 1.2em; }

/* individual modules */
#module_top{ width: 400px;
float: right;
text-align: right;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#module_top table, tr, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{ margin:2px; padding: 2px;}

#search{ float: right; }

#pathway{ margin-top: 10px;}
#pathway h3{ display:none; }
.breadcrumbs{font-size: 0.8em;}

/* user1 and user2 */
#user1user2{ width: 100%; float: left; margin: 10px; margin-top:
10px; margin-left: 40px; margin-bottom: 10px;} #user1, #user2{ float:left; text-align:left;}
#user1 h3, #user2 h3{text-align:center; padding: 2px; padding-right:
8px;}
#user1 li, #user2 li{list-style-type: none; padding: 0px; margin:
0px; font-size:0.9em; }
#user1 a, #user2 a{display:block; width: 180px; text-decoration:
none; font-weight: bold; }

#pathway{ float: left; margin-left: 20px; margin-bottom: 10px;
font-size: 120%; font-weight: bold; width: 180px;} #maindivider{ height: 10px; }

/* footer */
#footer{float:none; width: 95%}
#footer a{text-decoration: none; }
#footer{ padding: 4px; margin: 2px;}
#footer div.moduletable{ padding: 4px; margin: 2px; float: left; } #footer p{ padding: 4px; margin: 2px;}

/*pagination*/
span.pagination{font-size: 1.2em;
white-space: nowrap;
}
span.pagination span{
margin:4px;
padding:4px;
}
span.pagination span.page_active{ font-weight: bold; }

span.pagination span.page_inactive{ display: none; }

/*main content layout*/

#maincontent table, tr, td, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{ margin:2px; padding:
2px;}
#maincontent img{ margin: 4px; }
#maincontent li{ margin-left: 10px;}
#maincontent ul{ margin: 10px; }
#maincontent span.item_toc{float:right; } #maincontent h2, #maincontent h3{ margin: 0.5em; padding: 0.1em; margin-right:auto; margin-left:auto; width: 95%;} td.contentheading{ margin: 0.5em; padding: 0.1em; margin-right:auto; margin-left:auto; width: 90%; font-weight:bold; font-size: 1.3em; text-align:center;} #maincontent h1 a, #maincontent h2 a, #maincontent h3 a, #maincontent
h4 a, #maincontent h5 a, #maincontent h6 a{text-decoration:none; } #maincontent div.componentheading{ font-weight:bold; font-size:
1.4em; }
#maincontent div.componentheading, #maincontent p, #maincontent table.contentpane, #maincontent table.contentpaneopen{ margin: 4px;
padding: 4px; }
#maincontent table.contenttoc {margin:8px;padding: 4px; } #maincontent table.contenttoc td{margin:0px;padding:0px; } #maincontent table.contenttoc a{margin-left:4px; margin-right:4px;padding:4px; } #maincontent table.contentpane{width: 95%;}

/*individual items*/

#joomla_logo{float:right; padding-right: 25px;}

/* submit buttons*/
input.button{
font-size: 110%;
font-family: arial, sans-serif;
text-align: center;
cursor: pointer;
margin-right: 2px;
margin-bottom:20px;
padding: 1px;
height: 25px;
vertical-align: middle;
border: solid 1px;}

div.tool-tip{ padding:2px; }

/*editor*/
fieldset{ font-size: 0.9em; }
table.adminform td, fieldset.metadata, fieldset{ white-space:
normal;}
td.mceToolbarTop, span.mceToolbarContainer{ white-space: normal;
text-align:center; position:static !important;} td.mceToolbarTop a, td.mceToolbarTop a img{padding:0px; margin:0px; position:static !important;} table.mceEditor, span.mceToolbarContainer, span.mceMenuButton{ position:static !important; } #content textarea, textarea#text, textarea.inputbox { width: 330px !important; overflow:auto; } textarea#metadesc, textarea#metakey, input#created_by_alias{ width:
250px !important; overflow:auto; }

Hallo SV2709,

unter:

body{
...
font-size: 75%;
font-family: "Segoe UI", Tahoma, "Trebuchet MS", Arial,Verdana, Helvetica, sans-serif; 
...
}

legst du die Schriftgröße für deine Seite fest !

wenn du diese Eigenschaften abgeändert unter:

/\*top menu items\*/
#topmenu{...

einfügst bekommst du dein gewünschtes Ergebnis.

Cu Stefan

Infos unter http://de.selfhtml.org/navigation/css.htm#schrift

Guten Tag,

vielen Dank,

hat funktioniert.

Gruß

Sascha

Hi

Und wenn Du dann noch den Pathway anpassen möchtest, dann kannste
hier ändern:

#pathway{ float: left; margin-left: 20px; margin-bottom: 10px;
font-size: 120% ; font-weight: bold; width: 180px;}

Die Submit Buttons haben auch ihre eigene Defenition:

/* submit buttons*/
input.button{
font-size: 110% ;
font-family: arial, sans-serif;
text-align: center;
cursor: pointer;
margin-right: 2px;
margin-bottom:20px;
padding: 1px;
height: 25px;
vertical-align: middle;
border: solid 1px;}

Und alles was so unter #maincontent steht, betrifft den Haupt-Inhalt der Page.
Da kann man entsprechend auch noch eingreifen. Schau einfach immer nach font-size :smile:

Falls Du noch weiter tunen möchtest :smile:

Gruss, Kai