Witam,

Tak przeglądałem forum i w paru miejscach zauważyłem, że nie najlepiej jest gdy na stronie zostają puste tagi. Więc mam pytanie dotyczące umieszczania grafiki na stronie.

Przykładowo mam coś takiego:

[HTML] pobierz, plaintext 
<div id="menu">
   <div id="gora"></div> 
   <div id="srodek"></div>
   <div id="dol"></div>
</div>
[HTML] pobierz, plaintext 

Powiedzmy, że jest to menu. Teraz w div o id góra ma ustawiony jako background jeden obrazek, div o id dol drugi obrazek, oraz div o id srodek trzeci obrazek z opcją powtarzania go po osi y, gdyż jest to część menu o zmiennej wysokości. Całość tworzy pewną całość graficzną.

Da się to jakoś inaczej zrobić, lepiej?

Ja bym zrobił raczej tak:

[HTML] pobierz, plaintext 
<div id="menu" style="background: url('top_menu.gif') top no-repeat;">
  <ul style="background: url('menu.gif') repeat-y;">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
  </ul>
  <img src="bottom_menu.gif" alt="0" />
</div>
[HTML] pobierz, plaintext 

lub:

[HTML] pobierz, plaintext 
<div id="menu">
  <img src="top_menu.gif" alt="0" />
  <ul style="background: url('menu.gif') repeat-y;">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
  </ul>
  <img src="bottom_menu.gif" alt="0" />
</div>
[HTML] pobierz, plaintext