[css] creare un box

[ra.denis]

ciao a tutti...

come si potrebbe creare un box con i css? vorrei che ci fosse l'angolo tagliato, ma non so come farlo...

usare i bordi va bene per il lato sinistro e il lato in basso, ma per quello in alto e in quello a destra?

[ra.denis]

ops, dimenticato l'esempio

[iguane]

Originariamente inviato da ra.denis
ops, dimenticato l'esempio

Devi farlo con un immagine
Im particolare crei il tuo box normalmente e poi gli posizioni un immagine tagliata in quel modo sopra

[ra.denis]

mi sa che viene un po un casino :master:

[antos]

invece no con i css è molto + semplice

.box{
border: 1px solid #3366FF;
heigth: xxpx;
width: xxpx;
position:relative;
...
}
poi per l'immagine che devi metere nellangolo setti il css in questo modo
.spicchio{
position:absolute;
top: -1px
right: -1px;
}

pova e fammi sapere

[meganoide]

e se cambia la risoluzione?

[antos]

Originariamente inviato da meganoide
e se cambia la risoluzione?

per funzionare correttamente deve scrivere il tag img dentro al box
poi la risoluzione è indifferente
http://www.html.it/css/guida_css_27.htm

[meganoide]

... provavo un'esempio simile a quello del 3d: mettere un'img che simuli un angolo smussato in una tabella. Al variare delle risoluzioni, se ne andava per i fatti suoi. Cercherò di risolvere con i consigli del link che hai postato. Grazie

[antos]

questo sistema funziona e come
su www.bonitocosenza.it/beta tutti i livelli nascosti son piazzati in maniera assoluta (all'interno di un box con position relative) prova a variare la risluzione e n sballa niente

[ra.denis]

sound cool!

ho preso appunti... proviamo!