Problem polega na tym że ten katalog był przystosowany do tabel a chciałbym go przerobić na css
głównie problem mam z kategoriami głównymi
chciałbym aby wyglądały one tak

a udało mi sie zrobić tak

siedzę nad tym już 2 dzień i kompletnie nie wiem jak to zrobić
Podzielone jest to na 2 div'y lewy i prawy
i pierwsze 4 kategorie są ok a potem wszystko całą resztę wsadza do prawego
poprawny kod css powinien wyglądac tak
<div class="left_side"> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Arts</a></b><br /> <a href="#">Music</a>, <a href="#">Television</a>, <a href="#">Movies</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Computers</a></b><br /> <a href="#">Internet</a>, <a href="#">Software</a>, <a href="#">Hardware</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Shopping</a></b><br /> <a href="#">Autos</a>, <a href="#">Clothing</a>, <a href="#">Gifts</a>...</p> </div> <div class="right_side"> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Business</a></b><br /> <a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a href="#">Investing</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Health</a></b><br /> <a href="#">Fitness</a>, <a href="#">Medicine</a>, <a href="#">Alternative</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Sports</a></b><br /> <a href="#">Baseball</a>, <a href="#">Basketball</a>, <a href="#">Soccer</a>...</p> </div>
W kodzie żródłowym strony wygląda tak:
<div class="left_side"><p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=4" >34534</a></b><br /> <a href="index.php?kat=4&pod=28">3f34</a>, <a href="index.php?kat=4&pod=27">4rsdf</a>, <a href="index.php?kat=4&pod=29">234rsdf</a>, <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=3" >3453453</a></b><br /> <a href="index.php?kat=3&pod=39">3f34</a>, <a href="index.php?kat=3&pod=36">32sdf</a>, <a href="index.php?kat=3&pod=43">4r434rsrfs</a>, </div><div class=right_side> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=5" >345345564543</a></b><br /> <a href="index.php?kat=5&pod=54">4r434rsrfs</a>, <a href="index.php?kat=5&pod=53">32sf</a>, <a href="index.php?kat=5&pod=49">4rsdf</a>, <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=2" >Katalogi stron</a></b><br /> <a href="index.php?kat=2&pod=7">dupka</a>, <a href="index.php?kat=2&pod=8">jeżyk</a>, <a href="index.php?kat=2&pod=12">34rsdf</a>, </div><div class=right_side> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=10" >kategoria1</a></b><br /> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=9" >kategoria1</a></b><br /> </div><div class=right_side> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=8" >kategoria1</a></b><br /> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=6" >kategoria1</a></b><br /> </div><div class=right_side> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=7" >kategoria2</a></b><br /> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=1" >Rozrywka</a></b><br /> <a href="index.php?kat=1&pod=16">dupka</a>, <a href="index.php?kat=1&pod=3">Kawały</a>, <a href="index.php?kat=1&pod=20">#$dff</a>, </div>
Natomiast kod php jest taki:
<? $bck_file = 'glowna.bck'; if ($g_use_bck and $USE->get_bck($bck_file) ) { } else { ?> <?php $plik = $g_szablon .'/menu.tpl.php'; $szablon_kategori = $USE->get_template($plik); $ilosc_kolumn_kategorii = 2; $class_table = 'cat_block_home'; $class_td = 'in_link_home_cat_div'; $class_link_pod = 'in_link_home_sub'; $class_link_kategoria = 'in_link_home_kat'; $j = 0; $w_in = 0; $pyt = "SELECT id_kat,kategoria FROM `" . $g_przedrostek . "kategorie` where `akt`= '0' ORDER BY kategoria"; $odp = $DB->query ($pyt); $obrazek = '<img src="' . $g_szablon.'/button.gif" alt=""> '; else { $obrazek = ''; } if ($odp) { $adresy = ''; $kategoria = $kat['kategoria']; $id_kat = $kat['id_kat']; if ($w_in == $ilosc_kolumn_kategorii) { $adresy .= "</div><div class=right_side>"; $adresy .= "rn"; $w_in = 0; } /// $adresy .= $obrazek; if ($mod_rewrite) { $adresy .= '<p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="'.$nazwa.'-'. $mod_kategoria . '-' . $id_kat . '.html" >' . $kategoria . '</a></b><br />'; $adresy .= "rn"; } else { $adresy .= '<p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="index.php?kat=' . $id_kat . '" >' . $kategoria . '</a></b><br />'; $adresy .= "rn"; } $max_znakow_pod = 40; $max_znakow_podx= 24; $pyt = "SELECT id_kat,podkategoria,id_pod FROM `" . $g_przedrostek . "podkategorie` WHERE `id_kat` = $id_kat and `akt`=0 ORDER BY RAND() LIMIT 0,3"; $podkat = $DB->query ($pyt); $i = 0; $len = 0; if ($podkat) { $x = $kat['id_kat']; $y = $pod['id_pod']; $z = $pod['podkategoria']; if ($len_p < $max_znakow_podx) { $len += $len_p; if ($len > $max_znakow_pod) { break; } if ($mod_rewrite) { $adresy .= '<a href="'.$nazwa.'-' .$x .',' .$mod_podkat . ',' . $y . '.html">' . $z . '</a>, '; $adresy .= "rn"; } else { $adresy .= '<a href="index.php?kat=' .$x . '&pod=' .$y . '">' . $z . '</a>, '; $adresy .= "rn"; } $i++; } } } $w_in++; } for ($i=$w_in; $i <$ilosc_kolumn_kategorii; $i++) { $adresy .= "rn"; } $gora = '<div class="left_side">'; $dol = '</div>'; $menu_tpl = $gora . $adresy . $dol; if ($g_sugeruj_kategorie) { $sugeruj='<a class="in_link" href="index.php?i=1">'.$l_suggest_cat.'</a>'; } else { $sugeruj='';} } ?> <? if ($g_use_bck) { $USE->make_bck($bck_file, $szablon_kategori); } } ?>
Będę naprawę wdzięczny jak ktoś mi z tym pomoże.
Już z góry dziękuję za wszelką pomoc, oraz za zapoznanie się z moim problemem.
Serdecznie pozdrawiam mefjiu