2 .css dateien in einer seite?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von RaKo, 28. September 2005 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 28. September 2005
    Hallo,

    also, sagen wir mal ich habe eine normale seite, auf der die links schwarz sind!
    Dann habe ich in der mitte eine seite includet, wo die links weiss sind.
    Dann benutzt die gesamte seite das style.css von der include seite.

    Kann ich das irgendwie so machen, das auf der hauptseite das style.css benutzt wird und in der include seite das style2.css? aber halt so das nicht für die gesamte seite style2.css benutzt wird?

    Danke, Greetz RaKo
     
  3. 28. September 2005
    hau in die includete datei doch einfach den 2. css rein
     
  4. 28. September 2005
    habe ich ja .. nur sagen wir mal es wird im include sie seite news.htm includet!

    Von der normalen Page sind die Link-farben Schwarz! (style.css)
    und in der news.htm weiss (style2.css)

    nun werden aber alle links weiss! Dabei sollen die auf der Page schwarz sein und alle die im include stehen weiss mehr nicht!
     
  5. 28. September 2005
    hm stimmt das könnte ein prob werden ich überlege mal wenn mir was einfällt edetiere ich
     
  6. 28. September 2005
    kannst ja versuchen die farben zwar in einer .css zu haben, jedoch die links in der includeten file mit ner anderen klasse benutzen, als in der "rahmendatei"

    http://de.selfhtml.org/css/formate/zentrale.htm#klassen

    vllt hilft dir das weiter =)
     
  7. 28. September 2005
    Also mache ich die Links dann so oder wie?

    <a href="***" class="lalala">test link</a>

    also mit class=

    Edit:
    und wie bekomme ich das mit hover dann hin? weil das is ja auch ne andere farbe, kannst du mir nen kleines beispiel machen?
     
  8. 28. September 2005
    Die Styles Definieren:

    <style>
    .style1{}
    .style2{}
    ...
    </style>

    Die links sehen dann so aus:

    <a href="link" class="style1">linkname</a>
    <a href="link" class="style2">linkname</a>

    ...


    so gehts


    das hover dann in den style: a:hover ...
     
  9. 28. September 2005
    muss ich das dann in beiden css dateien so machen?
    Oder kann ich in der einen das hier stehen lassen?
    a:active {..}
    a:hover {..}

    weil ich habe jetzt in der datei für include das so:

    Code:
    .style a:active{ font-family : Tahoma; font-size : 11px; color : #ffcc00; }
.style a:hover { font-family : Tahoma; font-size : 11px; color : #ffcc00; text-decoration: underline; }
    der lin kist dann halt so:

    Code:
    <a href="egall" class="style">test</a>
    nur klappt das so auch nicht!



    EDIT:

    Habe es doch geschafft. danke an alle!
     
  10. 29. September 2005
    also ich hab mal überlegt

    eigendlich total easy

    sagen wir z.b. du willst das für die erste seite haben


    .style a:active{ font-family : Tahoma; font-size : 11px; color : #ffcc00; }
    .style a:hover { font-family : Tahoma; font-size : 11px; color : #ffcc00; text-decoration: underline; }

    und das für die 2te

    .style a:active{ font-family : Tahoma; font-size : 12px; color : #ffca00; }
    .style a:hover { font-family : Tahoma; font-size : 12px; color : #ffca00; text-decoration: underline; }

    dann nennst du das eine

    style1
    und das andere style2 und wenn du dann text schreibst machst du <div class="style1"> etc. also alles in eine css
     
  11. 29. September 2005
    Jup. Geht nur, indem Du die einzelnen Styles in Classes unterteilst, wie schon meine "Vorredner" geschrieben haben".
    Alle Styleangaben und Classes in eine style.css packen und die links entsprechend mit den classnamen bezeichnen.

    mfg

    Arkangel
     
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.