[cssdesign] R: R: Box arrotondati

[Zullo Barbara]

Diaframma, il libro di Troiani ce l’ho già. ;) L’esempio indicato non fa proprio al caso mio perchè io devo mostrare solo il contorno del box.

Ho provato con altri esempi trovati nei link che mi avete indicato.

Nessuno fa proprio esattamente al caso mio. :D

Ho provato a modificare il codice ma per ora sto ancora combattendo. :-)

Ringrazio tutti per il supporto.

 

Barbara

 

________________________________

Da: cssdesign-bounces a itlists.org [mailto:cssdesign-bounces a itlists.org] Per conto di diaframma multimediaLAB
Inviato: mercoledì 8 novembre 2006 10.28
A: cssdesign: tecnica e design ma con un occhio al mondo reale
Oggetto: Re: [cssdesign] R: Box arrotondati

 

BOX A LARGHEZZA LIQUIDA CON ANGOLI ARROTONDATI:

 

CODICE XHTML:

<div class="boxArrotondato">

<div class="aux1">

<div class="aux2">

<div class="aux3">

<h1>Lorem ipsum mea</h1>

<p>sale liqui laoreet ei...</p>

<p<Fastidi patrioque...</p>

</div>

</div>

</div>

</div>

 

CODICE CSS:

.boxArrotondato {

background:#CCC url(angolo_sup_sx.gif) left top no-repeat; width:100%;

}

 

.boxArrotondato {

background:#CCC url(angolo_sup_dx.gif) right top no-repeat; width:100%;

}

 

.boxArrotondato {

background:#CCC url(angolo_inf_dx.gif) right bottom no-repeat; width:100%;

}

 

  

.boxArrotondato {

background:#CCC url(angolo_inf_sx.gif) left bottom no-repeat; width:100%;

}

 

.boxArrotondato h1 {

font-size:1em;

margin:0;

padding:10px;

}

 

boxArrotondato p{

margin:0;

padding:0 10px 10px 10px;

}

 

 

 

PS

 

CSS giuda completa di Gianluca Troiani, Apogeo editore € 35.00

Buon lavoro ;-}

 

	----- Original Message ----- 

	From: Zullo Barbara <mailto:Barbara.Zullo a beta80group.it>  

	To: cssdesign a itlists.org 

	Sent: Wednesday, November 08, 2006 10:07 AM

	Subject: [cssdesign] R: Box arrotondati

	 

	Grazie a tutti per i consigli molto interessanti.

	Ma nel caso in cui avessi bisogno di creare il box arrotondato senza far uso di javascript (caso accessibilità) e nel caso in cui avessi bisogno che il box non sia a larghezza fissa come posso fare?

	 

	Barbara

	 

	 

	
________________________________


	Da: cssdesign-bounces a itlists.org [mailto:cssdesign-bounces a itlists.org] Per conto di Zullo Barbara
	Inviato: martedì 7 novembre 2006 18.34
	A: cssdesign a itlists.org
	Oggetto: [cssdesign] Box arrotondati

	 

	Ciao a tutti,

	qualcuno sa aiutarmi su come posso realizzare il box mostrato nell’immagine sottostante?

	Ho provato in tutti i modi utilizzando nell’xhtm i div e mettendo immagini e stile nel css ma ho avuto esito negativo.

	Sono riuscita a realizzarlo solo con l’uso di tabella.

	Ho provato anche ad utilizzare gli esempi sparsi su internet ma non ne ho trovato uno che facesse al caso mio e che comunque venisse visualizzato correttamente su tutti i browser.

	E’ possibile realizzarlo con l’uso dei div e che vada bene su tutti i browser?

	Grazie

	 

	Barbara

	 

	 

	
________________________________


	_______________________________________________
	cssdesign mailing list
	cssdesign a itlists.org
	http://itlists.org/mailman/listinfo/cssdesign 

	
________________________________


	No virus found in this incoming message.
	Checked by AVG Free Edition.
	Version: 7.1.409 / Virus Database: 268.13.32/523 - Release Date: 07/11/2006

-------------- parte successiva --------------
Un allegato HTML è stato rimosso...
URL: http://itlists.org/pipermail/cssdesign/attachments/20061109/1f00f72f/attachment.htm 
-------------- parte successiva --------------
Un allegato non testuale è stato rimosso....
Nome:        non disponibile
Tipo:        image/gif
Dimensione:  4009 bytes
Descrizione: image001.gif
Url:         http://itlists.org/pipermail/cssdesign/attachments/20061109/1f00f72f/attachment.gif