[cssdesign] R: Box arrotondati

[diaframma multimediaLAB]

si, mancano le classi, ho scirtto di fretta, scusate ma sto intrecciatissimo come non mai:

CODICE CSS:

.boxArrotondato  {

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

}

 

.boxArrotondato .aux1 {

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

}

 

.boxArrotondato .aux2 {

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

}

 

  

.boxArrotondato .aux3 {

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;

}





CI VOLEVA POCO A CAPIRLO, NON SCLERARE!!!

  ----- Original Message ----- 
  From: Costantini Claudia 
  To: cssdesign: tecnica e design ma con un occhio al mondo reale 
  Sent: Wednesday, November 08, 2006 10:37 AM
  Subject: Re: [cssdesign] R: Box arrotondati


  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 

    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



------------------------------------------------------------------------------


  _______________________________________________
  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/97d81370/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/97d81370/attachment.gif