CSS: al posto di table ?

[erlupacchiotto]

ho necessita' di creare una tabella di una sola riga con:
- titolo
- nome
- immagine foto del nominativo
- immagine e-mail

prima facevo
<table>
<td>
..campo 1..
</td>
<td>
..campo 2..
</td>
...
</table>


ma ora con i CSS ?

grazie
ciao

[Francis87]

ke problema c'è?

[piero06]

Originariamente inviato da erlupacchiotto
ho necessita' di creare una tabella di una sola riga con:
- titolo
- nome
- immagine foto del nominativo
- immagine e-mail

prima facevo
<table>
<td>
..campo 1..
</td>
<td>
..campo 2..
</td>
...
</table>


ma ora con i CSS ?

grazie
ciao

cosa centrano i css ?

fai una tabella

<table border="1" width="100%">
  <tr>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
  </tr>
</table>

[blakwolf]

forse vuole un layout table less

<style>
   div#riga{
      display: block;
   }
   
   div.cella{
      position: relative;
      display: inline;
      width: 25%;
   }
</style>

<div id="riga">
   <div class="cella">testo</div>
   <div class="cella">testo</div>
   <div class="cella">testo</div>
   <div class="cella">testo</div>
</div>

[Kibi]

Visto che deve essere una sola riga fai un unico div e usi il tag span per assegnare delle classi alle varie parole

[blakwolf]

Originariamente inviato da Kibi
Visto che deve essere una sola riga fai un unico div e usi il tag span per assegnare delle classi alle varie parole

l'unico problema da fare attenzione e che con gli span poi il contenuto può essere solo puro testo, mentre con i div qualunque cosa

[erlupacchiotto]

il problema e' combinare 2 font differenti nelal stessa cella.

[Francis87]

<p class="font1">

[erlupacchiotto]

si, ma cosi' facendo il testo mi va a capo, non prosegue di continuo

[iguane]

Originariamente inviato da erlupacchiotto
si, ma cosi' facendo il testo mi va a capo, non prosegue di continuo

anziche

usa <span>