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

    [CSS] layout con bordi sfumati fluidi

    ciao a tutti, vi rompo come sempre perchè è da un bel pò che sbatto la testa su un problema..
    avete presente quei layout in cui c'è una colonna e ai lati c'è il bordo sfumato? ecco.. ne ho visti un casino ma con larghezza fissa.. e fin lì è facile.. creo un'immagine larga quanto la voglio fare la sfumo la taglio alta una 30 di pixel e faccio repeat-y..

    ma quando è fluido?
    vorrei avere qualcosa così.. chi mi può aiutare? sarebbe davvero gentile.. grazie!



    riesco a realizzare tutto tranne i "3".. non riesco a fargli impostare l'altezza giusta..
    l'immagine sfumata è


    l'altra di sx è invertita, ovvio..

    però mi rimane giusto giusto alta quanto è.. con un padding-bottom: 100% fa casino.. con height: auto non esegue (non segue l'altezza di container, "2")
    - - - Codice Alpha - - -
    lo sapevi? www.no1984.org

  2. #2
    codice:
    .sfondosx {
    	background-image: url(..);
    	background-repeat: repeat-y;
    	background-position: right;
    }
    lo style per il div sinistro, per quello destro utilizzi position left

  3. #3
    Originariamente inviato da mem
    codice:
    .sfondosx {
    	background-image: url(..);
    	background-repeat: repeat-y;
    	background-position: right;
    }
    lo style per il div sinistro, per quello destro utilizzi position left
    non è così semplice.. xke il div mi crea un quadrato giusto giusto lo sfondo.. io invece vorrei fare in modo che la sfumatura prenda tutta la pagina.. appena trovo un'esempio più concreto.. è che fluidi non li trovo.. solo fissi..
    - - - Codice Alpha - - -
    lo sapevi? www.no1984.org

  4. #4
    come faccio a far sì che le bande verdi siano lunghe tutta la pagina?

    Codice PHP:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    title>Documento senza titolo</title>
    <
    style>
    body 
        
    font-size.8em;
    }

    #uno {
        
    background-color#0000FF;
        
    width100%;
    }

    #due {
        
    background-color#00FF00;
        
    width15%;
        
    floatleft;
        
    heightauto;

    }

    #tre {
        
    background-color#0000FF;
        
    width70%;
        
    margin-left15%;
        
    margin-right15%;
        
    text-alignjustify;
    }

    #quattro {
        
    background-color#00FF00;
        
    width15%;
        
    floatright;

    }

    #cinque {
        
    width100%;
        
    color#FFF;
        
    text-aligncenter;
        
    background-color#FF0000;
        
    clear:both;
    }    

    </
    style>
    </
    head>
    <
    body>

    <
    div id="uno">
        <
    div id="due"></div>

    <
    div id="tre">




    Ma quande lingues coalesceli grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent linguesLi nov lingua franca va esser plu simplic e regulari quam li existent Europan linguesIt va esser tam simplic quam Occidentalin factit va esser OccidentalA un Angleso it va semblar un simplificat Anglesquam un skeptic Cambridge amico dit me que Occidental es.
    </
    p>
    </
    div>

        <
    div id="quattro"></div>
        <
    div id="cinque">Footer</div>
    </
    div>


    </
    body>
    </
    html
    grazie mille
    - - - Codice Alpha - - -
    lo sapevi? www.no1984.org

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.