Weißer Rahmen um Bilder [Rahmen + Schatten]
Daren552
- css
Hallo Leute,
ich versuche seid ein paar Stunden meinen IMG-Befehl (im CSS) so anzupassen das meine Bilder einen weißen Rahmen und einen Schatten haben.
Hier mal ein Beispiel:
http://img261.imageshack.us/img261/3571/rahmenrx3.jpg
So soll das ganze am Ende aussehen. Ich habe aber leider keine Ahnung wie ich das machen soll....
Meine Page: http://daren552.blogspot.com/
Freue mich über jede Hilfe. ^^
mfg, Daren
Hallo Daren552.
Hallo Leute,
ich versuche seid ein paar Stunden meinen IMG-Befehl (im CSS) so anzupassen das meine Bilder einen weißen Rahmen und einen Schatten haben.Hier mal ein Beispiel:
http://img261.imageshack.us/img261/3571/rahmenrx3.jpgSo soll das ganze am Ende aussehen. Ich habe aber leider keine Ahnung wie ich das machen soll....
Verpasse dem jeweiligen Bild einen weißen http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background@title=Hintergrund, einen hellgrauen http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=Rahmen und etwas http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=Innenabstand; fertig.
Einen schönen Donnerstag noch.
Gruß, Mathias
hi,
das macht man so:
.bord{
padding:2px;
background:#FFF;
border:1px solid #333}
<img src="img/hund.jpg" height="80" wisth:60 class="bord" alt="" />
LG, Inita
hi,
das macht man so:
.bord{
padding:2px;
background:#FFF;
border:1px solid #333}<img src="img/hund.jpg" height="80" wisth:60 class="bord" alt="" />
LG, Inita
Vielen Dank!
Nur weiß ich leider nicht wo ich das ganze dann einbauen muss. :(
hi,
.bord{
padding:2px;
background:#FFF;
border:1px solid #333}<img src="img/hund.jpg" height="80" wisth:60 class="bord" alt="" />
Vielen Dank!
Nur weiß ich leider nicht wo ich das ganze dann einbauen muss. :(
Dann informiere dich bitte.
http://de.selfhtml.org/css/formate/
gruß,
wahsaga
hi,
so, zB ganz einfach, nur schreib dein bild .jpg oder .gif rein:
[code lang:html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<style type="text/css">
.bord{
padding:4px;
background:#FFF;
border:1px solid #333}
</style>
</head>
<body>
<img src="firetux.png" height="80" width="60" class="bord" alt="" />
</body>
</html>
[/code]
LG
hi,
so, zB ganz einfach, nur schreib dein bild .jpg oder .gif rein:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<style type="text/css">
.bord{
padding:4px;
background:#FFF;
border:1px solid #333}
</style>
</head>
<body>
<img src="firetux.png" height="80" width="60" class="bord" alt="" />
</body>
</html>
LG