[cssdesign] R: Box arrotondati

[Costantini Claudia]

Scusate mancano le classi aux1/2/3 o sono assolutamente stordita? O_o

 

________________________________

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/20061108/7d2301f1/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/20061108/7d2301f1/attachment.gif