/ Browser --- Zwei Rahmen um ein Bild zaubern

[Christian H. aus B.]

Hallo,
ich versuche derzeit um ein Bild zwei Rahmen mit CSS zu bekommen. Hier kurz ein Auszug:

.rahmen1 {
      border: 1px solid #000000;
      padding: 1px;
      width: 1%;
     }
     .rahmen2 {
     border: 3px solid #CFCFCF;
     padding:1px;
     width: 1%;
     }

Nun gibt es folgendes Problem: mit  dem IE sieht es so aus wie es soll. um das Bild einen Abstand von 1px, dann der erste Rahmen, dann wieder Abstand 1px und der zweite Rahmen.

NN stellt es "etwas" anders dar: der Abstand zu dem Rahmen ist drei (?) px, auf jeden Fall nicht 1px. Damit kann man ja noch leben, aber...

Opera stellt den Rahmen nun wirklich so dar wie er ist: 1% breit. Demnach ein Strich der hoch geht und auf selber Stelle auch wieder herunter....:(

Da ich etwa 200 Bilder ins Netz stellen möchte (plus Thumbs), wollte ich ungern exakte px Angaben bei der width machen, dies sollte dann passen, aber bei 400 Bildern...? Auch eine Lösung per Grafikprogramm ist nicht wirklich schön...

Oki, für Himmelszeige bin ich dankbar.
Bis denne

[Bernhard Peissl]

Hallo Christian!

Oki, für Himmelszeige bin ich dankbar.

Also ich weiss nicht ob man das als Himmelszeig betiteln sollte, aber ich würd's mal mit Tabellen versuchen! Ein paar Verschachtelungen, ein paar cellpaddings, dementsprechende bgcolors, ... und naja, sollte dann was werden.

Ausserdem: Ich weiss zwar nicht inwieweit sich opera, netscape und internet explorer in der Darstellung von Tabllen unterscheiden, aber sicherlich nicht so dramatisch, wie in der CSS-Interpretation ;-)

liebe Grüsse
Bernhard

PS: Wie wendest du deine 2 Rahmen eigentlich an ? Was macht das width - Worauf bezieht es sich? Hab ich so - alleinstehend - noch nie gesehen!

[Christian H. aus B.]

Hallo Christian!

Oki, für Himmelszeige bin ich dankbar.

Also ich weiss nicht ob man das als Himmelszeig betiteln sollte, aber ich würd's mal mit Tabellen versuchen! Ein paar Verschachtelungen, ein paar cellpaddings, dementsprechende bgcolors, ... und naja, sollte dann was werden.

Ausserdem: Ich weiss zwar nicht inwieweit sich opera, netscape und internet explorer in der Darstellung von Tabllen unterscheiden, aber sicherlich nicht so dramatisch, wie in der CSS-Interpretation ;-)

liebe Grüsse
Bernhard

PS: Wie wendest du deine 2 Rahmen eigentlich an ? Was macht das width - Worauf bezieht es sich? Hab ich so - alleinstehend - noch nie gesehen!

Hallo Bernhard,
ja, die table in  table Lösung (s. oben) kommt in die engste Wahl würd ich sagen. Danke auch Dir.

Zu Deinem PS: <td><div class="rahmen2"><div class="rahmen1"><IMG SRC="../Bilder/1365.00.11.th.jpg" WIDTH="152" HEIGHT="105" BORDER="0" ALT=""></DIV></DIV></td>

Wenn Du nun die width auf 1% setzt, ziehen NN und IE einen (oder hier zwei) Rahmen um das Bild. Läßt Du die width weg, beeinflußt dies NN nicht, jedoch den IE. Der zieht dann nämlich den Rahmen um die Zelle, und nicht um das Bild.

Bis denne,
Christian

[Dominique Toussaint]

Hallo Christian,

ich versuche derzeit um ein Bild zwei Rahmen mit CSS zu bekommen. Hier kurz ein Auszug:

...wahrscheinlich ist genau DAS der Fehler :(
CSS in den derzeitigen Implementationen sind da wirklich zum Haareraufen - aber wenn es Dir um's Darstellen von Thumbs geht, wirst Du das ja wohl ohnehin mittles Tabellen-Layout tun, oder?`Spricht nichts dagegen, in jeder Zelle um jede Grafik wiederum eine Tabelle mit bgcolor und cellspacing="1" zu setzen. Hat ein paar Bytes mehr als die CSS-Lösung, ist aber stabil.

Hope it helps :)

[Christian H. aus B.]

Hallo Christian,

ich versuche derzeit um ein Bild zwei Rahmen mit CSS zu bekommen. Hier kurz ein Auszug:

...wahrscheinlich ist genau DAS der Fehler :(
CSS in den derzeitigen Implementationen sind da wirklich zum Haareraufen - aber wenn es Dir um's Darstellen von Thumbs geht, wirst Du das ja wohl ohnehin mittles Tabellen-Layout tun, oder?`Spricht nichts dagegen, in jeder Zelle um jede Grafik wiederum eine Tabelle mit bgcolor und cellspacing="1" zu setzen. Hat ein paar Bytes mehr als die CSS-Lösung, ist aber stabil.

Hope it helps :)

Hallo Dominique,

die Lösung mit der zusätzlichen Tabelle schwebte mir auch schon vor (ja, alles per table realisiert) . Was mich dann jedoch abhielt, war die Geschichte mit den 400 Bildern...(ich seh mich grad völliog fertig nur noch copy&paste drücken...)

Aber ich fürchte dies ist eine Lösung, die ich fast schon nehmen muß. Diese oder per PaintShop einen Rahmen umzu. Mal schaun.

Danke Dir auf jeden Fall.

Bis denne,
Christian

[@ndre@s]

Hallo Christian,

erzeuge doch die Tabelle um die images herum mit JavaScript
document.write("<table... ..." + image[nr] + "... </table>);

Gruß

Andreas

[Christian H. aus B.]

Hallo Christian,

erzeuge doch die Tabelle um die images herum mit JavaScript
document.write("<table... ..." + image[nr] + "... </table>);

Gruß

Andreas

Hi Andreas,

jetzt hast Du mich, JS ist der nächste Schritt auf der Wissensleiter, habe ich mir jedoch noch nicht angeschaut. Wenn mein bestelltes Buch ankommt, ist dies jedoch der nächste Schritt.

Danke für den Hinweis, das werde ich mir nachher zumindest mal versuchen anzulesen.

Gruß,
Christian