Olimpo Informatico

[kkk2003]

Qualcuno sa se e' possibile "stodare" gli angoli dei bordi di un div??
E se si, ovviamente, come?!

[rebelia]

immagino che per "stodare" tu intenda arrotondare; se cosi' fosse, la risposta e' "no almeno per ora", nel senso che i css3 contemplano la possibilita' di farlo (vado a memoria), ma i browsers ancora non la supportano (non supportano ancora bene neanche i css2, vedi tu!)

se vuoi fare una cosa del genere e mettendo che tu voglia creare una colonna a larghezza fissa, procedi in questo modo:

- crei con il programma di grafica un rettangolo con i bordi arrotondati della larghezza che ti interessa

- ne ritagli la parte alta ottenendone un'immagine come questa:

(la chiamiamo immaginesuperiore.gif)

- ne ritagli la parte centrale ottenendone un'immagine come questa:

(la chiamiamo immaginecentrale.gif)

- ne ritagli la parte inferiore ottenendone un'immagine come questa:

(la chiamiamo immagineinferiore.gif)

crei nella pagina tre div annidati l'uno nell'altro:

[kkk2003]

ops... Si, "stodare" doveva essere "stondare"...
ad ogni modo, chiarissima come sempre, grazie!!

[rebelia]

[matt78]

ciao,
concordo sul fatto che i div di natura non permettano di arrotondare i bordi,
ma utilizzando un trucchetto simile a quello che ha usato rebelia si può fare
anche senza aggiungere immagini (comunque in realtà dipende dalla
complessità che vuoi ottenere), ma solo modificando il css.
In questo ci sito c'è l'esempio e un sacco di altro materiale:

link

ciao

[rebelia]

sistema originale!

secondo me la cosa migliore e' conoscere tutti i metodi disponibili (quindi questi due, ma anche altri che spero ci saranno segnalati in seguito) e poi di volta in volta scegliere quello che meglio si adatta all'effetto che desideriamo ottenere e al tipo di sito che stiamo costruendo

grazie per la segnalazione, buona a sapersi!

[Marcolino]

Bella lì, hanno usato un punto . ingrandendolo a 150 pixel per poi tagliarne una parte a seconda dell'angolo, semplice e geniale.

Oppure usando le estensioni proprietarie di mozilla, che ovviamente funzionano solo lì
http://developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions

marco.

[matt78]

e si molto originale,
Stu Nicholls utilizza i css veramente al massimo delle loro prestazioni,
addirittura ha costruito un set di caratteri con lo stesso sistema


Cmq concordo con rebelia, nei due metodi cambia di poco la sostanza,
con le immagini si riescono a ottenere bordi sofisticati, con i css si
riduce il carico della pagina, dipende sempre da ciò che serve

[rebelia]

p.s. anche ben arrivato!

[matt78]

grazie!

[ioSOLOio]

non so quanto analogo sia, sempre con i css si ottiene ciò che viene chiamato Nifty Corners

[rebelia]

si, usano sistemi diversi (c'e' una lista di link a fondo pagina) sempre annidando i div l'uno nell'altro; la tecnica usata nell'esempio che hai citato si vede benissimo aprendo la pagina con opera e ingrandendo il testo

[juzo kun]