|
|||
hilfe gesucht: stylesheet überarbeiten
hallo!
ich habe ein stylesheet, das ich nach und nach erstellt habe. allerdings blicke ich durch diese ganze vererbung usw. noch nicht durch. kann mir jemand auf die sprünge helfen, wie ich dieses stylesheet besser / kompakter schreiben kann? Code:
html[xmlns] { height : 100%; padding-bottom : 0.005em; } body { color: black; background-color: white; font-size: 82%; font-family: "Trebuchet MS","Myriad Web",Tahoma,Geneva,Helvetica,Arial,sans-serif; font-weight:normal; letter-spacing:0.02em; margin: 0; padding: 1em 0; text-align: center; /* Zentrierung im Internet Explorer */ } div#Seite { text-align: left; /* Seiteninhalt wieder links ausrichten */ margin: 0 auto; /* standardkonforme horizontale Zentrierung */ width: 760px; padding: 0; background: #e7ceb5 url(images/hintergrund4.gif) repeat-y; border: 2px solid #339900; } html>body div#Seite { border-color: gray; /* Farbangleichung an den Internet Explorer */ } div#header { font-size: 1.5em; color: white; margin: 0; padding: 0.3em; text-align: center; background: #339900 url(images/hintergrund-header8.gif) no-repeat; /* border-bottom: 1px solid silver; */ height: 80px; } div#Navigation { font-size: 0.83em; color: black; float: left; width: 215px; margin: 0 0 1em 0; padding: 0 0.5em; min-height: 470px; /* background: url(images/navi-image2.gif) no-repeat center bottom; */ } div#Navigation dfn { display: none; } div#Navigation h1 { margin: 0 0 1em 0; padding: 0 1em; padding-top: 0.8em; font-size: 1.5em; font-weight: bold; text-align: center; border-bottom: 2px solid silver; margin-bottom: 0.2em; background: url(images/schnecke-klein.gif) no-repeat right center; } div#Navigation ul { margin-left:0px; padding-left: 0.1em; list-style-type: none; /* list-style-position: inside; */ } div#Navigation li.menu-lvl1 { padding-left:20px; text-align:left; font-size: 1.2em; font-weight: bold; } div#Navigation li.menu-lvl1-act { font-weight: bold; padding-left:20px; text-align:left; font-size: 1.2em; margin-left: 0px; background: url(images/schmetterling1.gif) no-repeat left top; } div#Navigation li.menu-lvl1 a:link,a:visited,a:active,a:focus { font-weight: normal; text-decoration: none; color: black; } div#Navigation li.menu-lvl1 a:hover { font-weight: bold; text-decoration: underline; color: black; padding-right: 20px; background: url(images/schmetterling1.gif) no-repeat right center; } div#Navigation li.menu-lvl2 { padding-left:10px; text-align:left; font-size: 1.1em; font-style: normal; font-weight: normal; text-decoration: none; } div#Navigation li.menu-lvl2 a:link,a:visited,a:active,a:focus { font-weight: normal; text-decoration: none; color: black; } div#Navigation li.menu-lvl2 a:hover { font-weight: bold; text-decoration: underline; color: black; font-size: 0.95em; padding-right: 20px; background: url(images/schmetterling1.gif) no-repeat right center; } div#Navigation li.menu-lvl2-act { padding-left:10px; text-align:left; font-size: 1.1em; font-style: italic; font-weight: bold; } div#Inhalt { margin: 0 0 1em 220px; padding: 0 1em 1em; padding-top: 0.75em; width:500px; min-height:450px; } * html div#Inhalt { height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */ margin-bottom: 0; } div#inhalt h1 { font-size: 1.5em; color: black; margin-top: 10px; text-align: left; border-bottom: 1px solid silver; margin-bottom: 10px; } div#Inhalt h2 { font-size: 1.2em; margin: 0.2em 0; color: navy; } div#Inhalt p { font-size: 1.1em; } div#Inhalt ul { list-style: circle inside; } div#Inhalt li { font-size: 1.1em; } div#Inhalt .linkMailto { text-decoration: none; } div#Inhalt .linkExt { text-decoration: none; } div#Inhalt .linkInt { text-decoration: none; } div#Inhalt a:link,a:visited,a:active,a:focus { text-decoration: none; font-weight: normal; } div#Inhalt a:hover { text-decoration: underline; } div#Fusszeile { clear: both; font-size: 0.83em; color: white; margin: 0; padding: 0.1em; text-align: center; background: #339900; /* border-top: 1px solid silver; */ } div#Fusszeile a:hover { font-weight: normal; } div#inhalt tx-avweblinks-pi1 h4 { color: black; border-bottom: 1px solid #339900; padding-bottom: 2px; } .unsichtbar, .hier { position:absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
__________________
grüße aus flensburg, arnem ps: nein, meine caps-taste ist nicht kaputt |
Sponsored Links |
|
||||
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Sponsored Links |
|
||||
Zitat:
__________________
CSS Optimierer und Formatierer (CSSTidy) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe bei CSS Menue gesucht | CSS_Beginner | CSS | 2 | 21.09.2009 17:03 |
Hilfe gesucht beim erstellen meiner Startseite..... | eBase2009 | CSS | 17 | 25.06.2009 22:07 |
Hilfe bei Parallelschaltung gesucht | Muckel | Offtopic | 6 | 03.07.2008 15:45 |
Hilfe gesucht? | chris07 | CSS | 8 | 09.08.2006 14:30 |
CSS Hilfe gesucht für Blindenseite | johnjdoe | CSS | 30 | 17.02.2005 17:14 |