Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    CSS - posizionamento elementi

    Ragazzi, le ho provate tutte
    Ok, sto iniziando aprendere confidenza con i CSS e le loro potenzialità. Ma mi sta venendo un esaurimento nervoso.
    Aiutatemi a capire!

    Nell'anteprima di dreamweaver tutto è al suo posto, ma quando lo testo sul Explorer si sovrappongono tutti gli elementi in testa al Per favore date un'occhiata al codice sorgentedel sito.

    qui di seguito quello legato al foglio di stile
    Non capisco cosa è sbagliato

    /* Main Frame*/
    #Tabella_01 {
    position:absolute;
    left:2%;
    top:0px;
    width:95.6%;
    right: 2%;
    }

    /* Menu*/
    #Tabella_02 {
    position:relative;
    width:100%;
    height: 17px;
    margin: 0;
    padding: 0;
    background-image: url(immagini/index_11.gif);
    color: #ffe100;
    top: 60px;
    }

    /* Under menu*/
    #Tabella_03 {
    position:relative;
    width:100%;
    height: 15px;
    margin: 0;
    padding: 0;
    color: #99CC33;
    border: 0;
    top: 77px;
    }

    /* Logo*/
    #index-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:312px;
    height:60px;
    }

    /* Nav menu components*/
    #index-03 {
    position:absolute;
    left:0px;
    top:0px;
    }

    #index-04 {
    position:absolute;
    left:35px;
    }

    #index-05 {
    position:absolute;
    left:114px;
    }

    #index-06 {
    position:absolute;
    left:229px;
    }

    #index-07 {
    position:absolute;
    left:331px;
    }

    #index-08 {
    position:absolute;
    left:414px;
    }

    #index-09 {
    position:absolute;
    left:492px;
    }

    #index-10 {
    position:absolute;
    left:594px;
    }

    #index-13 {
    position:absolute;
    right: 0px;
    }

    #index-14 {
    position:absolute;
    left:0px;
    }

    #index-16 {
    position:absolute;
    right: 0px;
    }

  2. #2
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    cosa si sovrappone?

    il menu al logo?
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  3. #3
    esatto.
    Ci sono tre livelli DIV impostati attrvaerso i CSS con le varie distanze dal TOP, all'interno a loro volta di un DIV ancient che fa da contenitore. Il primo per il logo, il secondo per la barra menu, e il terzo per i due angoli estremi sotto il menu.
    La barra del menu dovrebbe trovarsi al di sotto del logo, ma anche impostando dei valori in px mi si incasina tutto.
    Di seguito il codice html:

    <body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

    <div id="tabella_01">

    <div id="index-01">
    [img]immagini/index_01.gif[/img]
    </div>

    <div id="tabella_02">
    [img]immagini/index_03.gif[/img]
    [img]immagini/index_04.gif[/img]
    [img]immagini/index_05.gif[/img]
    [img]immagini/index_06.gif[/img]
    [img]immagini/index_07.gif[/img]
    [img]immagini/index_08.gif[/img]
    [img]immagini/index_09.gif[/img]
    [img]immagini/index_10.gif[/img]
    [img]immagini/index_13.gif[/img]
    </div>

    <div id="tabella_03">
    [img]immagini/index_14.gif[/img]
    [img]immagini/index_16.gif[/img]
    </div>
    </div>
    </body>
    </html>

  4. #4
    poi, non ho ancora capito perchè in dreamweaver tutto è al suo posto. Poi qunado faccio il debug su explorer si incasina tutto.

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.