Asezare meniu vertical-orizontal
Scris: Sâm Ian 12, 2013
Nu stiu cum sa fac sa fie meniu ca si in imaginea urmatoare :
Mie asa-mi arata meniu si nu stiu cum sa-l fac sa-mi arete cum ii in imaginea de sus :
Codul meniului e acesta:
Pentru meniu folosesc css-ul de la adresa:
twitter.github.com/bootstrap/
Dar nu stiu unde sa pun acel Div si ce mai trebuie in codu acela pentru a putea arata ca si in imaginea de mai sus.
Ma poate ajuta careva ?
Multumesc.
Mie asa-mi arata meniu si nu stiu cum sa-l fac sa-mi arete cum ii in imaginea de sus :
Codul meniului e acesta:
Cod: Selectaţi tot
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="."><?php echo "treisute"; ?></a>
<?php
// SELECT id, pid, value FROM table ORDER BY id ASC
// pid = parent id
// pt o singura interogare si o singura parcurgere a result-setului vezi sql_buildtree()
function buildtree() {
$result = mysql_query('select * from store_categories');
$tree = array();
while(false !== ($row=mysql_fetch_assoc($result))) {
$tree[$row['cat_primary']][$row['id']] = $row['cat_title'];
}
return $tree;
}
function h($text) {
return htmlspecialchars($text);
}
function drawtree(
$tree, //array-ul de mai sus
$root=0, //id-ul de la care se pleaca
$current =0, //id-ul nodului curent (se va folosi cPattern pt. afisare)
$gPattern="<li>{childs}</li>", //patternu' pt. toata constructia ({childs} va fi inlocuit cu constructia obtinuta din copii)
$iPattern="<li><a href='./seestore.php?cat_id={key}'>{value}{childs}</a></li>", //patternu' pt. fiecare linie ( {key} = id-ul nodului, {value} = valoarea nodului
$cPattern="<li>{key}-{value}{childs}</li>", //patternu' pt. linia curenta
$indentChar='')
{
if(empty($tree[$root])) {
return '';
}
$childs='';
if($root) {
$indent = $indentChar;
} else {
$indent = '';
}
foreach($tree[$root] as $k=>$v) {
if($k == $current) {
$item = str_replace(array('{key}','{value}','{encoded_value}'),array(h($k),$indent.h($v),rawurlencode($v)),$cPattern);
} else {
$item = str_replace(array('{key}','{value}','{encoded_value}'),array(h($k),$indent.h($v),rawurlencode($v)),$iPattern);
}
$item = str_replace('{childs}',drawtree($tree,$k,$current,$gPattern,$iPattern,$cPattern,$indent.$indentChar),$item);
$childs .= $item;
}
return str_replace('{childs}',$childs,$gPattern);
}
$tree = buildtree();
//parametrii default
echo drawtree($tree);
?>
</ul>
</div>
</div>twitter.github.com/bootstrap/
Dar nu stiu unde sa pun acel Div si ce mai trebuie in codu acela pentru a putea arata ca si in imaginea de mai sus.
Ma poate ajuta careva ?
Multumesc.