[html] problem z topem

[Zyryx]

byłem z tym problemem juz na jednym forum, ale niestety nikt nie umiał mi pomóc . Otóż mam taki kod HTML:

Kod: Zaznacz cały

<table width="758" cellspacing="0" cellpadding="0" border="0">
<tr>
<td rowspan="3" style="background: url(img/layout_6_03.gif);" width="125" height="105">
</td>
<td style="background: url(img/layout_6_04.gif);" width="208" height="33">
</td>
<td width="3" height="33" style="background: url(img/layout_6_05.gif); text-align: right; vertical-align: top; top: top; color: #ffffff; font-size: 9; padding-top: 0">
Dodaj stronę do ulubionych | Ustaw jako stronę startową
</td>
<td rowspan="3" style="background: url(img/layout_6_07.gif);" width="25" height="105">
</td>
</tr>

<tr>

<td >
<a href="">
<img src="img/layout_6_09.gif" width="208" height="50" border="0" alt="akwaświat- strona główna" style="display: block;">
</a>
</td>
<td style="background: url(img/layout_6_10.gif);" width="400" height="50">
</td>

</tr>

<tr>

<td style="background: url(img/layout_6_11.gif);" width="208" height="22">
</td>
<td style="background: url(img/layout_6_12.gif);" width="3" height="22">
</td>


</tr>
</table>

W Firefoxie jest wszystko w porządku, ale niestety w IE top się robi za długi i grafika zaczyna się powielać. Ustalenie w tabeli wartości height na określoną szerokość nic nie daje. Czy ktoś wie w czym tkwi problem??

[Calif]

Rey podeślij obrazki bo mi się nie wyświetlają (żart)
Próbowałeś może w stylu coś takiego dodać ??

Kod: Zaznacz cały

background-repeat: no-repeat;

Dobrze by też było jakbyś problem przedstawił "na żywo" jakiś odnośnik do
gotowego Top'u by można było dokładniej obejrzeć problemik...
Ale spróbuj z tym stylem.... napisz o efektach

[Zyryx]

top z background-repeat: no-repeat; : http://www.rey.za.pl/design/des_2.html
top bez background-repeat: no-repeat; : http://www.rey.za.pl/design/des_1.html

z background-repeat już się bawiłem i nic to nie dało. Wygląda to tak jakby komórki tabeli były poprzekręcane

[Asit]

a czemu:

Dodaj stronę do ulubionych | Ustaw jako stronę startow±

jest tak jak jest a nie w jednej linii? to tak specjalnie..? i napisz jeszcze raz dokladnie o co Ci chodzi.. moze cos pomozemy

[Calif]

Może zamiast błądzić i szukać zrezygnujesz z tabelek w topie na rzecz DIV'ów ?? Przykład podzielenia topu jaki proponuje:
http://calif.k9.pl/tmp/rey.gif/
Tylko pociąć grafikę i ustawić jako tło DIV'a. Z kawałka nr 5 zrobi się tło samej strony powtarzalne w osi X. Jedno-pixelowy GIF i po sprawie. Pytanie jednak nasuwa się odnośnie Czarnego pola... czemu ma ono służyć??

Mając sciągnięte obrazki z tego topu zrobiłem coś takiego:

Kod: Zaznacz cały

<table width="853" border="0" cellpadding="0" cellspacing="0" id="bg">
  <tr> 
    <td width="125" valign="top" rowspan="3"><img src="layout_6_03.gif" width="125" height="105"></td>
    <td width="208" height="33" valign="top"><img src="layout_6_04.gif" width="208" height="33"></td>
    <td width="439" valign="top"> </td>
    <td width="81"></td>
  </tr>
  <tr> 
    <td rowspan="2" valign="top"><img src="layout_6_09.gif" width="208" height="50"></td>
    <td height="50" valign="top" bgcolor="#000000"> </td>
    <td></td>
  </tr>
  <tr> 
    <td height="22"></td>
    <td></td>
  </tr>
</table>

W osobnym pliku umieściłem styl dla tabeli.

Kod: Zaznacz cały

#bg
{  
        background-image: url(images/layout_6_07.gif)
}

Nic się nie sypie pod IE lub FF...

[Zyryx]

a znasz może jakiś bardzo dobry kurs css, dzięki któremu mógłbym czegoś takiego się nauczyć??

[Calif]

http://webmaster.helion.pl/kurshtml/style/style.htm
ja uczyłem się tylko z tego... inne może są lepsze ale ten mnie nauczył...

Powiedz mi co myślisz o takiej koncepcji na ten Top i co z tym czarnym polem ??!!

[Zyryx]

Co do twojego kodu to wszystko ładnie wyszło. To czarne pole było tymczasowe, poźniej będzie tam banner. A czy ta grafika może być taka duża? Nie lepiej by było jak jest pocięta na mniejsze kawałki??

[Calif]

Rey ona jest pocięta... a link jaki podałem to tylko koncepcja jej pocięcia...
Jak najbardziej należy ją pociąć a jak to zrobisz to już twoja inwencja
Ja tylko podsunąłem jedno z wielu możliwości jej pocięcia ...