28172 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

Salut,

Verifie les chemins de tes images pour tes backgrounds, Il me semble qu'IE
ne traite pas de la même manière background:url(/images/recjou.jpg)no-repeat top center;
et background:url(images/recjou.jpg)no-repeat top center;

A voir?
Bonjour Ghost,
J'avais déjà essayer mais pas espoir j'ai réessayer et non ca ne marche pas.
Pire, sous cette forme, même firefox ne les reconnait plus Smiley decu

Dur dur....
Salut, salut,

Je n'ai pas suivi le débat, juste une remarque concernant certaines de tes déclarations qu'IE a semble t-il du mal à interprêter :

#topcaten2 {
background:url(/images/topcaten2.jpg)[b][#red](mettre absolument un espace)[/#][/b]no-repeat center top;
height:29px;
}

Et tu en as quelques unes comme cela...

Pas sûr que cela règle tes petits soucis (certainement pas ceux de validité du code Smiley lol ) mais cela résoudra certainement quelques différences d'affichage...sans hacks, sans commentaires conditionnels... Smiley cligne

Cdt,
Sylvain
Re,

Dans le style détails mais qui peuvent avoir une influence.

<link href="http://www.recettes2chefs.fr/Themes/Default/iehacks.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://www.recettes2chefs.fr/Themes/Default/iehacks.css" />
<![endif]-->


une déclaration de css pour tous les navigateurs et la même en conditionnel pour ie<7 Smiley cligne
Re encore

Pour clarifier les choses, j'ai supprimé tous les scripts de pub Smiley biggol
et les css associées et avec ton html (épuré) et cette css j'ai une image de fond qui apparait Smiley smile

* {
font-family:Verdana, arial, Trebuchet MS;
outline:0;
border:0 none;
text-decoration:none;
white-space:normal;
margin:0 auto;
padding:0;
}
h2 {
	background:#ffe0a0;
	margin:8px 4px;
	}

#headerme {
text-align:center;
}
#nouvrec {
position:absolute;
width:250px;
}
#plusvus {
padding-left:260px;
}
#topcaten2 {
background:url(/images/topcaten2.jpg)no-repeat center top;
height:29px;
}
#topcatcat {
background:url(/images/topcatcat.jpg)no-repeat center top;
height:29px;
}
#topcatflu {
background:url(/images/topcatflu.jpg)no-repeat center top;
height:29px;
}
.topcatcon {
background:url(/images/topcatcon.jpg)no-repeat center top;
height:29px;
}
#topcatser {
background:url(/images/topcatser.jpg)no-repeat center top;
height:29px;
}
.midcat {
background:url(/images/midcat.jpg)repeat-y center;
}
.bascat {
background:url(/images/bascat.jpg)no-repeat center bottom;
height:24px;
}

.tablerecjou {
background:url(http://www.recettes2chefs.fr/images/recjou.jpg);
float:right;
height:274px;
margin-right:10px;
width:200px;
}
Merci mille fois 6l20 ! Le problème venait bien de l'espace entre les ) et les repeat/no-repeat !
Enfin IE8 m'affiche les background !

Merci également a toi Ghost d'avoir été aussi présent Smiley smile

Les nombreuses erreurs restante pour la validation sont majoritairement du a la structure des url mais comme je vais m'attarder maintenant sur l'url rewriting (qui sois dit en passant s'active dans l'administration mais ne crée pas de .htaccess donc...) et je pense que ça réglera encore beaucoup d'erreurs Smiley smile puis enfin les quelques tables restante a passer en div et ca devrait être pas mal.

Encore merci a vous, désormais Alsacréation entre dans mes favoris.

A bientôt.


Edition :
Ghost, j'avais du espacer les no-repeat en même temps que tu virait le code car le css que tu me donne est celui que j'ai dans mystyle.css

En faites dans le index.php il n'y en a pas, c'est un include de style.php qui permet de gérer quelques zone du templates via l'administration mais je sais pas si je vais pas tout recoller en un seul css...

Pour les pubs, j'ai juste placer le tag promobenef et voilà le résultat...Je m'en vais de ce pas regler les campagnes Smiley smile

Encore merci.
Modifié par thanatos (02 Mar 2009 - 16:57)
Pages :