• User

    xhtml e css due immagini

    ciao amici sono alle prime armi sto facendo delle prove.Devo mettere al inizio pagina il logo a sinistra e il banner a destra nello stesso box.La proccedura è corretta? il sito e 800x 600 <body>
    <div id="container">
    <div id="header">
    <div id="logo">qua va il logo a destra 300px x 90 px</div>

        <div id="banner_alto">qua il banner di fianco all'immagine a destra 400 px per 90</div>
        </div>
      </div> 
    

    qua sotto va il menu...
    Con i css non riescoa farmi stare come vorrei,chi mi da una mano con il codice?grazie almeno un inizio per partire?:)


  • Super User

    dai al logo l'attributo: float:left;
    al banner l'attributo float:right;

    Anche se teoricamente io tendo a tenere tutto bloccato con margin e padding senza lasciare spazi vuoti tra gli oggetti.
    La soluzione rimane quella di linkarci il sito così da apportare la miglior soluzione.
    Sciauz!


  • User

    il codice css pè questo div#banner_alto{
    height: 76px;
    width:463px;
    background-color:#000000;
    position:absolute;
    left: 421px;
    top: 21px; float:left;}

    #logo {
    background-image: url(../../sito/images/bg.png);
    height: 86px;
    width: 281px;
    position: inherit;
    left: 142px;
    top: 16px;
    }


  • User Attivo

    se usi gli absolute sono inutili i float...
    se usi absolute il conteiner dev'essere relativo...

    se usi absolute metti che il logo ha left:0; ed è largo 281px il tuo banner avrà left:281px...