Class-Attribut bei Bildern
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bestimmen
bild
code
eigenschaft
einlesen
element
falle
klasse
mehrfach definieren
nutzen
punkt
solid code
span
sparen
tag
tun
unbedingt klassen
url
verschiedene klassen
zusammenhang
-
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.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
die klassen definierst du doch selbst! in deinem css-file! oder verstehen wir uns da jetzt falsch?
-
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 -
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 -
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.
-
ggamee schrieb:
Du kannst auch Klassen mehrfach definieren:
Hier ohne Punkt.
Damit kann man CSS Klassen bestimmen, welche einem einiges an Code sparen können, und die Styles wartbarer machen sollen.
Danach hast du 2 verschiedene Klassen, die jeweils anhand des Tags unterschieden werden, in dem sie eingesetzt werden.p.klasse { irgendwas; } span.klasse { irgendwas-anderes; }
Möglicherweise hilft dir das in diesem Zusammenhang... -
webfreclan schrieb:
Hat dann aber nichts mehr mit CSS-Klassen zu tun, da du so direkt einem Tag Eigenschaften zuweist.
Das geht doch noch einfacher
CSS-Klassen sollen dazu dienen einem Tag verschiedene Styles zu geben, die auch gemischt werden können (also ein Element kann mehrere Klassen haben). -
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>
-
webfreclan schrieb:
Lies einfach...
Aber wer sagt denn, dass der TE unbedingt Klassen nutzen muss?mbudget schrieb:
Er will also wissen wie das so mit Klassen ist... und das wurde jetzt eigentlich erklärt.
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. -
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.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage