✔ Bild CSS Eigenschaften selektiv hinzufügen

[Teufelskerl1977]

Hallo an alle Profis,

ich stehe mal wieder total auf dem Schlauch.

Auf dieser Seite: Klick befinden sich rechts zwei Bilder. Einmal das große Bild "Service" und einmal das kleine "Sattelbild". Beide haben die gleichen CSS Eigenschaften. Nun möchte ich gerne dem Bild "Sattel" eine Regel zuweisen, die keine Border enthält.

Diese wird im CSS mit "#right img" definiert:

#right { position: relative; top: -80px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: .9em; background: #fff; }

#right img {
padding: 1px;
margin: 0 0 8px;
border: 1px solid #ccc;
}

#right img2 {
padding: 1px;
margin: 0 0 8px;
}

"right img2" habe ich angelegt und die Eigenschaft für den Rahmen entfernt. Leider habe ich aber jetzt null Schimmer wie ich diese Eigenschaft dem Bild zuweisen soll.

Kann mir jemand helfen?

Das ist der HTML-Code:

<div id="right">


<img src="bilder/rightimage_service.jpg" alt="Right Image" />

<p class="info Stil11"><strong>Information</strong><br /><br />
<span class="Stil13"></span>Auf dieser Seite m&ouml;chten wir ihnen die besonderen Serviceangebot der RadEcke Sander vorstellen.<br />
<br />
<img src="bilder/service_clip_image019.jpg" alt="" width="58" height="56" border="0" class="" /> <br />
</p>
</div>

 

[hela]

Hallo,

da das Sattel-Bild in einem P-Element mit der Klasse "info" steckt, kannst du das folgendermaßen nutzen:

#right { position: relative; top: -80px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: .9em; background: #fff; }

#right img {
  padding: 1px;
  margin: 0 0 8px;
  border: 1px solid #ccc;
}
#right p.info img {
  width: 58px;
  height: 56px;
  border: 0;
}

Mehr ist m.E. nicht notwendig.

HTML:

<div id="right">

<img src="bilder/rightimage_service.jpg" alt="Right Image" />

<p class="info Stil11"><strong>Information</strong><br /><br />
<span class="Stil13"></span>Auf dieser Seite m&ouml;chten wir ihnen die besonderen Serviceangebot der RadEcke Sander vorstellen.<br />
<br /> 
<img src="bilder/service_clip_image019.jpg" alt="" /> <br />
</p>
</div>

 

[Teufelskerl1977]

Perfekt!

Danke