kört fast med mina tabeller

3 svar · 250 visningar · startad av jiggan 13 jan. 2004

jigganMedlem sedan juni 2003175 inlägg

Frågan13 jan. 2004 01:01#1

hej hopp..
jag har kört fast med mina tabeller...
den sista cellen alltså den sista <td> vill jag ha i mitten dvs direkt höger om de cellerna till vänster...
så här ser koden ut:

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>::Clan namn::</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<table border="0" width="100%" height="100%" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" valign="top" align="center">
<table border="1" width="760" cellpadding="0" height="100%" cellspacing="1" cellpadding="1" bordercolor="#DBD8D8">
<tr>
<td bgcolor="#ffffff" width="500" height="100" valign="top" align="center" background="logo.gif">
</td>
</tr>
<td bgcolor="#F4F4F4" width="500" height="400" valign="top" align="left">
<table border="1" bordercolor="#DBD8D8" cellspacing="1" cellpadding="1">
<br>
<tr>
<td bgcolor="#F4F4F4" width="180" height="150" valign="top" align="left">
</td>
</tr>
<tr>
<td bgcolor="#E4E4E4" width="180" height="15" valign="top" align="left">
</td>
</tr>
<tr>
<td bgcolor="#F4F4F4" width="180" height="150" valign="top" align="left">
</td>
</tr>
<table border="1" valign="center" align="center" bordercolor="#DBD8D8" cellspacing="1" cellpadding="1">
<td bgcolor="#F4F4F4" width="400" height="300" valign="top" align="center">
</body>
</html>

någon som kan lösa detta på något sätt?
/jiggan

Jesper TMedlem sedan nov. 20017 144 inlägg

13 jan. 2004 01:26#2

1.) Lär dig att använda [kod]-taggarna.
2.) Det är så mycket virrvarr i din kod att det är svårt att se vad du vill åstakomma ö.h.t. bodytag saknas, sluttaggar för tabeller och tabellelement saknas, mm.

bossseMedlem sedan juni 2003771 inlägg

13 jan. 2004 11:45#3

När man gör svåröverskådliga tabeller som denna så ska du få ett tips.
Ange tillfälligt (kan ju tas bort sedan) olikfärgade borders på varje cell (td)
så är det lättare att se var i koden du skall ändra.
Man kan också lägga in en tillfällig text i dessa celler mellan <td> och </td>
(t.ex. cell1, cell2 o.s.v)
Då blir det ännu lättare.

BäckmanMedlem sedan nov. 2001274 inlägg

13 jan. 2004 18:30#4

Kanske såhär?

Jag antar att det är något sånt här du menar.

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>::Clan namn::</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<table border="0" width="100%" height="100%" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" valign="top" align="center">

<table border="1" width="760" cellpadding="0" height="100%" cellspacing="1" cellpadding="1" bordercolor="#DBD8D8">
<tr>
<td bgcolor="#ffffff" width="100%" height="100" valign="top" align="center" background="logo.gif">
logo</td>
</tr>
<td bgcolor="#F4F4F4" width="100%" height="400" valign="top" align="left">

<table border="1" bordercolor="#DBD8D8" cellspacing="1" cellpadding="1" width="100%">
<tr>
<td bgcolor="#F4F4F4" width="180" height="150" valign="top" align="left">vänster1</td><td rowspan="3">höger</td>
</tr>
<tr>
<td bgcolor="#E4E4E4" width="180" height="15" valign="top" align="left">vänster2</td>
</tr>
<tr>
<td bgcolor="#F4F4F4" width="180" height="150" valign="top" align="left">vänster3</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>