[gelöst] Frage zu CSS (Cascading Sytle Sheets)

H

homer65

Hacker

• 6 Dez. 2007

• #1

Hallo Leute,
ich benutze in einer HTML Datei folgenden Text:
<div class=nfeld>
<a href="wewory.jsp?bild=01">
<img src="bilder/bild01.png">
</a>
</div>
Nun wird das Bild mit einem farbigen Rahmen gezeichnet, was ich aber nicht möchte. Ich habe schon versucht folgenden Code in der CSS Datei zu benutzen:
.nfeld a {
text-decoration: none;
}
Aber das hatt leider nicht geholfen. Nun bin ich ratlos. Habt ihr vielleicht Ideen?
Christian

 

beleg

Member

• 6 Dez. 2007

• #2

Probier es mal mit

Code:

.nfeld a {
text-decoration: none;
border:0px;
}

Für den Rahmen ist border verantwortlich.
Alternativ kannst Du auch

Code:

img {
border:0px;
}

verwenden, wenn Du grundsätzlich diese Rahmen um Bilder herum weghaben möchtest.

Dann noch eine Anmerkung: bei sauberem HTML solltest Du darauf achten, dass Du bei den Attributen immer die Anführungszeichen setzt. Also nicht

Code:

<div class=nfeld>

sondern

Code:

<div class="nfeld">

 

OP

H

homer65

Hacker

• 6 Dez. 2007
• Thread Starter

• #3

Danke für den Tipp. Aber
border: 0px;
bringt leider nichts.

 

OP

H

homer65

Hacker

• 6 Dez. 2007
• Thread Starter

• #4

Was wohl hilft ist:
color: #ffffff;
Aber das ist ja "durch die Brust ins Auge".
Hatt jemand noch eine Idee?

 

L

Leviathan

Hacker

• 6 Dez. 2007

• #5

border:none ??

Gruß Dominik

 

panamajo

Guru

• 6 Dez. 2007

• #6

homer65 schrieb:

Was wohl hilft ist:
color: #ffffff;
Aber das ist ja "durch die Brust ins Auge".

Zum Vergrößern anklicken....

Und hilft wohl kaum bei einer anderen Hintergrundfarbe der Seite ...

Werden denn irgendwo Angaben im CSS zu den HTML Tags
img
a
gemacht? Vllt. kommt der Rahmen ja auch daher.

 

revealed

Guru

• 6 Dez. 2007

• #7

wenn du den img tag in einen eigenen style tag setzt und dann sagst border 0?

Gruß

R

 

Rainer Juhser

Moderator

Teammitglied

• 6 Dez. 2007

• #8

@homer65: Hast du dich schonmal in http://forum.de.selfhtml.org/ umgesehen?

Vielleicht ist da die "Fachkompetenz" höher...

 

beleg

Member

• 7 Dez. 2007

• #9

Sorry in einem Punkt habe ich nicht aufgepasst. Du hast die Klasse im div-Tag. Den Rahmen musst Du auf das img-Tag beziehen, da der Rahmen um das Bild gemeint ist und nicht um den ganzen div-Bereich.
Die Lösung mit color ist Mumpitz, das bezieht sich auf die Textfarbe innerhalb des div-Tags und damit nebenbei auch auf die Rahmen darin, sowie alle Linkfarben, da Du den Stylesheet für die Links auch so mitdefiniert hast.

 

OP

H

homer65

Hacker

• 7 Dez. 2007
• Thread Starter

• #10

Die Lösung ist:

Code:

.nfeld img {
 border: 0px;
}

Vielen dank an alle, die mitgeholfen haben.[/quote]