intanto vi ringrazio!
allora ragazzi usando i div noto che la prima riga, quella delle intestazioni per intenderci, se visualizzata con smartphone va a sovrapporsi con gli articoli...in pratica le righe dei prodotti dovrebbero iniziare dopo la chiusura della riga di intestazione...perchè fa cosi?
inoltre se lo vedo con smartphone come potrei ottenere una diversa visualizzazione da desktop?
mi spego meglio, da desktop va bene come è ora, da smartphone vorrei che fosse una cosa del genere ripetuta per ogni articolo:
Codice "codice prodotto"
Descrizione "descriz prodotto"
Colore "colore prodotto"
etc...
etc...
--------------------------------------------------------
Codice "codice prodotto"
Descrizione "descriz prodotto"
Colore "colore prodotto"
etc...
etc...
--------------------------------------------------------
Codice "codice prodotto"
Descrizione "descriz prodotto"
Colore "colore prodotto"
etc...
etc...
--------------------------------------------------------
ovviamente tenendo conto delle varie if che fanno o meno visualizzare il nome del campo e il suo contenuto...
questo è il codice ora
codice:
<style>
#tabella{display:table; width: 100%;}
#tabella > div {display:table-row}
#tabella > div > div {display:table-cell}
@media only screen and (min-width: 481px) and (max-width: 767px){
#tabella, #tabella > div, #tabella > div > div{display:block}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
#tabella, #tabella > div, #tabella > div > div{display:block}
}
</style>
<div id="tabella" >
<div style="height:30px; font-size:13px;background-color:#11751d; color:#FFF;">
<div>Codice</div>
<div>Descrizione</div>
<?php if ($option_altezza1) { ?><div>Altezza cm </div> <?php } ?>
<?php if ($option_lunghezza1) { ?><div>Lungh. <?php echo $unimislunghezza;?></div> <?php } ?>
<?php if ($option_grammatura1) { ?><div>Gr./M²</div> <?php } ?>
<?php if ($option_spessore1) { ?><div>Spess. µ</div> <?php } ?>
<?php if ($option_colore1) { ?><div>Colore</div> <?php } ?>
<?php if ($option_superficie1) { ?><div>Superf.</div> <?php } ?>
<?php if ($option_confezione1) { ?><div>Confez.</div><?php } ?>
<div>Qta' per collo</div>
<div>Prezzo Euro</div>
<?php if ($ecommerce=='si'){ // inizio controllo su e-commerce attivato?>
<div>Qtà </div>
<div> </div>
<?php } //fine controllo su e-commerce attivato?>
</div>
<?php
} else {echo "<span class='char14'>Nessun risultato<br><br></span>";}
while ($row400= mysql_fetch_array($ris400, MYSQL_ASSOC))
{
$idarticolo=$row400['id'];
$codicearticolo=$row400['codicearticolo'];
$descrizionearticolo=$row400['descrizione'];
$prezzoarticolo=$row400['prezzovendita'];
$iva=$row400['iva'];
$pesogrammi=$row400['pesogrammi'];
$fornitore=$row400['fornitore'];
$sottoclasse=$row400['sottoclasse'];
$altezza=$row400['altezza'];
$lunghezza=$row400['lunghezza'];
$grammatura=$row400['grammatura'];
$spessore=$row400['spessore'];
$colore=$row400['colore'];
$superficie=$row400['superficie'];
$confezione=$row400['confezione'];
$qtaxcollo=$row400['qtaxcollo'];
if ($qtaxcollo==0){$qtaxcollo=1;}
$prezzoarticololordo=$prezzoarticolo;
?>
<?php include("include/calcola_prezzo_articolo.php")?>
<div style="background-color:<?php echo $sfondoriga?>">
<div><?php echo $codicearticolo; ?></div>
<div align="left"><a href="catalogo.php?codicearticolo=<?php echo trim($codicearticolo);?>"><b><?php echo $descrizionearticolo; ?></b></a></div>
<?php if ($option_altezza1) { ?> <div><?php echo number_format($altezza, 2, ',', '.'); ?></div> <?php } ?>
<?php if ($option_lunghezza1) { ?> <div><?php echo number_format($lunghezza, 2, ',', '.'); ?></div> <?php } ?>
<?php if ($option_grammatura1) { ?> <div><?php echo number_format($grammatura, 0, '', '.'); ?></div> <?php } ?>
<?php if ($option_spessore1) { ?> <div><?php echo number_format($spessore, 0, '', '.'); ?></div> <?php } ?>
<?php if ($option_colore1) { ?> <div><?php echo $colore; ?></div> <?php } ?>
<?php if ($option_superficie1) { ?> <div><?php echo $superficie; ?></div> <?php } ?>
<?php if ($option_confezione1) { ?> <div><?php echo $confezione; ?></div><?php } ?>
<div><?php echo number_format($qtaxcollo, 0, '', '.'); ?></div>
<div><?php echo number_format($prezzoarticolonetto, 2, ',', '.'); ?></div>
<?php if ($ecommerce=='si'){ // inizio controllo su e-commerce attivato?>
<form id="ordine" name="ordine" method="post" action="carrellolavora.php">
<div>
<label for="quantita"><input type="text" name="quantita" id="<?php echo "quantita"."_".$idarticolo;?>" size="5" ></label>
<input type="hidden" name="codicearticolo" id="codicearticolo" value="<?php echo $codicearticolo;?>">
<input type="hidden" name="prezzoarticolonetto" id="prezzoarticolonetto" value="<?php echo $prezzoarticolonetto;?>">
<input type="hidden" name="prezzoarticololordo" id="prezzoarticololordo" value="<?php echo $prezzoarticololordo;?>">
<input type="hidden" name="descrizionearticolo" id="descrizionearticolo" value="<?php echo $descrizionearticolo;?>">
<input type="hidden" name="codiceiva" id="codiceiva" value="<?php echo $iva;?>">
<input type="hidden" name="qtaxcollo" id="qtaxcollo" value="<?php echo $qtaxcollo;?>">
<input type="hidden" name="pesogrammi" id="pesogrammi" value="<?php echo $pesogrammi;?>">
<input type="hidden" name="scontobase" id="idscontobase" value="<?php echo $scontobase;?>">
<input type="hidden" name="url" id="url" value="<?php echo $url;?>">
<input type="hidden" name="step" id="step" value="10">
<input type="hidden" name="prov" id="prov" value="catalogo">
</div>
<div>
<input src="images/carrello.png" type="image" name="submit"
alt="Aggiungi <?php echo "Cod. ".$codicearticolo." - ".$descrizionearticolo;?> al carrello"
title="Aggiungi <?php echo "Cod. ".$codicearticolo." - ".$descrizionearticolo;?> al carrello"
align="absmiddle">
</div>
</form>
<?php } //fine controllo su e-commerce attivato?>
<?php
if ($sfondoriga==$coloresfondoriga1){ $sfondoriga=$coloresfondoriga2; }
else{$sfondoriga=$coloresfondoriga1;}
?>
</div>
<?php }?>
</div>
<?php }?>