3 Div con Dimensioni Automatiche

**albosimo** · 03-08-2015, 23:39

Buongriono e un grazie in anticipo a tutti,
sto creando un menu dinamico per un ristorante.
Ho creato una tabella e per ogni riga ho inserito 2 div.
Uno con la descrizione con proprietà float left
Uno con il prezzo con proprietà float right
E fin qua tutto bene.
I div in questione si ridimensionano in base al testo inserito ed è perfetto.
Vorrei inserire un div centrale che vada a riempire il vuoto tra i due in modo da inserirci
uno sfondo con i puntini contunui come nell'immagine sotto
div.png

Se lo sfondo fosse bianco o monocromatico non avrei problemi mettendo lo sfondo dei 2 Div
dello stesso colore e impostando lo sfondo della riga della tabella con l'immagine a puntini ma purtroppo non è così.
Qui sotto riporto il codice css che ho messo.
Grazie
Alberto Simonazzi

.Descrizione {
float: left;
padding-right: 5px;
color: #000;
}
.Prezzo {
float: right;
padding-left: 5px;
color: #000;
margin-right: -1px;
}

**carlomarangoni** · 04-08-2015, 00:07

Visto che hai usato una tabella non capisco che bisogno c'è dei div e dei float

**albosimo** · 04-08-2015, 00:14

Originariamente inviata da carlomarangoni

Visto che hai usato una tabella non capisco che bisogno c'è dei div e dei float

Thanks!! Marco... Scusa ma dopo 12 giorni a fare un gestionale e trovarmi fermo 2 gg per un dettaglio grafico e trovarsi una risposta un po' banale , mi ha fatto un po' incazzare. Comunque grazie perchè mi hai aperto la mente.. ho risolto cosi' con una tabella all'interno di ogni riga:
<table width="100%" border="0">
<tr>
<td style="width:20px; max-width:100%">Grigliata di Pesce</td>
<td class="RigaPunti"> </td>
<td style="width:20px; max-width:100%">20.00</td>
</tr>
</table>
Grazie Scusa!!

**Vincent.Zeno** · 04-08-2015, 00:24

intervengo come moderatore
@albosino
datti una calmata e prendi fiato.

(e magari scusati con carlo che ha fatto una domanda più che lecita, visto quello che hai scritto)

hai detto che hai una tabella.
bene: facci vedere il codice di questa tabella.
con una tabella puoi realizzare quello che hai chiesto

**carlomarangoni** · 04-08-2015, 00:28

Originariamente inviata da albosimo

Thanks!!

codice:

<body>
<table border="0" cellpadding="3" cellspacing="0" style="">
  <tr>
    <td>Assaggi di Antipasti della Casa (1 Assaggio).............................</td>
    <td bgcolor="#02FF00" align="right">4,00</td>
  </tr>
  <tr>
    <td>Crudo d'Ostriche 6/7 Pz ..........................................................</td>
    <td bgcolor="#02FF00" align="right">16,00</td>
  </tr>
  <tr>
    <td>Misto di 'Frutti di Mare crudi....................................................</td>
    <td bgcolor="#02FF00" align="right">16,00</td>
  </tr>
  <tr>
    <td>Grann Crudo Misto Vino di Mare Antipasti della Casa..............</td>
    <td bgcolor="#02FF00" align="right">20,00</td>
  </tr>
</table>

</body>

**albosimo** · 04-08-2015, 00:33

Originariamente inviata da Vincent.Zeno

intervengo come moderatore
@albosino
datti una calmata e prendi fiato.

(e magari scusati con carlo che ha fatto una domanda più che lecita, visto quello che hai scritto)

hai detto che hai una tabella.
bene: facci vedere il codice di questa tabella.
con una tabella puoi realizzare quello che hai chiesto

Thanks!! Marco... Scusa ma dopo 12 giorni a fare un gestionale e trovarmi fermo 2 gg per un dettaglio grafico e trovarsi una risposta un po' banale , mi ha fatto un po' incazzare. Comunque grazie perchè mi hai aperto la mente.. ho risolto cosi' con una tabella all'interno di ogni riga:
<table width="100%" border="0">
<tr>
<td style="width:20px; max-width:100%">Grigliata di Pesce</td>
<td class="RigaPunti"> </td>
<td style="width:20px; max-width:100%">20.00</td>
</tr>
</table>
Grazie Scusa!!

**Vincent.Zeno** · 04-08-2015, 00:37

@albosimo

non puoi cambiare continuamente il contenuto del post: la discussione finisce per non avere senso.

tecnicamente la soluzione sta in due colonne di tabella.
quella di dx più piccola di quella si sn
per i puntini: nelle celle di sn puoi mettere un'immagine in background
perché non si veda l'immagine sotto al testo puoi mettere un colore di background al testo

**carlomarangoni** · 04-08-2015, 00:42

Prova il codice che ti ho dato io vedrai che va meglio del tuo!
La risposta non era per niente banale!!!

Discussione: 3 Div con Dimensioni Automatiche

Strumenti discussione

Ricerca discussione

Visualizza

3 Div con Dimensioni Automatiche

Permessi di invio