hintergrund in tabelle anordnen HELP!!

firefox22

hallo ich habe eine tabelle entworfen (mit grafiken ) damit es etwas runder wirk nun brauche ich aber etwas hilfe damit das auch gut ausseiht im moment ist die anordnung der hintergrundbilder etwas verrutscht bittte um hilfe hier den code

HTML

<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">




</head>


<body>




<table cellspacing="0" cellpadding="0" width="406" border="0" ><tr>
<td width="32">[img]http://www.racefire.de/ebay/box/obenlinks.jpg[/img]</td>
<td width="342" nowrap background="http://www.racefire.de/ebay/box/oben.jpg" bgcolor="#FFFFFF"></td>
<td width="32">[img]http://www.racefire.de/ebay/box/obenrechts.jpg[/img]</td> 
</tr>
<tr bgcolor="#FF0000"> 
<td background="http://www.racefire.de/ebay/box/links.jpg" bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF">


TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p></td>
<td align="right" valign="baseline" bgcolor="#FFFFFF"><div align="center">
</div></td> 
</tr>
<tr><td>[img]http://www.racefire.de/ebay/box/linksunten.jpg[/img]</td>
<td valign="bottom" background="http://www.racefire.de/ebay/box/unten.jpg" bgcolor="#FFFFFF"></td>
<td>[img]http://www.racefire.de/ebay/box/rechtsunten.jpg[/img]</td>
</tr>
</table>


</body>
</html>

Alles anzeigen

mop

mach mal in jedes tabellenfeld welches keinen inhalt hat folgenden platzhalter:

Code

<tr><td> & n b s p ; </td></tr>

(im quelltext dann ohne die leerzeichen)
ansonsten bricht das tabellenkonstrukt zusammen, und unter anderem werden die bilder nicht an der korrekten position angezeigt

Zitat

<td align="right" valign="baseline" bgcolor="#FFFFFF">
<div align="center">
</div>
& n b s p ;

</td>

Ronald

Das Problem ist eher, daß die Grafiken alle unterschiedliche Maße haben.

Die Seitenteile sollten genau so breit sein wie die Ecken und die Ober-/Unterteile so hoch wie die Ecken. Dann bindest du generell alle Grafiken als Hintergrundstyle in eine Tabelle von 3x3 Zellen ein, wobei die jeweiligen Eckzellen dann quadratisch sein sollten, ebenso wie die zugehörigen Hintergrundbilder.

Wenn du das nicht hinbekommst, dann stell mal die Originalgrafik zur Verfügung, ich schneide sie dir dann zurecht.

Den Quelltext sollte man dann mit Stylesheets formatiern:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<title>Racefire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


</head>


<body style="margin:0px">


<table cellspacing="0" cellpadding="0" border="0" style="width:406px;empty-cells:show">
  <tr>
    <td style="background-image:url(http://www.racefire.de/ebay/box/obenlinks.jpg); width:35px; height:35px"></td>
    <td style="background-image:url(http://www.racefire.de/ebay/box/oben.jpg); width:35px;"></td>
    <td style="background-image:url(http://www.racefire.de/ebay/box/obenrechts.jpg); width:35px; height:35px"></td>
  </tr>
  <tr>
    <td style="background-image:url(http://www.racefire.de/ebay/box/links.jpg); width:35px;"></td>
    <td bgcolor="#FFFFFF">



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>



TEXXXXXXXXXXXXXXXXXXXXXXXXXXXTTT</p>
    </td>
    <td style="background-image:url(http://www.racefire.de/ebay/box/rechts.jpg); width:35px;"></td>
  </tr>
  <tr>
    <td style="background-image:url(http://www.racefire.de/ebay/box/untenlinks.jpg); width:35px; height:35px"></td>
    <td style="background-image:url(http://www.racefire.de/ebay/box/unten.jpg); width:35px;"></td>
    <td style="background-image:url(http://www.racefire.de/ebay/box/untenrechts.jpg); width:35px; height:35px"></td>
</tr>
</table>


</body>
</html>

Alles anzeigen

G.a.d.M.

Ronald

@ ronand richtig
ok die orginal grafik ist hier
http://www.racefire.de/ebay/box/boxx.gif

die kann auch verändert werden die box sollte dann nur auch sauber aussehen wenn sie fertig ist

oben die ecke und links und oben die seite ist jaauch ok
ich dachte einfach wenn man das unter hindergrund bild unten bündig macht ist ist das auch erledigt

Ronald

Auf die Schnelle ...

G.a.d.M.

Ronald

vielen dank das nenn ich mal supi ich weiss gar nicht was ich sagen soll
du hast deinen statusnamen hier auf jeden fall zu recht.
womit hast du sie sachen ausgeschnitten photoshop?

Ronald

Zitat von Anonymous

vielen dank das nenn ich mal supi ich weiss gar nicht was ich sagen soll
du hast deinen statusnamen hier auf jeden fall zu recht.
womit hast du sie sachen ausgeschnitten photoshop?

Ich bearbeite Grafiken nur mit Paint Shop Pro.

G.a.d.M.

Ronald

Tags