Marcus V.: Logo aus drei teilen saumlos verbinden

Beitrag lesen

Hallo,

bin Anfänger im Thema CSS, merke aber auch, das man an diesem Thema nicht mehr vorbei kommt.

Jetzt möchte ich alle meine Seiten (und das sind viele, grummel) tabellen und framelos machen.

Hab schon etliches an CSS Tutorial durchgelesen, hänge aber immer wieder fest bzw. finde die "tuts" teilweise sehr kompliziert und umständlich geschrieben. Was soll da beiß ich mich jetzt durch.
Mein Problem. Ich habe ein Logo welches in der Mitte eine feste größe z.B. 400px hat, rechts und links mit 1 pixel Bild welches dann einfach mit "repeat" verlängert wird, dynamisch auf Bildschimgröße jeh nach Auflösung, gebracht wird.

Bisher so gelößt :

<table class=top border=0 width=100% cellpadding="0" cellspacing="0"><tr>
<td><p style="margin: 10px"></p>
  <table class=top border=0 width=100% cellpadding="0" cellspacing="0"><tr><td style="background: url(logol.png); width:50%; background-repeat: repeat-x"></td>
  <td><center><img src="logo.png" border=0></td>
  <td style="background: url(logor.png); width:50%; background-repeat: repeat-x"></td>
  </tr></table>
<p style="margin: 10px"></p>
</td></tr></table>

Jetzt würde ich das ganze gerne in "FULL CSS" ohne tabellen hinbekommen. Packe es aber nicht. Irgendwas klemmt immer.
Warscheinlich gehe ich viel zu kompliziert an die Sache ran.
Vielleicht könnt Ihr mir etwas helfen ... danke ...