28172 sujets

CSS et mise en forme, CSS3

Nifty Corner, long à se mettre en place

Bonjour à vous tous,
Je viens de mettre en place Nifty cube, le couple css / javascript qui permet d'obtenir des coins arrondis. Cela fonctionne, je n'ai pas de problème.
Par contre, il s'avère que ma page charge avec les DIV en rectangle dans un premier temps, et après quelques mili secondes les coins en arrondis se mettent en place (javascript opère après). Je trouve cela malheureusement pas très esthétique et je voulais savoir si vous aviez pu contourner ce problème ? J'ai cherché sur google, je n'ai rien trouvé.
Sur les exemples fournis avec, on ne vois pas ce chargement, mais j'imagine que c'est car le code est relativement simple.
Merci d'avance pour vos conseils.

Charlie
Bonjour Sylvain,
Donc oui c'est bien la dernière version.
Je ne peux malheureusement montré la page en ligne, mais voici le code HTML simplifié, et ou c'est long à charger. Parfois cela peut être instantané, mais souvent cela est long.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" lang="fr" xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/script/nifty/NiftyLayout.css" media="screen">

<script type="text/javascript" src="/script/nifty/niftycube.js"></script>
<script type="text/javascript" src="/script/nifty/niftyLayout.js"></script> 
  
<link rel="stylesheet" href="/images/style.css" type="text/css" media="all" />
<script type="text/javascript" src="/script/windows_js/javascripts/prototype.js"> </script> 
<script type="text/javascript" src="/script/windows_js/javascripts/window.js"></script>

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

<link href="/script/windows_js/themes/default.css" rel="stylesheet" type="text/css"/>
<link href="/script/windows_js/themes/alphacube.css" rel="stylesheet" type="text/css"/>


<!--[if IE 6]>
<style type="text/css">
img {behavior: url("/images/pnghack.htc");}
</style>
<![endif]-->
  <title></title>
  </head>
  <body>


<div class="contenu">
test mon contenu
</div>  

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
pageTracker._initData();
pageTracker._trackPageview();
</script>

  </body>
</html>


Sinon en effet je connais les autres méthodes, j'en utilisai justement une en CSS, mais le problème c'est que cela génère 4 div pour faire qq chose d'arrondis... je trouvais pas ca trop propre et puis je trouvai les différents paramètres de config de nifty intéressant.

Merci.
Modifié par winclick (13 Oct 2008 - 14:07)
Re,

Je ne suis pas un spécialiste javascript, mais il me semble que c'est "un peu" chargé tout ça, non ? Smiley ohwell
Sans doute un conflit avec une autre js ?!
Mais en l'état difficile à diagnostiquer (qui plus est en ce qui me concerne) même si la présomption est forte Smiley lol
Raison de plus pour te tourner vers une autre technique (css) et pour réfléchir posément sur le besoin réel :
1-D'utiliser autant de js (que donne le site sans js ?)
2-D'avoir des coins arrondis, un poil passé de mode...

Bref, évidemment tu restes maitre d'oeuvre, et le besoin découle peut-être des désidératats d'un client, mais cela mérite tout de même réflexion Smiley cligne

En attendant qu'une autre voix s'élève et vienne t'apporter son secours, je te souhaite une bonne après-midi.

Cdt,
Sylvain
Sujet clos
Aller à