✔ Bilderrahmen

[mattscheibe]

Hi alle,

ich habe eine Frage. Warum haben meine Bilder immer einen Rahmen? Wie kann ich den Rahmen weg machen? Ich habe versuche, die Rahmen-farbe so zu ändern, damit sie der Hintergrundfarbe entspricht. Aber sie lässt sich nicht ändern. Also praktisch hab ich keine Kontrolle über die Rahmen meiner Bilder.
Ich benutze für die Bilder " position : absolute;" Liegt es vielleicht daran? Wenn ja, wie kann ich das Problem beheben?

Bestem Dank für Eure Tipss!

Grüße

 

[Dr Dau]

Hallo!

Eigentlich dürften Bilder (soweit ich weiss) nur bei Grafiklinks einen Rahmen haben..... und den bekommst Du mit z.b.

.objektname { border: none; }

weg.

Wenn es sich nicht um Grafiklinks handelt, solltest Du die Seite mal zeigen damit man sehen kann um was für "Rahmen" es sich denn überhaupt handeln soll.

Gruss Dr Dau

 

[Maik]

Ich tippe da auch, wie Dr Dau, auf einen grafischen Link

<a href="#"><img src="..."></a>

und empfehle daher folgende CSS-Regel:

a img { border: 0; }

 

[mattscheibe]

Hi Euch beide,

vielen Dank für eure Tipps.

Es handelt sich um einen Grafikslink.

hier ist mein Code:
im HTML-Datei:

<div id="haus">
                          <p><h4> Bitte schön! <br><a href="../home-referenz/index.html"> 
                          <img src="images/Kopie von haus2.gif" width="300" height="170" </a>
                          </p>
                          </div>

im CSS-Datei:

#haus{
position: absolute;  
top: 340px;
margin-left: 250px;
text-align:  center;
}

Mit dem Rahmen, meine ich einfach einen Rahmen um das Bild. Ich möchte nur die Figur(also die Grafik) auf der Seite haben, und nicht sie mit einem Rahmen herum.

Ich habe versucht, in der CSS-Code von oben " border: none; " zu schreiben. Aber es klappt nicht.

Den Code " a img { border: 0 ;}. Soll ich ihn in dem CSS-Code oben einbinden? Oder wie?
Ich habe es ja auch schon versucht. Aber es klappt auch nicht.

Grüße

 

[Maik]

So sollte es funktionieren:

#haus{
position: absolute;  
top: 340px;
margin-left: 250px;
text-align:  center;
}

a img { boder: 0; }

Ich schieb das Thema mal rüber ins CSS-Forum.

 

[mattscheibe]

Hi,

es hat geklappt.

Ich habe es so geschrieben:

die CSS-Regel:

#haus a img {
border: 0; 
}

also noch extra die Effekte von links oder img vom Haus definieren.

Ihr seid klasse. Habt so schnell geantwortet.
Vielen Dank!

Grüße

 

[Maik]

So funktioniert es selbstverständlich auch. Diese Regel gilt dann aber nur für die Grafik-Links, die sich innerhalb des DIVs #haus befinden.

 

[mattscheibe]

Jo, es funktioniert tatsächtlich :suspekt:
Ich habe es schon vorher probiert. Aber es ging nicht

Danke Dir !