2010-06-04 8 views
0

Je travaille avec un CMS qui analyse les variables dans le contenu en utilisant des espaces réservés, par ex.Envelopper une table ou des colonnes DIV sur plusieurs lignes

<td> 
[[TITLE]] 
<br /> 
[[DESCRIPTION]] 
</td> 

Le problème est que cela fera une longue rangée de table. En raison de la façon dont le code est écrit, je ne peux pas l'obtenir pour insérer un <tr> après toutes les quelques colonnes. Est-il possible d'envelopper les lignes (même en utilisant DIVs pour émuler les tables)?

Même les fonctions jquery/mootools/prototype qui pourraient être adaptées pour cela?

Répondre

0

Trouvé la solution: Utiliser <ul> et <li> avec CSS et mettre un <div> autour.

exemple court:

<style> 
#nav-menu li 
{ 
    height: 20px; 
    float: left; 
    width: 100px; 
    display: block; 
    border: 0.1em solid #dcdce9; 
    color: #0d2474; 
    text-decoration: none; 
    text-align: center; 
} 
#nav-menu ul 
{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
} 

#nav-menu { 
    /* You can change this width and the list will wrap */ 
    width: 400px; 
    border: 1px solid red; 
} 

</style> 

<div id="nav-menu"> 
    <ul> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    </ul> 
</div> 
Questions connexes