nifty corners difettosi

**Magnaccio** · 04-03-2009, 00:44

Salve gente.
Ho provato ad utilizzare questi benedetti nifty corners seguendo le lezioni html.it.
Ma purtroppo mi danno errori stranissimi. Eccovi un'immagine:

http://img125.imageshack.us/my.php?image=immaginea.jpg

Il codice css è questo:

Codice PHP:


body {   background-image: url(slash.png); }

 DIV#layout {   margin: auto;   margin-top: 30px;   padding: 50px;   width: 850px;   height: 600px;   background: white;    }

DIV#pannello {   margin: auto;   width: 400px;   height: 300px;    background: red; }

E questo l'html:

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  

<HTML>

 <HEAD> 

<LINK type="text/css"       rel="stylesheet"       href="style.css" >  

<script type="text/javascript" src="niftycube.js"></script> 

<script type="text/javascript"> 

window.onload=function() { 

 Nifty("div#pannello","big");

 } 

</script>

 </HEAD>

 <BODY>

 <DIV id="layout"> 

     <DIV ID="pannello">  

      CIao ciao    

    </DIV>

   </DIV>

 </BODY> 

</HTML>

Ho creato qualcosa di semplice in modo da postarlo più facilmente.
Ora non capisco perchè mi esca quello scarabocchio li. Sicuramente le librerie le riconosce, visto che comunque arrotonda la parte superiore del box.

Spero possiate aiutarmi, a presto e grazie!

Marco

**artorius** · 04-03-2009, 12:03

Ma i CSS di NiftyCorners non li importi?

Ah, no aspetta, è NiftyCube non NiftyCorners...

Hai scaricato il file niftyCorners.css e lo hai messo nella directory della pagina?

**Magnaccio** · 04-03-2009, 12:44

Si scusa, i nifty cube.
Si si li ho messi nella stess directory, infatti se vedi l'immagine in effetti arrotonda qualcosa...ma in modo tutto sbagliato. Quindi non capisco dove sia l'errore...

**artorius** · 04-03-2009, 13:14

è l'altezza: tu non puoi impostare l'altezza all'elemento nel quale applichi il nifty, devi mettere un elemento al suo interno con altezza fissa:

codice:

body {   background-image: url(slash.png); }
DIV#layout {   margin: auto;   margin-top: 30px;   padding: 50px;   width: 850px;   height: 600px;   background: white;    }
DIV#pannello {   margin: auto;   width: 400px;   background: red; }
DIV#pannello div{height: 300px; padding-top: 20px}

codice:

<DIV id="layout">
	<DIV ID="pannello">  
		<div>
			CIao ciao    
		</div>
	</DIV>
</DIV>

**Magnaccio** · 04-03-2009, 13:18

Cioè in pratica imposto solo la larghezza, lasciando impostare a lui l'altezza in automatico?

**artorius** · 04-03-2009, 13:47

no, l'altezza non la puoi impostare all'elemento sul quale applichi l'effetto, per dargli un altezza devi inserire un div con l'altezza voluta al suo interno, in modo che la becchi anche lui.

**Magnaccio** · 04-03-2009, 14:27

Ah ok, chiarissimo. Grazie mille!

Discussione: nifty corners difettosi

Strumenti discussione

Ricerca discussione

Visualizza

nifty corners difettosi

Permessi di invio