Problem mit stylen von Links

Hallo zusammen,
ich habe für eine Hochschule nach deren vorgaben eine website erstellt mit contao. Nun habe ich ein kleines Problem. Die Hochschule wollte, dass Links gepunktet unterstrichen werden. Dies hat soweit funktioniert, allerdings sind nun die verlinkten Bilder auch gepunktet und das obwohl ich das per css ausgeschaltet habe. Hier die beiden css styles dafür:

Code:

---

a
{
  color:#464646
  text-decoration: none
  border-bottom: 1px dotted
}

---

Darunter hebe ich den style für Bilder wieder auf:

Code:

---

a img

{
  border : 0 none
}

---

Hier noch der Link, falls ihr den benötigt:
http://www.omm.hdm-stuttgart.de


Ich mach da nun shcon seit Tagen rum und komm einfachnicht auf die Lösung.

Würde mich freuen wenn mir jemand helfen kann.

Gib dem a für Bilder eine Klasse mit und setz diese Klasse auf border:none;!

a.klasse {border:none;}

HI

Ergänzend noch der technische Hintergrund:

Selbst wenn du dem Bild im Link den Rahmen wegnimmst, ändert das ja nichts daran, dass dem Link immer noch ein border-bottom-Wert zugewiesen ist.
Abhilfe wird da wohl erst CSS4 schaffen.

Deshalb musst du Thomas' Lösung verwenden, eventuell geht es auch so:

Code:

---

.ce_image a, .ce_gallery a {
 border: 0;
}

---

Sebastian

Letztere ginge natürlich auch, bedingt aber, dass man für jedes Modul die CSS anrühren müsste.
Bei meiner Lösung gibst Du dem Link einfach nur die Klasse mit und fertig.

Einmal eingerichtet, der einfachste Weg, man muss es sich nur merken. ;)

Hi zusammen,
ich hab Thomas' Läsung genommen. Das merkwürdige ist, bei einem Bild funktioniert die Lösung beim rest nicht. Also bisher hab ichs nur auf der Startseite getestet. Könnt ihr mir nochmals helfen?

Edit:
HAt sich erledigt. Ich hatte die Klasse dem image gegeben anstatt dem a. Dank euch nochmal für eure Hilfe!!