28173 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde;

J'avais une question simple pour les experts :

existe-t-il une limite au nombre de declaration de style text/css pour IE6 ?

voici ce que j'affiche à la volée en incrémentant $i et en changeant $ssrubriqueZ à chaque changement de rubrique :


$i=0;
if ($articlea->$type_cli == "oui") {
echo "
<style type=\"text/css\">
#$ssrubriqueZ$i {
display: inline;
float: left;
width: 105px;
height: 72px;
text-align: left;
background: url(http://www.example.com/medias/img/$info_picto_over) center center no-repeat;
}
#$ssrubriqueZ$i a {
display: block;
width: 100%;
height: 100%;
background: #fff4a4 url(http://www.example.com/medias/img/$info_picto) center center no-repeat;
color: #fff4a4;
}
#$ssrubriqueZ$i a:hover {
background: transparent none;
}
#$ssrubriqueZ$i a span {
display: none;
font-weight: bold;
text-transform: lowercase;
}
</style>
";


if ($info_swf != "" )
{
echo "<div id=\"$ssrubriqueZ$i\"><a href=\"http://$host/"."$rubrique_id1"."-"."$ssrubrique_id1"."-"."$info_txttitrehtml".".php5\"><img src=\"http://www.example.com/medias/img/cache-video.gif\" border=\"0\" alt=\"$alt_picto\" width=\"90\" height=\"70\"></a></div>";
} 
else 
{
echo "<div id=\"$ssrubriqueZ$i\"><a href=\"http://$host/"."$rubrique_id1"."-"."$ssrubrique_id1"."-"."$info_txttitrehtml".".php5\"><img src=\"http://www.example.com/medias/img/point-blank.gif\" border=\"0\" alt=\"$alt_picto\" width=\"90\" height=\"70\"></a></div>";
}

$i++;
} else {}


Sa fonctionne parfaitement sur Firefox, 90 résultats affichés sans problemes, par contre sur IE6 sa s'affiche correctement jusqu'au 29-30eme resultat, puis l'affichage des résultats suivants plante complet.. (passages a la ligne, image et rollover invisible .)

Quelqu'un aurai-t-il une idée sur l'origine du problême ?
Modifié par SeTyR (28 Jul 2006 - 11:39)
Bonjour,

Une question comparable avait déjà été posée il y a quelques mois, et il me semble bien qu'une limite au nombre de <link> avait été mise à jour. Faire une recherche dans le forum.
Bonjour Laurent;

Je n'ai pas trouvé le thread en question, aussi je ne pense pas qu'il m'aiderai puisque je n'utilise pas de balise <link> ;

Je penche plutôt pour un probleme de cache d'image different sur IE6 et FF

Qu'en pensez-vous ?

(si quelqu'un veut voir le rendu reel, envoyer moi un petit mp, je ne veut pas faire de pub pour ma boite)
ce que je ne saisis pas bien, c'est pourquoi ces CSS répétées ? Il y a une raison de ne pas utiliser une classe ? (je n'ai pas testé plus avant)
pourquoi des css repetés ? parce que j'ai pas trouvé d'autre moyen de faire changer les variables $info_picto et $info_picto_over (les url de mes images normales et hover..)

en effet, ils changent et sont strictement differents pour chaque produit dont j'affiche le picto et son mouseover
On peut avoir un aperçu du code HTML produit ? (j'ai un affreux soupçon, là, sur un abus de CSS caractérisé)
Modifié par Laurent Denis (28 Jul 2006 - 14:08)
Laurent, je viens de t'envoyer l'url sur ton mail Smiley smile

l'abus est-il dangereux .. ? Smiley murf
Modifié par SeTyR (28 Jul 2006 - 14:13)
SeTyR a écrit :
l'abus est-il dangereux .. ? Smiley murf


affreux, l'abus. A-f-f-reux. Je regarde ça après déjeuner (c'est encore l'heure du barbecue, là, désolé)
Modifié par Laurent Denis (28 Jul 2006 - 14:15)
SeTyR a écrit :
pourquoi des css repetés ? parce que j'ai pas trouvé d'autre moyen de faire changer les variables $info_picto et $info_picto_over (les url de mes images normales et hover..)

Même dans ce cas, il aurait été utile de factoriser et d'optimiser un peu, non ?

Si seule les url des images de fond changent, autant mettre toutes les autres propriétés dans une classe commune.
Pour mémoire, on peut utiliser plusieurs classes pour un même élément :
<p class="paragraphe-general paragraphe1">Bla bla.</p>
<p class="paragraphe-general paragraphe2">Bla bla.</p>
<p class="paragraphe-general paragraphe3">Bla bla.</p>

Ça reste un peu lourd, mais c'est déjà ça de pris.

Sinon, si les images changent pour chaque lien, c'est qu'il ne s'agit pas de simples images de décoration, si ? Et une image de contenu, ça va où ? Ben dans le contenu. Et le contenu, c'est dans le HTML ou dans la CSS ? Smiley lol