Newsgroup: it.comp.www.html
Titolo: Bordi arrotondati

Salve, avrei bisogno di creare una pagina bianca con dentro un logo e dei 
pulsanti, mi hanno chiesto di fare attorno al tutto un bordo arrotondato, ho 
provato a cercare ma parlano di CSS che non ho mai usato o di un modo con 
l'Html di farlo ma non riesco.
In pratica tutto dovrebbe essere bianco con attorno un bordo di 1 pixel nero 
con bordi arrotondati.
Qualcuno riesce a dirmi come posso fare?
Per il momento ho messo una tabella al 100% con dentro i pulsanti che mi 
interessano ma i bordi sono ovviamente quadrati.
Grazie
Andrea 

Nel suo scritto precedente, Andrea ha sostenuto :

Puoi farlo solo con un' immagine
-- 
Lello Vitello
cantautore alla bona:
www.lellovitello.it

 ho
Fai un'immagine con i bordi arrotondati e la metti come sfondo al testo, 
usando il programma che ti piace (Fireworks, PaintShopPro, PhotoShop, ecc).
Nello. 

 l'Html di farlo ma non riesco.
se vuoi qualcosa che funzioni anche per IE ti consiglio di crearti la tua
immagine con i bordi arrotondati. Le soluzioni che trovi in giro (a meno
che non ce ne siano che non conosco) cross-browser sfruttano comunque
immagini per creare i bordi.
-- 
"Ho smesso di fumare.
 Vivrò una settimana di più.
 E in quella settimana pioverà a dirotto"
									    W.A.

I bordi arrotondati li puoi fare solo con firefox/mozilla/netscape e solo su
bottoni (mi pare).
La soluzione più semplice e quella di creare un div più grosso della tabella
con settato come sfondo un'immagine della dimensione che ti serve con un
bordo da tre creato con un programma di disegno tipo paint o qualcos'altro.
poi inserisci la tabella da te preparata contenente il logo e i pulsanti e
la centri nel div.
Ciao

Andrea ha scritto:

Le possibilità, che io sappia, sono due:
Primo metodo:
I CSS. C'è una proprietà non standard che permette i bordi arrotondati.
Il problema è che, appunto, non è standard. Funziona solo sui browser
basati Gecko (Mozilla e derivati, in pratica).
Secondo metodo: (poco ortodosso)
Smanettare con le immagini.
Crearsi le seguenti immagini (più o meno) in gif o png:
- angolo basso destra
- angolo alto destra
- angolo basso sinistra
- angolo alto sinistra
- immagine della stessa larghezza delle precedenti, alta un pixel e con
un pixel colorato a destra
- idem ma con il pixel a sinistra
- idem ma verticale e con il pixel in alto
- idem ma verticale con il pixel in basso
Poi giocare un po' contando sulle proprietà width e height del tag <img>
Personalmente, utilizzerei i css. Funziona solo con Mozilla, ma si
suppone che diventi presto standard. Nel frattempo gli utenti non
mozilla vedranno i bordi quadrati, ma non è poi così terribile.
-- 
Lorenzo Breda

aNDREA, DEVI ASSOLUTAMENTE IMPARARE il CSS, è indispensabile siamo nel
2006, adesso col css si fa tutto, vedrai, ti renderà tutto più
semplice, altro che tabelle!!!! ci sono milioni di posti su internet
per imparare comincia con 
www.w3schools.com

 ha scritto nel messaggio
news:447ca103$0$18292$4faf...@reader1.news.tin.it...

Ciao, provo a suggerirti una soluzione semplicissima, il classico uovo di
colombo: crea una cornice con i bordi arrotondati con qualsiasi editor
grafico e mettila come sfondo, successivamente sopra ci metti i pulsanti, il
logo e quello che ti serve.
Vedrai che funziona senza darti alcun problema.
Semplice, no?
Un saluto.
Valerio Simonatti
Art Director
www.simonattivalerio.com

 ha scritto nel messaggio 
news:447ca103$0$18292$4faf...@reader1.news.tin.it...

metti un'immagine con i bordi arrotondati di sfondo alla cella della tabella 
.
Ciao.
---------------------------------------------------------
informatic-a | - | assistenza informatica a Treviso & web productions
sito web: 
www.informatic-a.it


Puoi utilizzare javascript.
Vedi ad esempio le librerie RICO 
http://www.openrico.org
Fa lavorare il client (cioč il browser..)
ciao
Marcello

 
prova a guardare qui : 
http://www.phpmyborder.com/
Ciao.
	MAX

Lello Vitello ha scritto:

Sbagliato !
Se non ha interesse a far si che si veda in quella cacchetta di IE, puo' 
sfruttare caratteristiche dei CSS3 che i browser basati su gecko 
(Mozilla, Camino, FireFox, ...) e KHTML (Konqueror, Safari, ...) 
supportano (forse anche il nuovo Opera).
Ciao

 basati Gecko (Mozilla e derivati, in pratica).
Come non e' standard ?
Seppur ancora non completi al 100%, questa caratteristica fa parte dei 
CSS3 , quindi : STANDARD :)
Ciao

 CSS3 , quindi : STANDARD :)
Se non sbaglio il CSS3 è una bozza di standard, e non uno standard
ufficiale (insomma, un browser standard è un browser che gestisce HTML
4.01, XHTML 1.0 e CSS2).
In ogni caso, la proprietà per i cosiddetti "bordi tondi", se non
ricordo male (non la ho mai usata) è:
mozilla-qualchecosa{}
il che fa capire che è di Mozilla e non del W3c.
-- 
Lorenzo Breda

Andrea wrote:

Stranamente nessuno ha nominato la soluzione ottimale e piuttosto semplice 
ideata e nel tempo ottimizzata da Alessandro Fulciniti: Nifty Corners.
==
- 
http://tinyurl.com/kb9sa
==
-- 
+-----------------------------------------+
| //lil - 
http://divxworld.altervista.org
 |
|     UP to you     
http://www.unnpro.com
 |
+-----------------------------------------+ 

 ==
Io sono andato a vedere phpmyborder segnalato appena sopra e mi sembra 
che usi proprio la soluzione (senza DOM) di Fulciniti.

si ma mozilla =E8 uno dei browser che funziona sugli standard,
quindi secondo me codificare in base a mozilla equivale a codificare
secondo il W3c
comunque anche io consiglio nifty corners di alessandro.

 secondo il W3c
No.
Mozilla aderisce agli standard molto bene (anche se non perfettamente:
non supera L'Acid Test 2). Ma integra alcune funzioni non standard.
Una cosa standard funziona (quasi) sempre con Mozilla e (praticamente)
sempre con Opera. Ma una cosa che funziona con Mozilla (e anche con
Opera, credo) non è necessariamente standard.
Il browser per testare gli standard, soprattutto quelli w3C receni
(draft comprese), è Amaya, fornito dal w3C setesso. Amaya, però, non
supporta benissimo alcuni aspetti del CSS e dell'SVG.
-- 
Lorenzo Breda