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

    div con ombra>float left: non riesco a centrarlo

    Nonostante abbia cercato, non trovo e capisco se č una cosa fattibile.
    Ecco il codice
    codice:
    <div class="shadow">
    [img]index.jpg[/img]
    <div class="topleft"></div>
    <div class="topright"></div>
    <div class="bottomleft"></div>
    <div class="bottomright"></div>
    </div>
    e il css
    codice:
    div.shadow {
      float: left;
      padding: 0 1px;
      background: #bfbfbf;
      border-top:1px solid #eaeaea;
      border-left: 1px solid #eaeaea;
      border-right: 1px solid #eaeaea;
      position: relative;
    }
    
    div.shadow img {
      padding: 5px 5px 9px 5px;
      background: white url(/css/shad_bottom.png) repeat-x bottom left;
      }
    
    div.shadow div.topleft {
      width: 2px;
      height: 4px;
      background: url(/css/shad_tlcorner.png) no-repeat top left;
      position: absolute;
      top: 0px;
      left: -1px;
    }
    
    div.shadow div.topright {
      width: 2px;
      height: 4px;
      background: url(/css/shad_trcorner.png) no-repeat top right;
      position: absolute;
      top: 0px;
      right: -1px;
    }
    
    div.shadow div.bottomleft {
      width: 4px;
      height: 4px;
      background: url(/css/shad_blcorner.png) no-repeat bottom left;
      position: absolute;
      bottom: 0px;
      left: -1px;
    }
    
    div.shadow div.bottomright {
      width: 4px;
      height: 4px;
      background: url(/css/shad_brcorner.png) no-repeat bottom right;
      position: absolute;
      bottom: 0px;
      right: -1px;
    }
    grazie

  2. #2

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Praticamente stai dicendo che vuoi centrare un blocco (quello con class="shadow"), a sua volta contenente varie altre cosette (le "ombre").
    Stai anche dicendo che le varie ombre funzionano, ma che non riesci a centrare il blocco completo.

    Se questo e` vero, c'e` un errore.
    Non puoi centrare un oggetto flottante: e` una contraddizione. Flottante vuol dire che si posiziona in base a quanto c'e` attorno, e a sua volta influenza quanto c'e` attorno; non ha senso centrarlo.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Grazie per la risposta, Mich_!
    Avevo questo dubbio... non capivo se nonostante il float potessi centrare o meno il tutto, e infatti non riuscivo a farlo senza far sballare gli altri div

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.