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

    come mi consigliate di strutturae questo sito in css ?

    qiesta è un immagine di quella che sarà una pagina d un sito.
    Ho gia realizzato l home
    in pratica sono 4 ul alla stessa distanza come vedere i tre blu verde giallo , in aggiunta nell home c'è anche il rosso.questa è la pagina farandagiovanni.net
    questo ve lo dico perchè potrei usare l home come continuazione ,di questa pagina solo mi sembra un casino ho bisogno di ordinare un pò il lavoro.
    Guardando l immmagine occhio mi consigliate come strutturarlo con i css ?


  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    le tre voci in alto sono una lista orizzontale di link (float: left agli[*] con colori di sfondo)
    la parte alta del blocco rosso può essere messo come background ad un blocco generico di header.


    la parte centrale può essere un blocco bianco con due div float-tati.
    il contenitore dei due div avrà un background ripetuto lungo l'asse y costituito da una linea rossa e bianca


    per il riflesso nella parte bassa NON creare un div apposito
    Piuttosto ritaglia l'immagine del riflesso e mettilo come sfondo bottom del contenitore di tutto (dando al contenitore un padding-bottom pari all'atezza del ritaglio). Nel ritaglio cerca di includere anche le parti terminali dei blocchi rosso, giallo blu e verde, dubito che in quel punto inserirai dei testi
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Originariamente inviato da fcaldera
    le tre voci in alto sono una lista orizzontale di link (float: left agli[*] con colori di sfondo)
    la parte alta del blocco rosso può essere messo come background ad un blocco generico di header.


    la parte centrale può essere un blocco bianco con due div float-tati.
    il contenitore dei due div avrà un background ripetuto lungo l'asse y costituito da una linea rossa e bianca


    per il riflesso nella parte bassa NON creare un div apposito
    Piuttosto ritaglia l'immagine del riflesso e mettilo come sfondo bottom del contenitore di tutto (dando al contenitore un padding-bottom pari all'atezza del ritaglio). Nel ritaglio cerca di includere anche le parti terminali dei blocchi rosso, giallo blu e verde, dubito che in quel punto inserirai dei testi
    ok , mi è chiaro

    l unica cosa che vorrei fare diversamente
    è per li menu dei link in alto , giallo verde blu , dove darò una lunghezza pari a quella del contenitore
    e daro un background allineato a sinistra per montare la parte superiore del blocco rosso, e ok ?

    poi ultima cosa , non ho capito bene il contenitirore come devo farlo.
    faccio un div tutto bianco e poi dentro altri 2 div , uno per la colonna rossa e l altro bianco per insierire il contenuto ????

    Ciao

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da Innavoig
    l unica cosa che vorrei fare diversamente
    è per li menu dei link in alto , giallo verde blu , dove darò una lunghezza pari a quella del contenitore
    e daro un background allineato a sinistra per montare la parte superiore del blocco rosso, e ok ?
    come ti viene meglio

    Originariamente inviato da Innavoig
    poi ultima cosa , non ho capito bene il contenitirore come devo farlo.
    faccio un div tutto bianco e poi dentro altri 2 div , uno per la colonna rossa e l altro bianco per insierire il contenuto ????
    giusto
    ma il div tutto bianco
    ... avrà un background ripetuto lungo l'asse y costituito da una linea rossa e bianca
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.