Rahmen um Bilder mit Innenabstand?

steff11 · 23.12.2003, 16:53

Hallöle,
kann ich m.H. von css-Attributen einen 1px breiten Rahmen auf Abstand um Bilder rum setzen, d.h. so, dass zwischen Bild und Border vielleicht 5px breit der Hintergrund durchschaut? Dachte naiv, da ginge was mit "padding", aber irgendwie krieg ichs nicht gebacken!

ciao, stefan

modo · 23.12.2003, 19:23

Hallo steff11,

ich habe hier dieses beispiel so gemacht:

Code:

<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
td {
	border: solid 1px #FF0000;
	padding: 5px;
	}
//-->
</style>
</head>

<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#000099"><img src="cardio1.jpg" alt="" width="200" height="150" border="0"></td>
  </tr>
</table>
</body>
</html>

ich hoffe du hast das so gemeint

Gruss Modo

steff11 · 23.12.2003, 21:47

Ja, danke für die Anregung, wenns gar nicht geklappt hätte, wär ich auch auf eine Tabelle ausgewichen.

Es geht aber auch so:

im externen stylesheet:
...
img.frame {padding: 5px; border: #a9a9a9 1px solid;}

im code:

<img class="frame" src...........>

was mich nur fast zur Verzweiflung und dann auch zu der Anfrage hier brachte:
Opera und Mozilla verarbeiten das klaglos, IE6 nur mit folgenden doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

nicht aber mit diesem doctype, das mir seit langer Zeit nie Probleme bereitete:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

weiß jemand, warum der IE auf die fehlende webressource so allergisch reagiert und den definierten Innenabstand nicht mehr anzeigt (der Rahmen sonst in Dicke und Farbe hat er akzeptiert)?

seis drum, hat mich über ´ne Stunde gekostet, jetzt gehts ja

stefan

PS: mein Beispiel hier: http://www.reinhart-gymnasium-hof.de...onz03/wk03.htm

PS2: Jetzt werd ich wahnsinnig, jetzt mag der Mozilla den Rahmen nimmer so anzeigen wie vorher!! > Compi aus!

Frohes Weihnachtsfest wünsch ich Euch