Creare una finestra arrotondata con i <div>

[Psyko83]

Salve ragazzi, ho un problemino....tanto per cambiare
Ho questo sito: 2Gnet lo feci tempo fa con le tabelle, ora lo dovrei convertire in <div>, ci sono riuscito a fare le cose semplici, ma per il pezzo grosso chiedo la vostra invocazione.
Dunque nel suddetto sito, c'è il corpo in cui vedete il testo, se notate i bordi, sono arrotondati, perchè ci sono delle immagini, bè quelle immagini come le posso mettere nei div in modo da avere quell'effetto finale?Il bordo alto e basso l'ho messo, anche se male in quanto con IE si vede bene, ma con FF si vedono distantissimi, pur avendo come padding 0!!!!!!!!
I bordi a sinistra e a destra, li ho messi con float:left......ma è come se non avessi messo nulla....perchè non si vedono!!!E per concludere...le immagini degli angoli per fare l'effetto arrotondato....come le metto?????
Chiedo aiutooooooooo

[Mich_]

Per gli arrotondamenti, ci sono alcuni trucchi che si possono usare con i CSS2: sono riportati nei "link utili" del forum.

Per il resto non ci ho capito, anche perche` la pagina linkata (che e` quella con le tabelle) si carica male (finisce sotto la scure del mio adblock).

[Psyko83]

Ho visto questo sito: http://www.spiffycorners.com/ e sono rimasto impressionato...senza capire come sia uscito fuori quel bordo arrotondato, ma comunque i bordi che volevo mettere io, sono arrotondati agli angoli, ma sui lati hanno delle immagini che fanno un piccolo effetto
Non so come spiegarti se non vedi....
Cioè ok quello script me lo studio in modo da usare quello negli angoli, ma nei lati??? :master: :master:

[Sickbrain]

Prova questi tutorial, magari fanno al caso tuo:

http://www.sickbrain.org/?document_i...ic_id=8&page=0

http://www.sickbrain.org/?document_i...ic_id=8&page=0

http://www.sickbrain.org/?document_i...ic_id=8&page=0

Ciao e fammi sapere.

[Psyko83]

Sickbrain ti ci vuole na statua!!!!
Grazie ho trovato.

[Psyko83]

Sickbrain avrei un altro problemino...io ieri vidi quegli script che stavano sul sito, mi funzionano e vanno benissimo, ma per mettere un immagine oltre che negli angolli come fanno vedere li, anche sui lati? (alto, basso, sinistro e destro)
Ho fatto varie prove, ma nulla da fare!!
Ho addirittura creato una immagine contenente tutta la finestra e messa come sfondo del div...ma tanto bene non è venuto!!!
A parte il fatto che non si ridimensiona, ma il testo esce fuori dal div, facendo visualizzare la scritta che comincia fuori dal bordo sinistro della finestra e finisce fuori dal bordo destro della finestra. Ho provato con i margini, il padding, display:block ma niente di niente!!!

[Sickbrain]

:master: Non sono sicuro di aver capito bene il tuo problema.

Le immagini che utilizzi come sfondo per i box devono essere "ritagliate" secondo le tue esigenze e poi sarà il CSS, correttamente compilato, a fare il resto.

Per quanto riguarda il ridimensionamento del testo, sono sicuro che funziona, magari prova apostare un pò di codice

Ciao

[Psyko83]

Dunque io ho ritagliato i 4 lati della mia finestra + i 4 angoli. I 4 angoli grazie al codice che tu mi hai dato, vanno benissimo, ma se aggiungo 4 ulteriori div (ho provato a metterli sia al di sopra che al di sotto dei div contenenti gli angoli) in cui poi tramite css metterei i lati, tutto si distrugge!!!
Il dodice è identico e preciso a quello per creare gli angoli arrotondati che ho trovato nel link che mi hai dato, l'unica differenza è che ci sono le mie immagini con angoli ritagliati!!!

[Another-Life]

Tutto questo casino per dei semplici angoli arrotondati.....semplicemente creati l'immagine di background con gli angoli arrotondati(tramite Photoshop ad esempio) e vedi che il risultato sara senza eguali^^

[Psyko83]

Per gli angoli ho risolto da un bel pò!! Il problema sono i quattro lati, vanno per fatti loro!!!
Non si allineano ai 4 angoli precedentemente messi!!