Problem z tabelami

0

Witam!

Mam problem z tabelami. Problem wydaje się banalny ale jak zacząłem go realizować to ani za pomocą HTMLa ani za pomocą CSSa nie udało mi się go rozwiązać.
Na początku patrz załączony plik graficzny do niego poniżej przedstawiam kod:

<body>
<table height="400" width="50" bgcolor="green">
<tr> <td>
<table width="100%" style="background:red;height:100%;">
<tr><td style="height:25px;background:yellow"  style="background:yellow;">1</td></tr>
<tr><td style="background:orange;">2</td></tr>

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

próbowałem na różne sposoby to ostatnia moja wariacja.

Otóż chciałem uzyskać następujący efekt, żółty kwadracik ma być wielkości 25px ma się zaczynać od góry zielonego wiadomo można wykorzystać valign a pomarańczowy ma wypełnić lukę między żółtym a końcem zielonego

Jak ktoś ma pomysł to czekam

pozdrawiam

0

ale kod... np atrybut "style" dwa razy.

To musi być na tabelach? W ogóle bardziej "życiowy" przykład byłby wskazany.

http://jsbin.com/otacay/edit#html,live ?

0

Wielkie dzięki dzek69 ten przykład w zupełności wystarczył :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1