Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Problema con tabelle

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    163

    Problema con tabelle

    Salve,

    vorrei inserire delle immagini nella mia home, quindi sono intenzionato a lavorare con le tabelle.

    Vorrei che un banner verticale a sinistra sia affiancato da altri 3 orizzontali (tutti e 3 uno sotto l'altro) ma che coprino verticalmente tutta la lunghezza del banner verticale a sinistra ;praticamente che il banner verticale di sinistra sia affiancato dal primo banner orizzontale e che partano proprio alla stessa altezza,un altro al centro che capiti proprio al centro del banner verticale di sinistra, e alla fine del banner verticale (sempre quello di sinistra) si posizioni un ultimo banner orizzontale al fianco.

    tutto questo per avere graficametne un unico corpo.

    Spero di esser stato il piu chiaro possibile...

    Grazie a tutti...

  2. #2
    Vuoi una cosa del genere
    Immagini allegate Immagini allegate

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    163
    Grazie, era proprio quello che cercavo, e che dopo 2 ore son riuscitro a fare!

    Grazie davvero...

  4. #4
    in cui ogni colore è un banner differente!

    Per fare una cosa di questo genere io ti sconsiglio di usare le tabelle, ma sarebbe meglio utilizzare i <div></div>

    In questo modo

    Prima crei i 4 div e ad ognuno assegni un ID

    codice:
    <body> 
    
     <div id="div1">1</div> 
     <div id="div2">2</div>
     <div id="div3">3</div>
     <div id="div4">4</div>
    
    </body>
    In <head> o nel file CSS metti le proprietà dei div così


    codice:
    <head>
    
     <style>
        #div1 { width:100px; 
                   height:300px; 
                   background-image:url('indirizzo/banner1.gif'); 
                   float:left; }
        #div2 { width:500px; 
                   height:100px; 
                   margin-left:100px; 
                   background-image:url('indirizzo/banner2.gif');}
        #div3 { width:500px; 
                   height:100px; 
                   margin-left:100px; 
                   background-image:url('indirizzo/banner3.gif'); } 
        #div4 { width:500px; 
                   height:100px;
                   margin-left:100px; 
                   background-image:url('indirizzo/banner3.gif'); } 
     </style> 
    </head>
    poi potrebbero esserci delle cose da sistemare come altezze e larghezze!

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    163
    Grazie...grazie davvero!!!

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.