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

    [Xhtml] Div Annidati, cattiva visualizzazione

    Ciao,
    premetto che ho iniziato oggi a mettere le mani su Xhtml.

    In un file css ho 4 classi:
    "Testata" -> Rettangolo lungo 75%
    "img" -> classe contenente una immagine da inserire nel
    rettangolo della testata
    "sx" -> contiente una immagine da mettere all'estrema sinistra
    della testata.
    "dx" -> come sx ma per il lato destro.

    all'interno della pagina html elenco così i div

    <body>
    <div class="testata">
    <div class="sx"></div>
    <div class="img"></div>
    <div class="dx"></div>
    </div>
    ...

    Quando vado a vedere la pagina su un broswer (qualsiasi), dentro il rettangolo "testata" mi appare solamente la classe sx, mentre gli altri si trovano a capo del rettangolo.
    In poche parole, dentro al div principale, mi carica solo una classe.

    Se serve posso postare i codici (tanto sono 3 righe).

    Ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Dovresti postare anche i CSS relativi.

    Poi non ho capito. img deve stare tra sx e dx (quindi una terza colonna), oppure deve stare sopra o sotto a sx e dx?

    In quest'ultimo caso l'ordine dei div e` sbagliato.

    Ciao
    Michele
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    sx deve stare a sinistra;
    img al centro;
    dx deve stare a destra.

    ecco qui il codice del css:
    .img {
    background-image: url(img/logo.jpg);
    background-repeat: no-repeat;
    width: 123px;
    height: 130px;
    margin-left: 21px;
    }

    .sx {
    background-image: url(img/sfSX.jpg);
    margin-left: 0px;
    width: 21px;
    height: 130px;
    }

    .dx {
    background-image: url(img/sfDX.jpg);
    margin-right: 0px;
    width: 21px;
    height: 130px;
    }
    -----------------------
    Questo è quello dell'html:
    <body>
    <div class="testata">
    <div class="sx">
    <div class="img">
    <div class="dx">
    </div>
    </div>
    </div>
    </div>

  4. #4
    :adhone:
    Ci sto !
    Ho risolto!

    Praticamente nella pagina html dovevo chiudere subito i tag div

    <body>
    <div class="testata">
    <div class="sx"></div>
    <div class="img"></div>
    <div class="dx"></div>
    </div>
    ..

    adesso si vede benissimo. :metallica

    Ciao,
    Mauro

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 © 2026 vBulletin Solutions, Inc. All rights reserved.