PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML/CSS/JS] Tabbele macht Probleme



Sm0k3
10.12.2009, 11:43
Hey undzwar möchte ich über dem Header eine Navi haben Lin &nd rechts sollen jeweils einen eigenen Bereich haben.

Nun schaut es bei mir so aus:

http://img5.imagebanana.com/img/1y8bgzdr/screen1.png

Das Linke Image ist 513px × 21px groß
Das Rechte Image ist 492px × 21px groß

Da rechte verschiebt sich in das Linke, habe es schon mit cellpadding etc. ausprobiert v.v

Hier habt ihr mal einen kleinen Abschnitt


<div align="center"> <table cellspacing="0" cellpadding="0" border="0" width="1005"> <tr> <td class="navheadl" align="left" height="21"> Left </td> <td class="navheadr" align="right" height="21"> Right </td> </tr> <tr> <td colspan="3" class="head" height="97" valign="top"> <table cellspacing="0" cellpadding="0" border="0" width="800"> <tr> <td align="right" class="banner" width="100%"> <? load_fullbanner(1); ?> </td> </tr> </table>

eaxo
11.12.2009, 10:09
Wenn du deinen Code etwas übersichtlicher gestaltest siehst du das da einige Tags nicht geschlossen werden:

<div align="center">
<table cellspacing="0" cellpadding="0" border="0" width="1005">
<tr>
<td class="navheadl" align="left" height="21">
Left
</td>
<td class="navheadr" align="right" height="21">
Right
</td>
</tr>
<tr>
<td colspan="3" class="head" height="97" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="800">
<tr>
<td align="right" class="banner" width="100%">
<? load_fullbanner(1); ?>
</td>
</tr>
</table>Einen Header, der sich der größe anpasst gestaltest du am einfachsten mit css und <img>

In deinem Beispiel den Header mit dem rechten Ende als Hintergrund und die linke Ecke als <img>.

Sicher das du mit Tabellen arbeiten willst?

eaxo

EDIT:
Schau mal hier (http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken), ein einfaches Tutorial - und hier (http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken) eins in englisch (sieh dich im Playgarden um :thumb: )

Sm0k3
11.12.2009, 10:39
Hi ich habe es anders behoben und zwar einfach mit

Coolgrup (=