Witam.
Mam następujący problem, przerabiam pewien skrypt i chcę pozbawić go wyglądu tabeli. nadać elementom pozycje z użyciem DIV i CSS-a. Jednak że elementy zachowują sie jak by nie widziały CSS-a bądź go nie słuchały biggrin.gif.

Oto forma pętli:
  1. {for $planet=1 to $max_planets}
  2.  
  3.  
  4.  
  5.  
  6. {if !isset($GalaxyRows[$planet])}
  7. <a href="?page=fleetTable&amp;galaxy={$galaxy}&amp;system={$system}&amp;planet={$planet}&amp;planettype=1&amp;target_mission=7">{$planet}</a><br>
  8.  
  9. {elseif $GalaxyRows[$planet] === false}
  10.  
  11.  
  12.  
  13.  
  14. <td style="white-space: nowrap;">{$LNG.gl_planet_destroyed}</td>
  15.  
  16. {else}
  17. {$currentPlanet = $GalaxyRows[$planet]}
  18.  
  19. <div id="p{$currentPlanet.planet.id}">
  20.  
  21.  
  22. <table>
  23. <tr>
  24.  
  25. cżęść pętli ..........
  26.  
  27. </tr></table>
  28.  
  29. </div>
  30. {/for}


dodałem funkcję div (poniżej), usunąłem wskazanie pętli do tabeli w CSS

  1. <div id ="p{$currentPlanet.planet.id}">
funkcja bezbłędnie uzupełnia pole np.: p1, kolejny div p2 etc. w pliku cCSS umieściłem następujące wartości:


CSS
  1. #p1{
  2. left:570px;
  3. top: 520px;
  4. width: 70px;
  5. height: 70px;
  6. }


jednak że pętla wyświetla elementy jeden pod drugim a nie jak wskazuje css.
Czy mogę liczyć na waszą pomoc.


Można zamknac. Rozwiązałem problem dodając w CSS: position:absolute;