Resize colonne

[Strabist]

Ciao a tutti,
è qualche mese che provo a cercare una soluzione a questo problema senza riuscirci.
La pagina in questione è la seguente:
http://www.gunnarboards.com/prodotti.html
Se il browser è a tutto schermo appaiono 4 colonne di categorie prodotti, ma riducendo la finestra la colonna di dx va a coprire le categorie.
Come faccio a bloccare il tutto per ogni dimensione finestra e risoluzione video?
Grazie

[tonicopi]

Ciao Strabist e benvenuto nel forum 
Cambia in questo modo la regola di riga 13 del tuo template.css:

Codice: [Seleziona]

#art-main {
  left: 0;
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 1000px;
}Regolando a piacere la larghezza. Ma sappi che non è questa la strada giusta perchè il template deve essere responsivo, capace cioè di adattarsi ai monitor dell'utente, specialmente a quelli piccini dei dispositivi portatili. 

[Strabist]

Ciao Strabist e benvenuto nel forum 
Cambia in questo modo la regola di riga 13 del tuo template.css:

Codice: [Seleziona]

#art-main {
  left: 0;
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 1000px;
}Regolando a piacere la larghezza. Ma sappi che non è questa la strada giusta perchè il template deve essere responsivo, capace cioè di adattarsi ai monitor dell'utente, specialmente a quelli piccini dei dispositivi portatili. 

Grazie per il benvenuto, ma non posso dire lo stesso per la soluzione.
Cerco la soluzione giusta per far adattare la pagina ad ogni risoluzione, perchè lo scrool orizzontale è una delle cose più fastidiose.
Hai qualche altro suggerimento? 
Per chiarire: è un problema di template?
 

[ellezero]

io penso che il problema si relativo al content.
mi spiego meglio, tu gli dici che deve essere width 52% e infatti lui si ridimensiona correttamente pero per esempio le immagini delle categorie hanno una dimensione fissa per cui occupano uno spazio "esatto" indipendentemente dal ridimensionamento... se tu esprimessi anche le dimensioni delle immagini in percentuale penso farebbe quello che desideri.

spero di essere stata chiara

[Strabist]

io penso che il problema si relativo al content.
mi spiego meglio, tu gli dici che deve essere width 52% e infatti lui si ridimensiona correttamente pero per esempio le immagini delle categorie hanno una dimensione fissa per cui occupano uno spazio "esatto" indipendentemente dal ridimensionamento... se tu esprimessi anche le dimensioni delle immagini in percentuale penso farebbe quello che desideri.

spero di essere stata chiara

Devo modificare il valore delle immagini nella pagina"prodotti.html"?
Ho provato a cercarlo ma non lo trovo, come viene generato e dove si trova?
Ho provato a scaricare tutto il sito ed effettuare una ricerca, ma niente.

[ellezero]

io sinceramente nn mi ricordo dove virtuemart specifichi la grandezza della sue thumb...
ma credo questo possa esserti d'aiuto (ah la ricerca nel forum )

http://forum.joomla.it/index.php/topic,9167.msg38017.html#msg38017

quello che ti interessa e' solo la parte dove dice come cambia la visualizzazione delle img

altrimenti anche questo

http://forum.joomla.it/index.php/topic,111923.msg494840.html#msg494840

se poi non dovesse esser sufficiente, siam qui

[Strabist]

Niente da fare, non funziona nulla!
Come faccio a modificare il sorgente di questa pagina?
http://www.gunnarboards.com/prodotti.html
Nell'ftp non esiste il file "prodotti.html"!!!!!!! 

[ellezero]

ciao
dunque, quella pagina non esiste... non e' html ma e' composta dinamicamente, come html.

tu devi trovare in che file virtuemart definisce la dimensione delle sue immagini
per esempio questo dovrebbe aiutarti
http://forum.joomla.it/index.php?topic=111923.0

pero dovresti avere chiaro, per farlo, come funzionano i css ma anche un po di php perche andrai a modificare una pagina .php di virtuemart

[tonicopi]

La larghezza delle thumb delle categorie la definisci nei parametri di virtuemart.
Stessa cosa per quanto riguarda il numero di categorie per riga, se parliamo di virtuemart 2.
Io direi quindi che se vuoi che la pagina dei prodotti si veda in modo responsivo puoi mostrare al massimo due immagini di 100 pixel per riga. Quindi dimensiona le thumb a 100px di width e mostra due categorie per riga 
Ciao Lorena!
 

[ellezero]

ciao toni

[Strabist]

Ciao Toni,
non riesco neanche a passare a 2 categorie per riga.
E se provo upgrade a Virtuemart 2.....è possibile mantenendo tutto inalterato?

[allegato eliminato da un amministratore essendo vecchio più di un anno]