Angoli arrotondati su barra di navigazione orizzontale

[TWD]

Ragazzi, chi mi da una mano?
Ho il seguente codice html

<div class="indentmenu">
<ul>[*]Pagina[*]Pagina[*]Pagina[*]Pagina[*]Pagina[*]Pagina[/list]
<br style="clear: left" />
</div>

e il CSS

.indentmenu{
	font: bold 13px Arial;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background: black url(sfondo-nav-1-px.png) repeat-x center center;
}

.indentmenu ul li{
	display: inline;
}

.indentmenu ul li a{
	float: left;
	color: #666; /*text color*/
	padding: 12px 11px;
	text-decoration: none;
}

.indentmenu ul li a:visited{
	color: #666;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
	color: #333 !important; /*text color of selected and active item*/
	/* padding-top: 10px; /*shift text down 1px for selected and active item*/
	/* padding-bottom: 8px; /*shift text down 1px for selected and active item*/ */
background: black url(sfondo-nav-angoli-dx.png) repeat-x center center;
}

che mi danno come risultato l'immagine allegata ottenuto.jpg; io vorrei però aggiungere a bordi sinistro e destro gli angoli arrotondati.

Ho provato in diversi modi ma senza risultati, mi date una mano p.f.?
Grazie

[pastoweb]

Non c'è l'immagine allegata... magari riesci a mettere la pagina online da qualche parte?

[essezeta]

secondo me l'immagine non la vediamo perché il sistema per allegare immagini è un po' "strambo" e confonde qui sul forum... (ed è un po' un peccato...) bisognera linkarle... ad ogni modo, come dice pastoweb, mostrare la pagina live è sempre meglio...

Comunque, in attesa che si possa vedere, posso consigliarti un'ottima soluzione per arrotondare gli angoli?
questa pagina che segue: angoli-arrotondati-con-i-css
e altre soluzioni che possono essere raggiunte chiedendo a google corner + fulciniti

Magari non fa al caso tuo (e postando il tuo esempio si capirà...), comunque io da quando l'ho conosciuta ho smesso di ritagliare e posizionare immagini...

ciao

[TWD]

ciao, eccomi qui. Grazie per le risposte, il fatto é che con il cms che utilizzo (un cms proprietario di un' azienda) non ho molte possibilità di aggiungere script, devo limitarmi al css se possibile.

Il link é il seguente: http://www.tacconipromotion.com/clienti/test/nav.php

L'idea sarebbe fare una navigazione in stile http://www.apple.com/

Provo comunque con la guida che mi avete indicato

grazie!

[essezeta]

mmh...
la soluzione della apple è piuttosto complessa...
considera che c'è questa unica grande immagine di sfondo
che viene posizionata a seconda del tasto...

Comunque ti basta creare UL + LI dimensionandoli perfettamente in altezza e larghezza e classando primo e ultimo in modo da settargli un background-image in :link e uno in :hover
(naturalmente dimensioni di ogni LI e delle immagini devono coincidere o comunque essere adatti)

Più o meno è quello che fai tu, o meglio che tenti di fare, perché mancano un po' di attributi ad ogni classe... sopratutto misure... ma anche altro

Una lettura alla guida css ti aiuterà, oppure se fai una buona ricerca trovi qualche esempio prefabbricato che puoi poi personalizzare con le tue misure e le tue immagini...

Io seguirei la seconda strada cercando poi di capirla a fondo con la guida...

buon lavoro...

[TWD]

Sei stato gentilissimo grazie, seguirò entrambi i consigli: guida + esempio, e cercherò anche di implementare lo script di fulciniti.

Grazie per l'aiuto!

[TWD]

porca miseria che roba complicata alla Apple