Newsgroup: it.lavoro.professioni.webmaster
Titolo: Barra Menu arrotondata: che tecnica seguire?

Vorrei avere una barra del menu come quella che si vede qui:
http://tinyurl.com/6xevsg
Quale tecnica seguireste?
Lě usa le tabelle e quindi la scarto a priori, anche se č il risultato 
che vorrei.
Il metodo piů corretto penso sia bordino sx - repeat scuro - repeat 
chiaro - bordino dx, solo che sto avendo dei problemi (con IE non ne 
parliamo...).
Sarebbe molto comodo ovviamente avere l'immagine intera bella pronta, ma 
mi sembra sia un po' una bestemmia...
Come fareste? Grazie

 sembra sia un po' una bestemmia...
in pratica sembra il menu apple
io farei bordino sx, bordino dx (di inizio e fine menu) e poi in mezzo 
un semplice bg da ripetere orizzontalmente.
Il separatore lo puoi tranquillamente fare con la pipe | o con un 
border-right: 1px.
cmq se cerch in giro sicuramente trovi esempi in merito
(prova apple css tab menu o simili)
ciao
-- 
Giacomo
  np: (Foobar is not active ;-)

 in pratica sembra il menu apple
Ho visto che proprio la apple usa la barra intera:
http://images.apple.com/global/nav/images/globalnavbg.png
Che sia forse non poi tanto deprecabile?
Inoltre per curiosità, come fa a usare una png sola per tutti i vari 
colori degli hover e dei selected?

 colori degli hover e dei selected?
La usa come background-image da css, posizionando il background in modo da 
dare i vari effetti sugli eventi :hover, :active, ecc. dei link <a>
Non mi ricordo come si chiama la tecnica, ma prova a guardare il css della 
Apple.
Bye.

 degli hover e dei selected?
nei vari "hover" "active" "select" sposta il bacgkround grazie al 
position verticale (aggiungendo o sottraendo un numero di pixel pari 
all'altezza della barra orizzontale)
Ho usato spesso questa tecnica, in casi analoghi anche se non proprio 
uguali e ti avrei dato la dritta in seguito :)


 colori degli hover e dei selected?
deve solo spostare la png con top e left... si sarà scritto una funzione 
apposita per farlo in maniera più elegante 

 che vorrei.
[cut]
Ciao,
io li faccio solo con CSS tramite uno script che si chiama
CurvyCorners (
http://groups.google.it/group/curvycorners
); devi un po'
leggere le istruzioni se vuoi adattarlo per bene, ma nel sito
ufficiale (
http://www.curvycorners.net/
) l'esempio è piuttosto chiaro.
Io lo uso anche in concomitanza con altri JS nella stessa pagina, ma è
meglio se lo provi da solo all'inizio :)
Gabriele

 (
http://www.curvycorners.net/
)
interessante solo che con firefox mi è impossibile visualizzare il secondo 
esempio, va sempre in crash :( 

On 16 Dic, 16:22, "Marco Arcuri"

Strano, a me non dà problemi.
Uso sto sistema da qualche mese, sia utilizzando lo script "da
solo" (ma sempre tramite JS esterno), o anche concatenando più
"onLoad" perché ho un altro script per gestire un paio di pop-up (che
funziona anche con blocco pop-up attivo).
L'ho anche usato mescolando l'applicazione dei bordi arrotondati sia
con gli ID che con le classi applicate ai DIV.
Di solito uso Safari, ma testo con FF, Opera e Mozilla; per Explorer
uso browsershots.
Se ti va in crash, prova a lasciare un msg nel gruppo che ti ho
indicato.
Gabriele

> Lь usa le tabelle e quindi la scarto a priori
mah, non condivido...
usando bene le tabelle ottieni la compatibilitр migliore con il maggior 
numero di sistemi e di browser...
-- 
јЄКА`АКЄј,ИИ,јЄКА`АКЄј,ИИ,јЄКА`АКЄј,ИИ,јЄКА`АКЄј,ИИ,јЄКА`АКЄј,И
http://HyperPublish.com/ita/
  Cataloghi, CD e siti con un solo
                               programma accessibile a tutti!
http://EasyWebEditor.com/ita/
 Crea il tuo sito Web
http://CDFrontEnd.com/ita/
    Realizza CD, presentazioni
http://PaperKiller.com/ita/
   Edita manuali o HTMLHelp, CHM
http://EBooksWriter.com/ita/
  Esprimi il tuo talento!
Visual Vision - 
http://visualvision.com
 
http://visualvision.it
leader in hypertext authoring       [ASP members, ESC members]