Visualizzazione dei risultati da 1 a 9 su 9

Discussione: layout css

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    98

    layout css

    sto provando dopo avere letto molte guide nella sezione pro a fare un layout a dim fissa orizzontale che si possa estendere in verticale a seconda dei contenuti
    sono graditi suggerimenti
    mi aggiungo a dare guerra alle tabelle anche se è il primo esempio con i css
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    98
    primo problema:

    nella parte alta ho un logo di 180 px e un banner in flash e un immagine di 500 ho impostato la larghezza fissa a 680 ma me li visualizza uno sotto l altro in fila se limetto tutti nello stesso div
    come posso risolvere

  3. #3
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    due #div li puoi mettere uno accanto all'altro se assegni a questi:
    float:left;
    ciao
    P.S. Come primo esempio ti sei scelto un bel layout difficilotto!
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    98
    quindi quante classi devo creare nei css la classe logo quella bannerup e quella menu???
    oppure mi basta una classe soltanto e poi gestisco gli allineamenti con i div???

    io pensavo di creare tre classi
    ora le posto

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    98
    con le tabelle era cosi:

    <table width="680" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="180" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="180" height="130">[img]images/logo.jpg[/img]</td>
    </tr>
    </table></td>
    <td width="500" height="60" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="500" height="60">[img]images/bannerup.jpg[/img]</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="70" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="500" height="70"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="70">
    <param name="movie" value="menu.swf">
    <param name="quality" value="high">
    <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="70"></embed>
    </object></td>
    </tr>
    </table></td>
    </tr>
    </table>

    chi mi indirizza meglio please

  6. #6
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    credo ci sia un pò di confusione in questo che hai scritto;
    se imposti una classe per tutti i box, avrai i box tutti uguali(specie se scrivi le misure) e questo nn credo sia possibile.
    Dovresti usare degli ID univoci (div) dentro i quali, magari, ci metti i box che possono appartenere alla stessa classe.
    spero di essere stato 1 pò kiaro.
    bye
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    98
    allora questo è il mio css:

    <style type="text/css">
    <!--
    #body{
    widht:700;

    border:1px solid #999;


    }
    #logo {
    widht:180;
    height:500;
    background:#ffffff;
    float: left;
    border:1px solid #999;
    }
    #bannerup {
    widht:500;
    height:60;
    background:#ffffff;
    border:1px solid #999;
    float:left;
    }
    #menu {
    widht:500;
    height:70;
    background:#ffffff;
    border:1px solid #999;
    float:left;
    }

    </style>

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    98
    e questo il body:

    <body>
    <div id="body">
    <div id="logo">[img]images/logo.jpg[/img]</div>

    <div id="bannerup">[img]images/bannerup.jpg[/img]</div>
    <div id="menu">[img]images/menu.jpg[/img]</div>


    </div></div>
    </body>


    ho problemi solo con il body che non è centrato alla pagina e non contiene quindi al centro il resto

    qualcuno sa aiutarmi??

  9. #9
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    body{
    margin:0;
    padding:0;
    text-align:center;
    }

    #body{
    margin: 0 auto;
    padding:0;
    widht:700;
    border:1px solid #999;
    }

    prova così, ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

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.