kostenloser Webspace werbefrei: lima-city


Class-Attribut bei Bildern

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    mbudget

    mbudget hat kostenlosen Webspace.

    Hallo zusammen, habe gesehen, dass es das Universalattribut "class" auch für tag/bild">Bilder gibt. Leider nützt mir das nicht viel, wenn ich nicht weiss, was es alles für Klassen gibt. Gibt es vielleicht im Web eine ausführliche Liste, was es alles an Klassen für Bilder gibt? Google hat mir leider noch nicht weitergeholfen.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. die klassen definierst du doch selbst! in deinem css-file! oder verstehen wir uns da jetzt falsch?
  4. du meinst class in Css, oder was?
    Das sieht dann so aus
    <a href="#"  class="irgendeinname" > Link </a>
    
    CSS:
    
    .irgendeinname{
    // CSS-code
    }


    Class ist für merhfache Verwendung gedacht,
    Id dagegen nur für ein Element
  5. g****e

    Hey

    Mit Klassen (also dem Attribut class) bezeichnet man spezielle CSS Klassen. Du kannst im Stylsheet zb definieren, dass alle Bilder der Klasse "Border-Solid" einen Rand haben:
    /* CSS */
    .border-solid {
        boder: 1px solid;
    }

    Zu beachten ist der Punkt im CSS Sheet. Dem Element, dem du es zufügen willst, wäre es dann so anzufügen
    <img class="border-solid" src="example.jpg" />

    Hier ohne Punkt.
    Damit kann man CSS Klassen bestimmen, welche einem einiges an Code sparen können, und die Styles wartbarer machen sollen.

    Liebe Grüße
  6. Autor dieses Themas

    mbudget

    mbudget hat kostenlosen Webspace.

    Ah, so läuft das. Dachte mir, vielleicht gibt es schon einige voreingestellten Klassen, aber in diesem Falle muss ich wohl alles selbst hinzufügen.
  7. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    ggamee schrieb:
    Hier ohne Punkt.
    Damit kann man CSS Klassen bestimmen, welche einem einiges an Code sparen können, und die Styles wartbarer machen sollen.
    Du kannst auch Klassen mehrfach definieren:
    p.klasse { irgendwas; }
    span.klasse { irgendwas-anderes; }
    Danach hast du 2 verschiedene Klassen, die jeweils anhand des Tags unterschieden werden, in dem sie eingesetzt werden.

    Möglicherweise hilft dir das in diesem Zusammenhang...
  8. Das geht doch noch einfacher:

    CSS:
    img {border:0px;}
  9. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    webfreclan schrieb:
    Das geht doch noch einfacher
    Hat dann aber nichts mehr mit CSS-Klassen zu tun, da du so direkt einem Tag Eigenschaften zuweist.

    CSS-Klassen sollen dazu dienen einem Tag verschiedene Styles zu geben, die auch gemischt werden können (also ein Element kann mehrere Klassen haben).
  10. hackyourlife schrieb:
    Hat dann aber nichts mehr mit CSS-Klassen zu tun, da du so direkt einem Tag Eigenschaften zuweist.

    Aber wer sagt denn, dass der TE unbedingt Klassen nutzen muss?
    (Wenn man allen Bildern eine Eigenschaft zuweisen will, dann ist das die bessere Lösung!)

    Es würde auch so gehen:

    CSS:
    .deineclass img {irgendwas;}

    HTML:
    <div class="deineclass">
    <img src="example.jpg" />
    </div>
  11. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    webfreclan schrieb:
    Aber wer sagt denn, dass der TE unbedingt Klassen nutzen muss?
    Lies einfach...
    mbudget schrieb:
    Hallo zusammen, habe gesehen, dass es das Universalattribut "class" auch für Bilder gibt. Leider nützt mir das nicht viel, wenn ich nicht weiss, was es alles für Klassen gibt.
    Er will also wissen wie das so mit Klassen ist... und das wurde jetzt eigentlich erklärt.
  12. Autor dieses Themas

    mbudget

    mbudget hat kostenlosen Webspace.

    Jop, Danke für eure vielen Antworten! Mir wurde erst jetzt bewusst, dass man Klassen selbst erstellen muss und dass es keine voreingestellten - sagen wir mal "Standard-Klassen" - gibt. Werde mich mal einlesen, wie man solche Klassen genau erstellt und einbindet.
  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!