Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Div linee oblique

  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    158

    Div linee oblique

    Ciao a tutti, come posso realizzare un div "a parallelogramma"? Dovrei rendere obliqui i due lati.
    Idee?
    Grazie

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Mai visto...

    Nel dubbio ti sposto su CSS
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non credo che si possa fare "fisicamente", potresti simularlo con un immagine di sfondo
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    coi css puoi inclinarlo, ma inclinando pure i contenuti (non c'è compatibilità completa crossbrowser), http://www.w3schools.com/css3/css3_pr_transform.asp guarda anche la demo. Migliore l'idea dell'immagine di sfondo

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    158
    Però l'immagine di sfondo comporta una larghezza fissa del contenitore. Devo fare un menu orizzontale. E se ho due voci come "Home" e "Caratteristiche" dovrei adattare il contenitore alla lunghezza dela parola, con l'immagine di sfondo dovrei avere una larghezza fissa

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    come dovrebbe essere l'immagine? potresti eventualmente avere due sfondi per i due lati obliqui, impostandone uno sulla voce elenco (usando una lista per il menu) e l'altro sul link, o anche far ricorso a uno span, insomma spezzettare lo sfondo e ricostruirlo attraverso i vari elementi

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    158
    Ho risolto appunto mettendo nel[*] a sinistra un'immagine di sfondo. Poi la voce come <a> e a destra uno span con l'altra immagine di sfondo. Devo solo testare il tutto fino ad IE6 ma su FF funziona benissimo.
    Grazie

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.