PDA

Visualizza versione completa : Bordi arrotondati con i CSS


The-Jokers
13-12-2006, 14.06.10
Salve a tutti qualcuno sarebbe cosi gentile da dirmi come posso arrotondare i bordi ( di tabelle, celle...) senza dover utilizzare immagini??
Vorrei arrotondarli con i CSS... ma non ricordo come si fa.... :wall:

Per favore aiutatemiiiiiiiiiiii :anger:

Dav82
13-12-2006, 14.18.52
Prova a guardare qui (http://cerca.html.it/cgi-bin/cerca.cgi?q=css+angoli+arrotondati&sp00=off&trova=Trova&gr=off&ul=)

The-Jokers
13-12-2006, 21.25.09
visto, grazie... pero non è quello che cerco.... io voglio arrotondare i bordi con i css, ma senza immagini ! :mm:
Sai consigliarmi qualche cosa d'altro??

Dav82
13-12-2006, 21.27.17
Scusa ma hai - per caso - guardato tutta la pagina?
Non c'è neppure bisogno di andare a pagina due della ricerca!

The-Jokers
13-12-2006, 21.51.30
si visti, però io vorrei arrotondare solo con css, senza javascript o altri applicativi.. ;)

Dav82
14-12-2006, 01.00.09
Sarà, ma questo articolo (http://webdesign.html.it/articoli/leggi/520/angoli-arrotondati-senza-immagini/) (dell'ottimo Alessandro Fulciniti (Y), che mi è stato d'aiuto in molti molti casi), presente come risultato in quella pagina di ricerca, spiega come ottenere angoli arrotondati solo con CSS (http://html.it/articoli/esempi/articoli_pro/nifty/nifty1.html)... no immagini, no javascript, solo html e css ;)

Imho, come sottolinea lo stesso Fulciniti, si appesantisce un po' troppo il contenuto della pagina con codice che ha solo scopo di presentazione, e nessuno scopo informativo; inoltre, qualora siano presenti tanti di questi angoli arrotondati, la gestione delle modifiche diventa un po' laboriosa... niente di straordinario se si hanno poche pagine, pochi template e così via, ma in generale non è un codice di facile gestione.

A mio parere (modestissimo parere, ovviamente), poiché l'angolo arrotondato è sì bello e carino - a me personalmente è un effetto che piace molto - però in fin dei conti non aggiunge molto al contenuto della pagina, si può valutare la soluzione con codice html pulito, via CSS usare un colore di background per garantire la resa cromatica generale, e in più aggiungere un'immagine di background (che viene visualizzata al posto del colore di background, insomma "vince" rispetto a questo) per rendere gli angoli arrotondati.
Il risultato è che il codice è facilmente gestibile, l'effetto non è terribile se l'utente non visualizza le immagini (ci sarà un normale angolo squadrato), e in presenza di più angoli da arrotondare, e che abbiano gli stessi colori (cosa tutto sommato verosimile) il peso delle immagini di sfondo, se ben realizzate, è simile - se non inferiore - a quello del codice html aggiuntivo, necessario per ottenere lo stesso effetto.

Questo ovviamente è un discorso generale e personale, poi le esigenze specifiche possono condurre a scelte diverse, come quella di avere - indipendentemente dal software degli utenti - degli angoli arrotondati.. in questi casi ovviamente una tecnica ad hoc come quella di Fulciniti è quella migliore :)

Dav82
14-12-2006, 01.12.41
PS: gli angoli arrotondati sono presenti nelle specifiche CSS3 del W3C (http://www.w3.org/Style/CSS/current-work), che però sono ancora in fase di completamento... e il supporto dei browser a questo tipo di specifiche, quando esiste, è fuori standard come per Firefox (con moz-border-radius & co).
Ovviamente poi bisognerà aspettare che pure IE si adegui allo standard... :S

The-Jokers
14-12-2006, 08.32.45
Grazie mille proprio quello che cercavo.....lol :act:

:act: Complimenti e grazie ancora buona giornata :act:

una curiosità, ma sei juventino?

Dav82
14-12-2006, 09.16.59
Dall'avatar direi di sì :inn:

The-Jokers
14-12-2006, 13.55.15
sei un grande!! siamo in due!! ecco perchè sei gentile... ehehe FORZA `JUVE anche in B !