Newsgroup: it.comp.www.html
Titolo: CSS e round corner

Ciao a tutti,
premesso che non sono proprio un esperto, sto realizzando un semplice 
layout per il mio blog. Ho una mezza idea di avere lo sfondo nero e 
utilizzare dei riquadri bianchi, ma vorrei che quesrti riquadri avessero 
i bordi arrotondati. E' possibile *senza* utilizzare immagini? Qualcuno 
ha qualche snippet HTML+CSS a riguardo?
Grazie in anticipo,
Giulio
-- 
OnAir:
http://www.giuliopetrucci.it
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 ha qualche snippet HTML+CSS a riguardo?
Posto che i CSS3 risolvono brillantemenete la cosa ma purtroppo
il supporto è ancora scarso, che io sappia a tuttoggi *non* c'è un modo 
per arrotondare i bordi solamente con HTML+CSS senza usare
immagini.
Esistono dei rimedi in JS ma sono hack immondi in quanto
popolano il DOM di decine di elementi extra per ogni
bordo che arrotondi. No grazie.
Il mio consiglio quindi è di usare le immagini, anche se
tremendamente noioso da realizzare. Se hai dei box a larghezza
fissa è abbastanza semplice da fare.
Ciao.
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


 ha qualche snippet HTML+CSS a riguardo?
Si`, e` possibile ma solo con browser "moderni": firefox, opera, safari. 
Non con IE, che ti mostrera` il bordo quadrato.
http://www.css3.info/preview/rounded-border/
Bye.


 
http://www.css3.info/preview/rounded-border/
Ottimo!
Peraltro sembra roba abbastanza facile anche per un niubbo come me.
Grazie,
Giulio
-- 
OnAir:
http://www.giuliopetrucci.it


 fissa è abbastanza semplice da fare.
Si, tecnicamente i box sono di larghezza fissa.
Io volevo evitare l'uso delle immagini perchè volevo creare - più per 
motivi didattici e di test che di reale necessità - un layout 
perfettamemte "elastico". Vediamo quello che viene fuori! ;-)
Ciao,
Giulio
-- 
OnAir:
http://www.giuliopetrucci.it


 quello che viene fuori! ;-)
Per fare roba fluida, fino a un certo punto, la tecnica migliore che ho 
visto e` quella chiamata sliding-doors, se hai anche le parti "centrali" 
che cambiano.
Altrimenti, se ti bastano solo i 4 angoli arrotondati, meglio 4 immagini 
per i 4 angoli e colore uniforme per il resto. Lavorando bene con la 
struttura riesci anche a non innestare troppi div.
Bye.


 qualche snippet HTML+CSS a riguardo?
qui trovi un trucco per ottenerlo: 
http://www.cssplay.co.uk/boxes/curves.html
Ciao
-- 
Nadia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
non rompere le scatole, aprile!
www.maipiusenza.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 


 immagini? Qualcuno ha qualche snippet HTML+CSS a riguardo?
Non ho mai avuto modo di usarla ma la soluzione "Nifty Corners Cube" di 
Alessandro Fulciniti mi e' sempre parsa molto valida.
Serve un po' di JS ma sicuramente ne vale la pena.
==
- 
http://www.html.it/articoli/niftycube/index.html
==
Ciao
-- 
//lil 


 - 
http://www.html.it/articoli/niftycube/index.html
 ==
La nifty corners e` una di quelle di cui parlava deelan: aggiunge decine 
di tag all'HTML in modo dinamico, rendendo il rendering pesantissimo. 
Meglio usare le immagini, a quel punto.
Bye.


 
http://www.cssplay.co.uk/boxes/curves.html
Bellissimo!
:-)
Ciao e grazie,
Giulio
-- 
OnAir:
http://www.giuliopetrucci.it


 pesantissimo. Meglio usare le immagini, a quel punto.
Definirlo "hack immondo" e parlare di "rendering pesantissimo" mi pare
alquanto estremista.
... e te lo dice uno che ha sempre fatto gli angoli arrotondati con le care
vecchie immagini ;-)
--
//lil 
