Salve a tutti voglio fare un elenco su due colonne in formato chiave - valore (dati presi dinamicamente da un database). Ho scritto il seguente codice:
codice:<div> <div class='vediOffertaColData'> <div class='vediOffertaRigaSingle'>Marca:</div> <div class='vediOffertaRigaSingle'>Modello:</div> <div class='vediOffertaRigaSingle'>Versione:</div> <div class='vediOffertaRigaSingle'>Prezzo:</div> <div class='vediOffertaRigaSingle'>Immatricolata a:</div> <div class='vediOffertaRigaMulti'>Descrizione:</div> </div> <div class='vediOffertaColData'> <div class='vediOffertaRigaSingle'><?=$rstMarca?></div> <div class='vediOffertaRigaSingle'><?=$rstModello?></div> <div class='vediOffertaRigaSingle'><?=$rstVersione?></div> <div class='vediOffertaRigaSingle'><?=$rstPrezzo?> €</div> <div class='vediOffertaRigaSingle'><?= translateMonth($rstImmatricolazioneMese) . " del " . $rstImmatricolazioneAnno ?></div> <div class='vediOffertaRigaMulti'><?=$rstDescrizione?></div> </div> </div>
ed il css:
In alcuni dati ho un'altezza fissa (un rigo solo) della div, quindi metto il valore nel css e risolvo. Ma in campi in cui la lunghezza varia come posso fare a fare in modo che il campo chiave (che è sempre fisso) sia della stessa altezza del campo variabile?codice:.vediOffertaColData, .vediOffertaColImages{ border:1px solid black; float:left; } .vediOffertaColData{ width:32%; } .vediOffertaColImages{ width:35%; } .vediOffertaRigaSingle, .vediOffertaRigaMulti{ text-align:left; margin-left:60px; } .vediOffertaRigaSingle{ height:20px; }
Mi conviene riscrivere tutto usando una sola div per riga e mettere la chiave dentro una label? L'idea l'ho provata altre volte ma mi è sempre sembrato un compromesso! Voi di solito che come la implementate una cosa simile?
Grazie a chi mi risponderà!


Rispondi quotando