[RISOLTO] Css: Blocco Termini tassonomia in orizzontale

3 contenuti / 0 new
Ultimo contenuto
[RISOLTO] Css: Blocco Termini tassonomia in orizzontale

Ragazzi ho questo snippet php che mi visualizza i termini relativi ad un vocabolario specifico..

<?php
  $vid
= 9;
 
$voc = taxonomy_get_vocabularies();
 
$tree = taxonomy_get_tree($vid, 606, 0, Null);
  foreach (
$tree as $term) {
   
$count = taxonomy_term_count_nodes($term->tid);
    if(
$count > 0) {
     
$url = "taxonomy/term/$term->tid";
     
$link = l(t($term->name), $url, array("title" => t($term->description)));
     
$out .= "<ul><li> $feed $link";
      {
$out .= " ($count)";}
     
$out .= "</li></ul>";
    }
  }
  return
$out;
?>

Io però devo visualizzare i termini in style grid.. in pratica divisi su 3 colonne... per capire cio' che intendo: http://www.tiscali.it/ ... in pratica il blocco sezioni proprio sotto il logo... nn ci salto fuori con il css.. manina ? :P

con CSS:

ul{
float:left;
list-style-type:none;
width:100%;
}
li{
float:left;
width:[dimensione fissa in em o px per layout elastico o fisso, in percentuale per layout fluido];
}

in pratica è la larghezza dei <li> che determina il numero di colonne in rapporto alla larghezza totale della <ul>
ovviamente devi aggiungere margini, padding, bg, etc ad hoc...

grazie per la risposta bohz.. dopo qualche ora avevo risolto con un display:inline-table e width:200px;.. perfetto per FF3 .. ma nn per cesXplorer (tanto per cambiare)...che da quanto ho capito,nn legge i vari inline-table,cell ecc ecc.. e mi richiedeva per forza anche un float:left,ma che ovviamente scasinava su FF3 e mi mandava in overflow una parte del content...quindi ho risolto creando 2 css,uno per FF e uno per IE avendo anche altri parametri che volevano differenziati...:)