CSS Im "aside" Bereich mehrere Bilder unabhängig definieren?

[Gnomie]

Hi

Bei meiner kleinen Homepage habe ich im aside-Bereich ein Bild eingebunden, was ich dann in der css folgend "definiert" habe:

aside img {
    width: 300px;
    height: 75px;
    border: none;
}

Nun will ich darunter ein zweites Bild einbinden, ich weiß aber nicht wie ich das in der CSS reinschreiben soll. Wenn ich es wieder mit "aside img" versuche, verändert sich logischerweise auch das erste Bild. GIbt es da so eine Reihenfolge bzw. Bezeichnung für mehrere Bilder? Jaja bin absoluter Noob

mfG

 

[blond]

Am besten gibst du jedem bild eine eigene Klasse mit den jeweiligen Eigenschaften und läst die für alle Bilder geltenden Eigenschaften in der "aside img" drin.

 

[Gnomie]

ja genau, aber WIE mache ich das?

 

[blond]

<img class="klassenname" ......

aside > .klassenname

 

[Gnomie]

und wo kommt das jetzt rein? Also dsa <img class="klassenname"...?

 

[blond]

die erste anweisung in html
die zweite ins css.

 

[Gnomie]

okay, aber in der CSS, wo schreibe ich da den Befehl rein? In der HTML heißt das Bild jetzt "Urlaubsfoto", so lässt sich das aber weder mit "img ...." noch mit einem neuen "aside" befehl einbinden :/

so siehts aktuell aus:

http://www10.pic-upload.de/09.05.13/55ui6krbpx5a.png

 

[blond]

HTML <img class="photo1" src="pfad" alt="Urlaubsfoto" />

aside img {
border: none;
}

aside photo1 {
.....
}

 

[Gnomie]

verdammte ****** ich hab das jetzt genau so abgeschrieben, trotzdem gehts nicht irgendwie scheint der zweite aside Befehl nicht zu funktionieren, obwohl ich mich sicher nicht verschrieben habe

 

[Tumbleweed]

Bitte mal hier einpflegen, was du bisher hast. Dann müssen die Helfer nicht im Trüben fischen.

Alternativ kannst du auch mal alles hier in Code-Tags einbinden.

 

[Gnomie]

alternativ mal mit 2 GeopIP Tools versucht:

HTML:

<aside>
      <h3>L&auml;nder Check</h3>
      <p>Diese L&auml;nder waren schon hier!</p>
      <a href="http://info.flagcounter.com/w0Rm"><img src="http://s04.flagcounter.com/count/w0Rm/bg_FFFFFF/txt_000000/border_CCCCCC/columns_4/maxflags_64/viewers_0/labels_0/pageviews_1/flags_0/" alt="Flag Counter" border="0" /></a>
      <a href="http://www.wieistmeineip.at/cometo/?de"><img class="photo1" src="http://www.wieistmeineip.at/ip-adresse/?size=125x125" border="0" width="125" height="125" alt="photo1" /></a>

CSS:

aside img {
    width: 300px;
    height: 75px;
    border: none;
}
aside photo1 {
    width: 125px;
    height: 125px;
    border: none;
}

 

[Kausalat]

Es fehlt schlicht und ergreifend ein Punkt vor dem Klassennamen:

aside .photo1 { ... }

 

[Gnomie]

lol jetzt gehts wtf wtf lol omg

wie ich diese pingelige Mistkacke hasse naja danke ^^