Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. Pagina non cresce
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • T
      talkoman User Attivo • ultima modifica di

      Inizia a prendere forma...grazie
      Ho messo il position:relative al contenuto perchè utilizzo il div rivolto con position:absolute.

      Ora tutto è in linea, ma come potrete vedere, non si vede più lo sfondo del div corpo

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • T
        talkoman User Attivo • ultima modifica di

        Niente, anche con il wrapper che mi hai consigliato non si vede lo sfondo del "corpo"

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • K
          karedas Super User • ultima modifica di

          Scusa mi sono sbagliato, il wrapper va al "corpo" non al contenuto.

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • T
            talkoman User Attivo • ultima modifica di

            Ah ecco...già ci siamo!!!!
            Grazie!!!!
            Altro problemino.
            Nel link postato prima manca un pezzo di grafica, che posto sotto...
            Come potrei incorporarla?
            Grazie

            [URL=http://img254.imageshack.us/my.php?image=headvz7.jpg]image

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • K
              karedas Super User • ultima modifica di

              Intanto cambia alcune cose:

              • Dai delle dimensioni più logiche alle tre colonne. Attualmente non vanno a ricoprire per intero lo spazio che tu gli fornisci tramite il container principale (e cioè 1000px).
                Suggerimento:
              • Cambia il margine e sostituiscilo con del padding.
              • Cambia i seguenti valori width: Menubar a 152px, Extrabar a 154px, Contenuto a 570px.
              • Al div contenuto aggiungi **background: url(../../images/rivolto.jpg) top right; e rimuovi il div "rivolto"
                **
              • Aggiungi tale regola in modo da far si che il testo all'interno del div "contenuto" non rimanga appiccicato al bordo della parte centrale:

              [html]
              #contenuto p{
              padding:10px;
              }
              [/html]

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • T
                talkoman User Attivo • ultima modifica di

                Intanto gentilissimo per gli aiuti che mi stai dando....
                Allora il rivolto lì non va bene, tranne che ritaglio diversamente l'immagine, ma poi si vedrebbe l'ombra dell'immagine sottostante e non va bene...

                Per quanto riguarda quel pezzo mancante che ho postato prima?
                Hai idea di come potrei risolvere?
                Praticamente manca l'effetto acqua sulla destra e il top della menubar,extrabar e contenuto...
                Ciao
                Grazi!!

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • K
                  karedas Super User • ultima modifica di

                  Non va bene perchè non hai aggiunto al div contenuto "padding:0 10px;". Aggiungendo questo vedrai che ti sistemerà perfettamente.

                  Se per quanto riguarda la parte mancante parli degli schizzi d'acqua sulla destra, allora ti basterebbe secondo me fare così:

                  Ritagli l'immagine dell'acqua mancante e l'aggiungi a quella zona

                  [html]
                  #extrabar{
                  background:url(immagineacqua.jpg) no-repeat top right;
                  }
                  [/html]

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • T
                    talkoman User Attivo • ultima modifica di

                    Non solo gli schizzi...se tu vedi quell'immagine mancano le parti iniziali dei tre div....

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • T
                      talkoman User Attivo • ultima modifica di

                      Ehi è venuta una cosa stupenda......
                      Se vuoi vai a vederla...
                      Praticamente ho ritagliato il top di ogni div e l'ho messo come sfondo in alto ad ogni div....
                      Però ho dovuto mettere i width:

                      • menubar: 204px
                      • contenuto: 590px
                      • extrabar: 206px
                        Perchè le dimensioni delle immagini di sfondo erano queste...
                        Inoltre ho dovuto togliere i margin a tutti e tre i div perchè se no le immagini slittavano tutte.....
                        Però ora come faccio a giostrarmi quello che sarà dentro ogni div?
                        Grazie!!
                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • T
                        talkoman User Attivo • ultima modifica di

                        Ehi grazie ora funziona alla perfezione...
                        Ho il foot così fatto:

                        #foot{ width: 1000px; height: 80px; margin: 0px auto; background: #ffffff url("../images/footer.png") no-repeat; clear: both;} img{border: none;}
                        .finFoot{position: absolute; margin: 21px 0px 0px 158px}
                        .coniFoot{position: absolute; margin: 21px 0px 0px 312px}
                        .lucandreFoot{position: absolute; margin: 55px 0px 0px 910px;}
                        .w3c{ position: absolute; padding: 45px 0px 0px 5px;}
                        
                        

                        [HTML]<div id="foot">
                        <a href="http://validator.w3.org/check?uri=referer"><img class="w3c" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
                        <a href="http://www.federnuoto.it/" target="_blank"><img class="finFoot" src="images/logoFinFoot.jpg" alt="FIN - Federazione Italiana Nuoto" /></a>
                        <a href="http://www.conisicilia.it/" target="_blank"><img class="coniFoot" src="images/logoConiFoot.jpg" alt="CONI - Comitato Regionale Sicilia" /></a>
                        <a href="http://www.lucandre.com/" target="_blank"><img class="lucandreFoot" src="images/logoLucandreFoot.jpg" alt="Lucandre Professional //webDESIGNstudio" /></a>
                        </div>[/HTML]
                        Potete vederlo andando su www. finsicilia .it/nuovo/index.php

                        Quando apro la pagina e inizio a scorrerla prima che abbia finito di caricare, a caricamento concluso mi ritrovo le immagini all'interno del Foot tutte sfasate così:
                        [URL=http://img407.imageshack.us/my.php?image=immagine1cp0.png]image
                        Come posso risolvere?
                        Grazie!!!

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • T
                          talkoman User Attivo • ultima modifica di

                          Sono riuscito a spiegarmi?

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          Caricamento altri post
                          Rispondi
                          • Topic risposta
                          Effettua l'accesso per rispondere
                          • Da Vecchi a Nuovi
                          • Da Nuovi a Vecchi
                          • Più Voti