Anzeige

Css Einbindung

Css Einbindung | PSD-Tutorials.de

Erstellt von Poki29, 30.10.2009.

  1. Poki29

    Poki29 Ps-ler ;-)

    Dabei seit:
    21.07.2009
    Beiträge:
    560
    Geschlecht:
    männlich
    Software:
    PS Cs3, Dremaweaver und viele mehr ;-)
    Kameratyp:
    Dimage A2
    Css Einbindung
    Hallo,

    ich nutze auf meiner Seite 5 vers. ausgelagerte Css Dateien. Manche dieser Dateien tragen eine andere Information für den gleichen Wert.

    Beispiel:
    Css1: färbt den Text rot
    Css2: färbt den Text blau
    (vereinfacht)

    Ich möchte jetzt gerne wissen wie ich ein bestimmtes Css-Dokument an einer Stelle aktivieren kann.

    Beispiel:
    Ich bin der Text auf dieser Seite.

    Die Bezeichnungen zu ändern würde zu viel zeit in Anspruch nehmen.
    Ich stelle mir die Lösung so ähnlich vor:

    Ich bin der <span stylesheet:"Css2">Text</span>auf dieser Seite.

    Ich hoffe ich konnte mein Problem klar machen ;-)
    mfG
     
    #1      
  2. Castordesigns

    Castordesigns Jester

    Dabei seit:
    27.03.2009
    Beiträge:
    601
    Geschlecht:
    männlich
    Ort:
    Schweiz
    Software:
    Adobe CS6, Notepad++, Joomla!, Drupal
    Css Einbindung
    AW: Css Einbindung

    Wenn du Stlye und Markup sauber trennen willst, musst du das mit selekotren realisieren.
    Es gibt spezifikationsregeln z.B.
    .button ist weniger spezifisch als #header .button und wird von letzterem überschrieben. Dann gibt es noch eine !important regel, aber warum nicht mit selektoren?

    Dann gibt es noch die Variante den Style direkt in das Markup zu schreiben und zwar in form von:
    Code (Text):
    1. <div style="color: #fff; background-color: #000;">Inhalt</div>
    Hoffe das hilft dir weiter
    Gruss


    P.S. ah das beispiel:
    HTML:
    1. <p class="blue">Ich bin der <span>Text</span> dieser Seite</p>
    In der Css definierst du dann
    Code (Text):
    1. .blue {color: blue;}
    2. .blue span {color: red;}
    oder halt
    HTML:
    1. <p class="blue">Ich bin der <span style="color: red;">Text</span> dieser Seite</p>
    warum braucsht du überhaupt mehrere Stylesheets?
     
    Zuletzt bearbeitet: 30.10.2009
    #2      
  3. Poki29

    Poki29 Ps-ler ;-)

    Dabei seit:
    21.07.2009
    Beiträge:
    560
    Geschlecht:
    männlich
    Software:
    PS Cs3, Dremaweaver und viele mehr ;-)
    Kameratyp:
    Dimage A2
    Css Einbindung
    AW: Css Einbindung

    Ok, ich hab mich wohl missverständlich ausgedrückt:
    Das mit dem text war nur ein sehr einfaches Beispiel. Mein Ziel ist es bei dem Spy.Dropdownmenu von Dreamweaver bei den Untergruppen vers. Bilder einzubinden. Also das die gleiche Untergruppe vers. Bilder hat.

    *Edit*
    Problem selber gelöst ;-) Hier meine Lösung falls das gleiche Problem bei jemand anderes auftritt:

    Code (Text):
    1.  
    2. ul.MenuBarHorizontal a
    3. {
    4.     display: block;
    5.     cursor: pointer;
    6.     background-color: #EEE;
    7.     color: #333;
    8.     text-decoration: none;
    9.     height: 62px;
    10.     width: 89px;
    11.     background-image: url(../Bilder/sub1.png);
    12. }
    13.  
    14. ul.MenuBarHorizontal a.sub2
    15. {
    16.     display: block;
    17.     cursor: pointer;
    18.     background-color: #EEE;
    19.     color: #333;
    20.     text-decoration: none;
    21.     height: 62px;
    22.     width: 89px;
    23.     background-image: url(../Bilder/sub2.png);
    24. }
    25.  
    26. ul.MenuBarHorizontal a.sub3
    27. {
    28.     display: block;
    29.     cursor: pointer;
    30.     background-color: #EEE;
    31.     color: #333;
    32.     text-decoration: none;
    33.     height: 89px;
    34.     width: 89px;
    35.     background-image: url(../Bilder/sub3.png);
    36. }
    37.  
     
    Zuletzt bearbeitet: 30.10.2009
    #3      
x
×
×