[cssdesign] R: Box arrotondati

[diaframma multimediaLAB]

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 
  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/58fdf3c5/attachment.htm 
-------------- parte successiva --------------
Un allegato non testuale è stato rimosso....
Nome:        non disponibile
Tipo:        image/gif
Dimensione:  4009 bytes
Descrizione: non disponibile
Url:         http://itlists.org/pipermail/cssdesign/attachments/20061108/58fdf3c5/attachment.gif