Witam tworze sobie katalog stron opartych o skrypt qlweb z modyfikacją by jaho
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';
$width = round(100
/ $ilosc_kolumn_kategorii,2
); $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='';}
$szablon_kategori = str_replace('{sugeruj_kategorie}', $sugeruj, $szablon_kategori); $szablon_kategori = str_replace('{menu_kategorii}', $menu_tpl, $szablon_kategori);
}
?>
<?
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