Probleme mit zerschnittenen Grafiken

[N00bee]

Hi folks,

als Webdesign newb muß ich mich mit ein paar Fragen an euch wenden. Und zwar habe ich mit Photoshop ein Design für meine Website entworfen und dieses in ca. 15 Einzelteile zerschnitten. In Dreamweaver habe ich eine Tabelle erstellt mit den selben Außenmaßen wie mein (unbeschnittenes) Design. Nun kommt das eigentliche Problem: Die einzelnen Tabellenzellen haben alle dieselben Ausmaße, wie meine zerschnittenen Einzelgrafiken - wenn ich jedoch in jeder Zelle das entsprechende Slice als Hintergrundbild einstelle, kommt es trotz korrekter Werte zu Verschiebungen in den Browsern, so daß alles in der Browservorschau schief aussieht. Da dieses Problem an sich nichts neues ist, habe ich meine Slices im nächsten Versuch nicht als Hintergrund, sondern direkt als Bilder eingefügt. Das hat dann zwar geklappt, aber ist im endeffekt nicht das, was ich will.

Ich möchte ja einige Zellen mit Text füllen - bei anderen vielleicht weitere Grafiken drüberlegen... das ursprüngliche Design ist wirklich nur als Hintergrund gedacht. Weiß vielleicht jemand, wie ich dieses problem am besten löse?

Ich bedanke mich im Voraus und sorry, daß ich es nicht geschafft hab, mich kürzer zu fassen.

[mrx]

Erst mal solltest du in jeder Zelle die Größe exakt angeben. Ränder und Texteinzug = 0!
In Zellen, wo kein "Inhalt" rein soll würde ich dir dennoch empfehlen eine "durchsichtige" Grafik (transparentes GIF, Größe 1x1 Oixel) einzufügen, dadurch wird gewährleistet, dass die Zellengröße auch eingehalten wird.



mrX

[Thomas]

Hi,

wenn du mit PS arbeitest hast du ja auch Image Ready

öffne deine unserschnittene Grafik in PS und "springe" dann zu IR

Hier die Grafik nach deinen Wünschen slicen und dann "optimiert-Version speichern unter".

Dabei - ganz wichtig - als Dateityp HTML und Bilder wählen.

nun legt IR dir eine exakt passende html-Tabelle plus den dazugehörigen Bildern an.

Diese Tabelle öffnest du mit DW oder fügst sie da ein, wo du sie brauchst