Ho risolto angoli tondi Nifty e stesse dimensioni (non so dove mettere il post)

**Donovant** · 20-12-2007, 15:56

Ho risolto angoli tondi Nifty e stesse dimensioni (non so dove mettere il post), spero possa essere utile a qualcuno, in specie quando si vuole mettere un'immagine con angoli tondi, utilizzando "Nifty".

HTML:

codice:

<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div#container","all","#FFF", "#AAF", "smooth");
Rounded("div#photo","tl br","#AAF","transparent");
}
</script>

<body>
   <div id="container">
        <h1>CURRICULUM</h1>
        <ul id="dati">[*]Nome : <span>Simone</span>[*]Cognome : <span>Rotella</span>[*]Citta' : <span>Catanzaro</span>[*]Data di nascita : <span>xx/xx/xxxx</span>[*]Residente : <span>S.Elia</span>     [/list]
        <div id="photo">[img]simone.jpg[/img]</div>
                          
        <div id="testo">
             <div id="box_testo">
                  <h3>TITOLO1</h3>
                  <span class="txt">
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                  </span>
             </div>
             <div id="box_testo">
                  <h3>TITOLO1</h3>
                  <span class="txt">
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                  </span>
             </div>               
             <div id="box_testo">
                  <h3>TITOLO1</h3>
                  <span class="txt">
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                  </span>
             </div>
        </div>
              
  </div>
       
</body>

CSS:

codice:

<style type="text/css">

*{ overflow:auto; margin:0; padding:0}
body{padding:0 10px;}

div#container{background:#AAF;
width:100%;
margin:30px 0 0 0;
padding:0px;
border:0px solid red;
}

div#box{padding:0px;
border:0px solid Black;
float:left;
clear:right;
display:inline;
width:100%;
}

h1{font: bolder 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align:center;
   width:100%;
   border:0px solid black;
   margin:10px 0;
}

ul#dati, ul#dati li{margin:0;
                    padding:0;
                    list-style:none;
                    font-weight: bolder;
}
ul#dati{
border:0px solid Black;
padding:1.5%;
float:left;
width:57%!important;
width /**/:60%;
}

li span{font-weight: normal; border-bottom:1px dotted Gray;}

#photo{
display:inline;
float:right;
background:url("simone.jpg") no-repeat top left;
margin-right:3%;
overflow:hidden;
width:100px;
height:130px;
}



img{
display:inline;
height:120px;
width:0;
}

#testo{
clear:both;
border:0px solid;
padding:1%;
width:98% !important;
width /**/:100%;

}
div#box_testo{
border:0px solid #666;
margin-top:20px; 
padding:0px;
float:left;
}
span.txt{font-size:14px;}

</style>

**Mich_** · 20-12-2007, 15:58

Hai gia` un thread aperto sullo stesso argomento. Se hai aggiornamenti o aggiunte puoi continuare su quello.

Questo lo chiudo.

Discussione: Ho risolto angoli tondi Nifty e stesse dimensioni (non so dove mettere il post)

Strumenti discussione

Ricerca discussione

Visualizza

Ho risolto angoli tondi Nifty e stesse dimensioni (non so dove mettere il post)

Permessi di invio