Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di TheX
    Registrato dal
    Jul 2002
    Messaggi
    50

    HELP : Dividere la pagina in 3 parti...

    Ho recentemente installato sul mio WebServer casalingo ZenCart 1.3.7 e modificato l'e-commerce installato come demo...

    Dentro il foglio di stile associato al template in uso, nel campo BODY, se si inserisce un'immagine di background si ottiene uno sfondo dietro al sito vero e proprio (in quanto la larghezza massima del sito è impostata a 760px ed io ho il monitor in 1024*768)...ma fin qui ho inventato l'acqua calda

    Sarebbe mia intenzione, però, mettere 2 sfondi diversi a sinistra e a destra del sito... In questo modo avrei una "colonna" a sinistra con lo sfondo X, una "colonna" al centro col mio e-commerce e una "colonna" a destra con lo sfondo Y.

    Ho letto in giro che si dovrebbe utilizzare un DIV CONTAINER con annidati dentro 3 div del tipo "div id left" , "div id right" e "div id main"...

    A livello teorico ho capito cosa vuol dire...è come con l'html e le tabelle in cui si crea una tabella con 1 riga e 3 colonne... purtroppo mastico poco il CSS e non so quale file andare a modificare e come.

    Qlc1 mi può aiutare ?

    GRAZIE MILLE !!!
    La mente è una cosa meravigliosa, tutti dovrebbero averne una.....

  2. #2

    Re: HELP : Dividere la pagina in 3 parti...

    Originariamente inviato da TheX
    Ho letto in giro che si dovrebbe utilizzare un DIV CONTAINER con annidati dentro 3 div del tipo "div id left" , "div id right" e "div id main"...
    Dovresti fare una cosa del genere... (poi bisogna vedere se è applicabile a ZenQualcosa)

    codice:
    HTML
    
    <div id="sx">Colonna SX con sfondo X</div>
    <div id="centro">Inclusione (php, asp... vedi tu) dello Zenqualcosa</div>
    <div id="dx">Colonna DX con sfondo Y</div>
    
    
    CSS
    
    sx {float:left; width:150px;}
    centro {float:left; width:500px;}
    dx {float:right; width:100px;}
    Poi giochi coi margin e le mmsure come ti pare...

  3. #3
    Utente di HTML.it L'avatar di TheX
    Registrato dal
    Jul 2002
    Messaggi
    50
    OK...già è qualcosa

    Ho fatto una prova con un html MA devo aver sbagliato qualcosa perché mi mette le righe una sotto l'atra

    Il codice HTML è questo :

    codice:
    <html>
    <head>
    <title>Prova</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
      <div id="sx">Colonna SX con sfondo X</div>
      <div id="centro">Inclusione dello Zen-Cart</div>
      <div id="dx">Colonna DX con sfondo Y</div>
    </body>
    </html>
    mentre il CSS è :

    codice:
    /* CSS Document */
    
    sx {float:left; width:150px;}
    centro {float:left; width:500px;}
    dx {float:right; width:100px;}
    Dov'ho sbagliato ?

    GRAZIE
    La mente è una cosa meravigliosa, tutti dovrebbero averne una.....

  4. #4
    Originariamente inviato da TheX
    codice:
    /* CSS Document */
    
    sx {float:left; width:150px;}
    centro {float:left; width:500px;}
    dx {float:right; width:100px;}
    Dov'ho sbagliato ?
    Ho sbagliato io a scrivere (in fretta).
    davanti a "sx" e gli altri civa un "#".

    Ciao

  5. #5
    Utente di HTML.it L'avatar di TheX
    Registrato dal
    Jul 2002
    Messaggi
    50
    OK.... funziona !!!

    TNK
    La mente è una cosa meravigliosa, tutti dovrebbero averne una.....

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    687
    ma scusa...mi sfugge una cosa......se inserisco del testo in quella centrale si abbassa anche quello a destra.....

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    687

    un div precedente errato.......

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.