trasformare una riga in colonna

[natasha84zeffir]

Ciao a tutti
premetto che non sono pratica di css vorrei una mano per far diventare la riga "categories" in una colonna accanto alle fotografie. Questo è il sito a cui mi riferisco http://notorioussunglasses.bigcartel.com e questo è il CSS: http://cache0.bigcartel.com/theme_st...051/styles.css

Grazie!!

[natasha84zeffir]

possibile che nessuno mi sappia dare indicazioni a riguardo??

[Zoimaru]

Se ho capito bene vuoi ottenere 3 colonne: una con le immagini, una con le categorie ed una con il carrello, il search e tutto il resto. Non ho provato questo codice che sto postando per cui fai tu le eventuali prove del caso e se non funziona puoi trovare qui la soluzione: http://css.html.it/guide/lezione/75/...nne-con-float/

Per ottenere la terza colonna, sicuramente devi far uscire:

			<div id="categories" class="pod">
				<h3 class="categories-title"><span>Categories</span></h3>
				<ul class="categories-list">
					[*]<span>All</span>[*]Gucci
				[/list]
			</div>

da <div id="navigation"> [...] </div> e piazzarlo subito sopra navigation.


A questo punto modifichi il css in questo modo:

#products {
	float:left;
	background: #f4f4f4;
	border-bottom: 1px solid #f8f8f8;
	padding: 18px 0 6px 0;
}

#navigation {
	float:right;
}

In questo modo imposti il div products a destra del contenitore e il div navigation a sinistra. Buona fortuna!