modifica visualizzazione .
bunasera a tutti , ho un problema ( non ci capisco un acca di css sto cercando d'imparare anche questo ) ... sto modificando il caso di studio del libro appena finito ...
ho piccolo problema , una pagina del sito ( about.php ) e formata da un lungo listato tutti posti su una colonna e su una linea ( con il tag <li>) adesso io vorrei trasformarla in modo tale che visualizzi 2 o piu contatti su una riga ... cosa devo modificare e dove ??
questi sono i codici html ( che riguardano i tag )
Codice HTML:
<ul class="ulfancy">
<li class="row0">
<h2>Martha Smith</h2>
<p>Position: none<br />
Email: martha@example.com<br />
Phone: <br /></p>
</li>
<li class="row1">
<h2>George Smith</h2>
<p>Position: <br />
Email: george@example.com<br />
Phone: 515-555-1236<br /></p>
</li>
e css ( i colori sono differenti )
Codice HTML:
*/
ul.ulfancy {
list-style: none;
padding:0;
margin-top: 20px;
}
ul.ulfancy div.list-photo {
float: left;
padding: 10px;
margin-right: 10px;
background-color: #fdf2f2;
}
ul.ulfancy li.row0 div.list-photo {
background-color: #f2fdfd;
}
ul.ulfancy h2 {
font-size: 1.2em;
}
ul.ulfancy li {
margin: 0;
list-style: none;
background-color: #f2fdfd;
}
ul.ulfancy li.row0 {
background-color: #fdf2f2;
}
grazie
