Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Layout a strisce

  1. #1

    Layout a strisce

    Vorrei realizzare una pagina web con un riquadro nero al centro e due fasce bianche: una in alto e l'altra sotto.
    Come posso impostare la cosa? Come faccio a rendere sempre centrale il riquadro nero?

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349

    Re: Layout a strisce

    Originariamente inviato da andryonline
    Vorrei realizzare una pagina web con un riquadro nero al centro e due fasce bianche: una in alto e l'altra sotto.
    Come posso impostare la cosa? Come faccio a rendere sempre centrale il riquadro nero?
    da come hai esposto la domanda mi sembra più un problema di codice. Puoi postare uno screenshot della grafica di modo che vediamo anche esattamente cosa devi realizzare?

  3. #3
    Ok, provo a spiegarmi meglio, altrimento poi passeremo ad uno screen.

    Devo realizzare una pagina temporanea. Sfondo bianco, poi al centro una striscia nera (deve centrarsi in maniera dinamica) che riempa da sinistra a destra tutto lo schermo, lasciando due bande bianche (una sopra e una sotto) alle estremità.
    Poi dentro la striscia nera metterò qualcosa...

  4. #4
    il tuo problema è solo di codice.

    ecco qui la soluzione http://css.flepstudio.org/css-tutori...erticalmente-2

  5. #5

    Re: Layout a strisce

    Originariamente inviato da andryonline
    Come faccio a rendere sempre centrale il riquadro nero?
    se è un problema di codice (CSS) prova ad assegnare al riquadro: position: absolute; top: 50%; left: 50%; margin-top: -metà altezza del riquadro in px; margin-left: -metà larghezza del riquadro in px; o se intendi dire qualcos' altro......io non l' ho capito
    Luca Pennisi - Web Marketing Specialist

  6. #6
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    sposto

  7. #7
    Non ci siamo capiti... proviamo con lo screen:




    Grazie per la pazienza.

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.