Antworten zum Thema „grafiken verschieben sich nach slicen im browser“

twinaxe · 15.02.2007

hallo.
ich hab grad angefangen,mich mit photoshop zu beschäftigen und habe ein wahrscheinlich lächerliches problem,verzweifel aber langsam daran.
und zwar erstelle ich ein viereck mit abgerundeten ecken,sclice es dann und speicher es für´s web ab,und dann sieht es auch gleichmässig aus,wie man auf dem oberen teil des bildes sehen kann.
ich will die sachen aber als kopf und fussteil in eine tabelle einfügen und dann den mittleren teil als hintergrund für die tabelle nehmen.
wenn ich das mach,verschiebt sich das ganze,wie man im unteren teil des bildes sehen kann.
ich probiere schon die ganze zeit rum,hab auf diversen seiten nach anleitungen oder problem lösungen gesucht,hab aber nichts gefunden.
wäre also für jede hilfe dankbar.

p.s.: wär auch nett,wenn mir jemand erklären könnte,wie man ein viereck mit runden ecken gleichmässig und sauber hinbekommt

edit: hab mit ps gesliced,dann aber mit dreamweaver weiter gearbeitet

Herr_D · 15.02.2007

AW: grafiken verschieben sich nach slicen im browser

Code der html-Datei?

twinaxe · 15.02.2007

AW: grafiken verschieben sich nach slicen im browser

hier der code,der von ps erzeugt wurde:

<html>
<head>
<title>Unbenannt-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="620" border="0" align="center">
<tr>
<td>
<img src="Bilder/tabellemitteoben.gif" width="620" height="27" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/tabellemittebg.gif" width="620" height="8" alt=""></td>
</tr>
<tr>
<td><img src="Bilder/tabellemitteunten.gif" width="620" height="30" alt=""></td>
</tr>
</table>
</body>
</html>

und hier meiner (ist nur schnell gemacht,um das problem sichtbar zu machen):

<html>
<head>
<title>Unbenannt-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="620" border="0" align="center" background="http://www.psd-tutorials.de/modules/Forum/images/tabellemittebg.gif">
<tr>
<td>
<div align="center"><img src="http://www.psd-tutorials.de/modules/Forum/images/tabellemitteoben.gif" width="620" height="27" alt=""></div></td>
</tr>
<tr>
<td><div align="center"><img src="http://www.psd-tutorials.de/modules/Forum/images/tabellemitteunten.gif" width="620" height="30" alt=""></div></td>
</tr>
</table>
</body>
</html>

edit: ich seh grad,bist auch aus bremen.tach herr nachbar ;-)

Herr_D · 15.02.2007

AW: grafiken verschieben sich nach slicen im browser

Code:

<table style="width: 620px; border:0;" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td style="height:27px; width:620px; vertical-align: top; text-align:left;"><img src="Bilder/tabellemitteoben.gif" alt="" height="27" width="620"></td>
		</tr>
		<tr>
			<td style="background-image:url(Bilder/tabellemittebg.gif); vertical-align:top;">Inhalt</td>
</tr>
<tr>
<td style=" height:30px; width:620px; vertical-align: top; text-align:left;"><img src="Bilder/tabellemitteunten.gif" alt="" height="30" width="620"></td>
		</tr>
	</tbody>
</table>

twinaxe · 15.02.2007

AW: grafiken verschieben sich nach slicen im browser

besten dank.
klappt.
und das problem mit den gleichmässigen rundungen hab ich auch gelöst.

Herr_D · 15.02.2007

AW: grafiken verschieben sich nach slicen im browser

Da war noch n kleiner Tippfehler im Code, nimm den, der jetzt dasteht für die Tabelle

twinaxe · 15.02.2007

AW: grafiken verschieben sich nach slicen im browser

alles klar.danke.
selten so schnelle hilfe bekommen.
das legt natürlich nahe,öfter mal hier vorbei zu schauen (vor allem,weil ich noch viel lernbedarf hab).