nicht angemeldet
Border um image
Hallo,
ich moechte einen Rahmen um ein Image legen, welcher allerdings 5px Abstand zum Bild haben soll. Ich habe folgenden Code geschrieben:
#content img {
border:1px solid #ccc;
margin:0;
padding:5px;
}
Das funktioniert soweit alles sehr gut (Firebird, Netscape), nur der IE ist bockig.
Frage, weiss jemand wie man das auch dem komischen Microsoft Browser beibringen kann, ohne den Platz schon ins Bild einbauen zu muessen?
Vielen Dank fuer eure Bemuehungen.
Gruss bjoern
-
Moinsen Björn,
ich mache sowas gerne auch mit Tabellen, um CSS zu umgehen... vielleicht ist das ja auch etwas für dich:<table cellpadding="1" cellspacing="0" border="0" bgcolor="#FF0000">
<tr>
<td>
<table cellpadding="5" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td><img src="image.png" width="100" height="100" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>-
hi,
ich mache sowas gerne auch mit Tabellen, um CSS zu umgehen... vielleicht ist das ja auch etwas für dich:
<table cellpadding="1" cellspacing="0" border="0" bgcolor="#FF0000">
<tr>
<td>
<table cellpadding="5" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td><img src="image.png" width="100" height="100" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>fantastisch, mit so wenig code so viel effekt erreicht!
(ja, ironie-tags müssen selber gesetzt werden.)
gruss,
wahsaga-
oh danke großer meister,
(ja, ironie-tags müssen selber gesetzt werden.)
diese lösung hat nur noch einen kleinen vorteil sie ist mit allen browsern kompatibel... naja egal.
-
hi,
diese lösung hat nur noch einen kleinen vorteil sie ist mit allen browsern kompatibel... naja egal.
dieser "vorteil" wird durch die nachteile (aufgeblähter code, veraltete herangehensweise - tabellen zum layouten statt CSS, etc.) wertlos.
willkommen im jahrhundert des flughundes, ähm im zeitalter von CSS.
wer für so einen lediglich die darstellung betreffenden effekt immer noch uralte krücken wie den NS4 berücksichtigen will, muss masochist sein.gruss,
wahsaga-
du magst ja sehr viel Fachwissen haben wahsaga, aber zum Thema "wie helfe ich Leuten ohne diese dabei zu beleidigen und mich selbst zu profilieren" solltest du noch ein bisschen lesen. soll dazu gute Foren geben habe ich gehört.
Greetz David
PS: nur um vorzubeugen, das war mein letzter Post zu diesem Thema also braust nicht gleich los zujaulen dass dieses nicht in dieses Forum passt.
PPS: wustest du das an universitäten noch viel NS4 benutzt wird? wenn du für die eine seite schreiben musst überlegst du dir drei mal ob eine alte Krücke nicht doch noch zu gebrauchen ist.
-
hi,
du magst ja sehr viel Fachwissen haben wahsaga, aber zum Thema "wie helfe ich Leuten ohne diese dabei zu beleidigen und mich selbst zu profilieren" solltest du noch ein bisschen lesen.
ich habe den fragenden hier keineswegs beleidigt, sondern ihm eine neutrale und hilfreiche antwort gegeben.
das ändert aber nichts daran, dass deine antwort in meinen augen murks war.
gruss,
wahsaga
-
-
-
-
-
-
Hallo,
Frage, weiss jemand wie man das auch dem komischen Microsoft Browser beibringen kann, ohne den Platz schon ins Bild einbauen zu muessen?
Versuchs mal mit einer richtigen Doctype-Angabe.
Im "standard mode" funktioniert es auch im IE (getestet Version 6).<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">Mehr zu diesem Thema findest du unter dem Suchbegriff "Doctype Switching"
mfg NAG
--
signatur-
Mehr zu diesem Thema findest du unter dem Suchbegriff "Doctype Switching"
http://www.heise.de/ix/artikel/2004/03/136/
http://gutfeldt.ch/matthias/articles/doctypeswitch.html
-
-
hi,
Das funktioniert soweit alles sehr gut (Firebird, Netscape), nur der IE ist bockig.
im IE funktioniert das bei mir wie gewünscht - bei einer validen seite mit vollständigem doctype, also compliant mode.
so bald ich ihn in den quirks modus schicke, allerdings nicht mehr.
dürfte daran liegen, dass der IE im quirks modus ja versucht, die fehler seiner 5er-versionen zu replizieren - und die hatten nun mal probleme mit padding bei nicht-blocklevelelementen.
also, compliant mode für IE 6 verwenden, dann funktioniert es auch bei dem.
für ältere IE-versionen ggf. das bild mit display:block formatieren (breite dürfte ja bekannt sein), und dann ggf. über float den text-umfluss wieder anpassen.
gruss,
wahsaga