- Home
- Categorie
- Coding e Sistemistica
- Help Center: consigli per il tuo progetto
- Angoli arrotondati per immagini e div
-
Angoli arrotondati per immagini e div
Ciao a tutti,
tempo fa mi ero imbattuto in un articolo, inglese o italiano, che spiegava come arrotondare gli angoli delle immagini col css.No ricordo se la cosa funzionasse anche per i div ma mi sembra di si.
Ricordo che centravano gli angoli e dovevi decidere quanto smussarli.Purtroppo non ho salvato la pagina nei preferiti, ma ora mi servirebbe una cosa del genere.
Qualcuno mi sa dire come si fa?
Grazie Mille
-
Con i css 2 non è possibile fare cio'...sara' possibilie con i css 3
quello che ti posso consigliare è di arrotondare a mano le immaginie con photoshop mentre per i div utilizza delle semplici immagini di background pre-arrotondate...
Spero di esserti stato d aiuto!Ciao!
-
Grazie della risposta
Ad ogni modo i css3 già esistono, solo che non sono uno standard.
Se qualcuno comunque riuscisse a dirmi qual era il comando per arrotondare i bordi nei css3 gliene sarei grato.
Vi posto alcuni ariticoli di approfondimento
Ciao
-
Mi rispondo da solo
La propietà si chiama border-radiusLeggete questo articolo per saperne di più sul questa e altre novità del css3!
-
Vi posto anche alcuni esempi pratici:
http://virtuelvis.com/download/218/border-radius.html
http://www.onsitus.it/css3/border-radius/
Importante:
"Al momento, il border-radius è applicato solo da Safari3 e Firefox usando i correspettivi css3: -webkit-border-radius e -moz-border-radius."
-
Ok, ho appena finito di correggere tutti i miei fogli di stile.
Non riesco ad arrotondare le immagini e non capisco come mai.
Penso centri anche il float left senza clear:both
Per il resto è davvero perfetto, peccato che IE non lo supporti...
-
Si ok che i css3 gia' esistono, ma se non vengono supportati non è il caso di usarli...
Devi comunque tener conto che l' 85,45% dell' utenza utilizza microsoft IE e quindi solo una piccolissima parte che utilizza altri browser che supportano i css3 è abilitato a vedere il risultato che ottieni con i css3...
Per questo io ti consiglierei di utilizzare immagini di sfondo da te arrotondate...Ciao!
-
Alla fine ho seguito il tuo consiglio e ho creato un effetto arrotondato grazie alle immagini di sfondo.
E' stata una faticata, ho dovuto riscrivere il codice aggiungendo anche dei div apposta solo per crare questo effetto
Ma il risultato è spettacolare.Ciao
P.S. Speriamo che i css3 diventino comunque uno standard
-
Hai fatto bene! certo è una faticaccia ma alla fine tutti possono apprezzare il tuo lavoro!;)
Speriamo bene...ma mi sa che questa data ancora è lontana...
e poi...finchè esisterà IE6 stiamo tutti freschi! o meglio, fino che sara' ancora cosi' utilizzato!