Div come tabelle, problema con il limite di spazio.

[euphoria]

Ciao ragazzi,

ho il codice che incollero' alla fine di questo messaggio.

Il mio problema e' questo: sto cercando di utilizzare Div invece delle tabelle, mi e' stato suggerito cosi', quindi ho messo in colonna tre foto con il testo accanto. Il mio problema e' questi quadrati sono limitati, il testo va a capo creando un brutto effetto estetico. Perche' questi div hanno dimensioni limitate? Vorrei che la cella non avesse questo limite cosi' il testo puo' restare sulla stessa linea e non andare a capo!



Spero possiate darmi una mano grazie!

<div style="display: table; margin: 0px 15px 0px 80px">
   <div style="clear: both; display: block; display: table-row">
      <div style="float: left; display: table-cell">            <p><img src="Renato_surname.jpg" alt="" width="120" height="120" style="float: left; margin: 0px 15px 0px 0px;"/>Name: Renato surname</p>         <p>Talent: Mastermind</p>         <p>Contact: info@euphoria.ie</p>	  </div>

      <div style="float: left; display: table-cell">            <p><img src="Renato_surname.jpg" alt="" width="120" height="120" style="float: left; margin: 0px 15px 0px 50px;"/>Name: Renato surname</p>         <p>Talent: Mastermind</p>         <p>Contact: info@euphoria.ie</p>	  </div>	  	        <div style="float: left; display: table-cell">         <p><img src="Renato_surname.jpg" alt="" width="120" height="120" style="float: left; margin: 0px 15px 0px 50px;"/>Name: Renato surname</p>         <p>Talent: Mastermind</p>         <p>Contact: info@euphoria.ie</p>	  </div>	  
   </div>
</div>

[fcaldera]

ciao e benvenuto nel forum
nel tuo codice c'è un po' di confusione, dovuto probabilmente a dei tentativi di sistemare le cose
es. hai definito due volte la proprietà display su un div, hai float e display insieme allo stesso tempo (uno esclude l'altro)

potresti sistemarlo e mostarci il tuo problema usando un servizio tipo codepen.io o jsfiddle.net ?

[euphoria]

Ciao! Grazie per il benvenuto e la tua risposta

Inoltre grazie anche per codepen.io, non lo conoscevo ed e' utilissimo, infatti li' si puo' vedere qual'e' il mio problema.

Comunque hai centrato il punto, ho cambiato il codice diverse volte in quanto ho trovato come usare div invece delle tabelle su un sito, e poi ho fatto prove.

Ok, se vau su codepen quindi e metti il codice, potrai vedere ad esempio che le tre parti sono divise come in tabelle, ma ad esempio Contact: info@euphoria.ie non sta sulla stessa riga, ma l'email va a capo per una questione di limite di dimensione fissa del Div. Ho bisogno di allargare quei div in modo che l'email ci sta tutta e sullo stesso rigo. Dici che e' possibile?

Scusami di sicuro studiero' molto di come utilizzare il codice, solo che e' urgente e non so come fare in fretta.

Grazie!