Rahmen um Bild - Link entfernen - klappt nicht

Muckel · #1 (**permalink**) 06.08.2008, 09:45

Guten Morgen,

habe ein Problem mit dem Bild-Link und dessen Rahmen. Jener soll nämlich weg, was aber es klappt nicht. So binde ich das Bild ein:

Code:

<a href="#oben"><img id="lilie" src="Bilder/lilie.jpg" alt="Lilie"/></a>

und das ist der css Teil dazu:

Code:

#lilie {
max-width:60%;
color:#ccc;
margin-left:0.5em;
padding:0.2em;
background-color:darkred;
border:none;}

#lilie a img {border:none;}
a img {border:none;}

fehler.jpg

Hoffe ihr könnt mir sagen, wo der Fehler liegt.
Gruß Muckel

Timo · #2 (**permalink**) 06.08.2008, 10:02

Code:

img { border:none; }

Ich persönlich machs immer in CSS Prolog rein.

Muckel · #3 (**permalink**) 06.08.2008, 10:16

Was meinst Du mit Prolog? also habe das img border.none jetzt rein gesetzt, will aber trozdem nicht...

Gruß Muckel

gaby · #4 (**permalink**) 06.08.2008, 10:35

Zitat:

Zitat von Muckel

Was meinst Du mit Prolog?

Gruß Muckel

CSS-Prolog ist die Regel, die mit dem Universal-Selektor alle Abstände auf "0" setzt

* { margin: 0; padding: 0 }

Grüße
gaby

fricca · #5 (**permalink**) 06.08.2008, 10:43

Zitat:

#lilie a img

Mit diesem Selektor erreichst du nicht das Bild aus dem Codeschnipsel. Dort hat das Bild selbst die ID.
Vielleicht es aber auch gar kein Border, das du siehst, sondern das Padding?
Codeschnipsel und Screenshots genügen nicht, um Fehler nachvollziehen zu können.
http://xhtmlforum.de/40080-f-r-frage...twortende.html

gaby · #6 (**permalink**) 06.08.2008, 10:45

Zitat:

Zitat von Muckel

also habe das img border.none jetzt rein gesetzt, will aber trozdem nicht...

PHP-Code:


			
<a href="#oben">
    <img id="lilie" src="Bilder/lilie.jpg" alt="Lilie"/>
</a>

a#oben img#lilie { border: none }

sollte klappen.

Edit:
Ich bin ja immer für möglichst kurze Selektoren.
Inwieweit man obigen Selektor noch vereinfachen kann, sieht man wirklich erst, wenn du einen Link postest.

Muckel · #7 (**permalink**) 06.08.2008, 10:52

Danke, der Beitrag von Gaby hat mir geholfen. img und dann die id - das war es. Wegen den Codeschnipsel entschuldige ich mich - dachte das hätte aus gereicht, da es die betreffenden Zeilen waren.

Zitat:

Inwieweit man obigen Selektor noch vereinfachen kann, sieht man wirklich erst, wenn du einen Link postest.

Da ich lokal arbeite, kann ich leider keinen Link posten.

Gruß Muckel

fricca · #8 (**permalink**) 06.08.2008, 10:55

Wenn die zusätzliche ID "hilft", dann hast du sehr wahrscheinlich ein Problem mit der Spezifität. Nein, solche Dinge kann man an Schnipseln nicht nachvollziehen. Du selbst kannst aber in Firebug sehen, welche Regeln für dein Bild gelten.

gaby · #9 (**permalink**) 06.08.2008, 11:06

Zitat:

Zitat von fricca

Wenn die zusätzliche ID "hilft", dann hast du sehr wahrscheinlich ein Problem mit der Spezifität.

Ich denke, es war mehr, als die zusätzliche ID.

Muckels Selektor war etwas verdreht, und hat nicht zu dem Code gepasst.

Grüße
gaby

fricca · #10 (**permalink**) 06.08.2008, 11:09

Der erste Selektor hat schon zu dem Code gepasst...

Es wird wohl ein ewiges Rätsel bleiben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Rahmen um Navigation entfernen	hirschMeister	CSS	7	02.01.2010 20:53
Definitionsliste in einer Floatumgebung	*pi	CSS	11	07.01.2009 18:34
Ständig wechselnde Bilder, Werbung	Vybsi	(X)HTML	17	24.01.2008 23:00
Link durch Bild ersetzen!	jenny79	CSS	3	25.11.2007 18:57
CSS Navigationsproblem	thesecretboy	CSS	0	12.04.2007 08:12