thowa: Frage zu Klassen

Hallo zusammen,

ich habe mal eine Frage zu Klassen in HTML.
Wenn ich folgende Zeile

<dl class="module">

in einer HTML Datei habe und folgendes CSS definiert habe:

.module {
background:url(image_a.gif) top right no-repeat;
}
dl {
background:url(image_b.gif) bottom left no-repeat;
}

Ist das dann doppelt gemoppelt?
Welches Hintergrundbild wird angezeigt?

Kann man in einem Style eigentlich (zusätzlich) ein Fordergrund-Bild definieren? Etwa so:
...
background:url(image_a.gif) top right no-repeat;
img:url(image_b.gif) bottom left no-repeat;
...

Besten Dank, Thorsten

  1. hi,

    <dl class="module">

    .module {
    background:url(image_a.gif) top right no-repeat;
    }
    dl {
    background:url(image_b.gif) bottom left no-repeat;
    }

    Ist das dann doppelt gemoppelt?
    Welches Hintergrundbild wird angezeigt?

    hast du's mal ausprobiert ...?

    das aus der definition für .module, weil der klassenselektor eine höhere spezifität hat als der elementselektor.

    Kann man in einem Style eigentlich (zusätzlich) ein Fordergrund-Bild definieren?

    nein.
    zum einbinden von bildern gibt es <img> in HTML.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
  2. Hallo zusammen,

    ich habe mal eine Frage zu Klassen in HTML.
    Wenn ich folgende Zeile

    <dl class="module">

    in einer HTML Datei habe und folgendes CSS definiert habe:

    .module {
    background:url(image_a.gif) top right no-repeat;
    }
    dl {
    background:url(image_b.gif) bottom left no-repeat;
    }

    Ist das dann doppelt gemoppelt?
    Welches Hintergrundbild wird angezeigt?

    das ist natürlich nicht doppelt gemoppelt! angezeigt wird bild B!

    Kann man in einem Style eigentlich (zusätzlich) ein Fordergrund-Bild definieren? Etwa so:
    ...
    background:url(image_a.gif) top right no-repeat;
    img:url(image_b.gif) bottom left no-repeat;
    ...

    das geht natürlich nicht. wenn du bilddateien übereinander anzeigen lassen willst, dann benutze am besten css: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

    1. Hi,

      <dl class="module">
      .module {
      background:url(image_a.gif) top right no-repeat;
      }
      dl {
      background:url(image_b.gif) bottom left no-repeat;
      }
      das ist natürlich nicht doppelt gemoppelt! angezeigt wird bild B!

      Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.

        das ist ja nur ein ausschnitt...

        1. Hi,

          Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.
          das ist ja nur ein ausschnitt...

          was macht das Deiner Meinung nach aus?

          Cheatah

          --
          X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
          X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
          X-Will-Answer-Email: No
          X-Please-Search-Archive-First: Absolutely Yes
          1. Hallo Cheatah,

            Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.

            das ist ja nur ein ausschnitt...

            was macht das Deiner Meinung nach aus?

            Die nächste Zeile könnte

            dl.module {…}

            lauten. ;-)

            Grüße
            Roland

            1. man definiert die css in einer seperaten datei und greift dann ordnungsgemäß darauf zu...

              1. Hallo Robert,

                man definiert die css in einer seperaten datei und greift dann ordnungsgemäß darauf zu...

                äh, ja.

                Du hast allerdings übersehen, dass eine Klasse im Stylesheet bezüglich der Selektion „stärker“ ist als ein Element. Daher wird image_a.gif angezeigt.

                Siehe auch

                http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap06.html#heading-6.4.3

                Grüße
                Roland

                1. Herzlichen Dank an ALLE.

                  Schade daß man es nicht zweckentfremden kann ;-))))
                  aber das ist ja nicht Eure Schuld

                  Nochmal vielen Dank,

                  Thorsten