zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden hilfe gesucht: stylesheet überarbeiten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.09.2005, 12:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.06.2005
Beiträge: 18
arnem befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.09.2005, 15:17
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

http://csstidy.sourceforge.net/
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.09.2005, 21:20
Benutzerbild von Floele
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.03.2005
Beiträge: 355
Floele befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von The Doc
http://csstidy.sourceforge.net/
Haha, da hatte ich auch schon dran gedacht...wollte aber keine Werbung in eigener Sache hier machen
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
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


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