28172 sujets

CSS et mise en forme, CSS3

CSS, pied, IE et Javascript

Bonjour,

J'ai besoin d'un petit coup de pouce sur des points de détails (pas tous sur du css, mais probablement faciles) pour la toute fin d'un site qui temporairement se trouve à:
http://s315158142.onlinehome.fr/[/ulr]

les exemples que je donne sont à visionner sous IE (pour les deux premiers points, tout baigne sur IE8, FF, GC, etc., j'ai aussi validé le CSS que j'ai construit à partir d'un gabarit proposé sur ce site):

1- problème de compatibilité avec IE7 (quand on clique sur affichage de compatibilité avec navigateurs plus anciens que IE8, on obtient des marges gauche et droite stupides
j'ai écrit:
<LINK REL="stylesheet" TYPE="text/css" HREF="automed.css">

<?php if (ereg("MSIE 7", $_SERVER["HTTP_USER_AGENT"])) {echo '<link href="automed-IE.css" media="all" rel="stylesheet" type="text/css">';}?>


Mais que dois-je changer dans automed-IE.css, pour améliorer l'affichage des marges (pas de possibilité de marge négative)?
J'ai essayé de jouer sur les gabarits, mais cela ne marche pas
#centre {
background-color : #6dfcbf;
margin-left : 160px;
margin-right : 260px;

#gauche {
float : left;
width : 160px;
}
#droite {
float : right;
width : 260px;


2- autre problème de compatibilité avec IE7 (quand on clique sur affichage de compatibilité avec navigateurs plus anciens que IE8, on obtient en haut un affichage disgracieux) sur les options de auto-évaluation (en haut de la page) dans boites Profil / Localisation / Problème, déplacées un peu vers le haut et entourées de couleur blanche. Que dois-je changer, svp ?

3- un petit problème plus facile qui concerne l'insertion d'un javascript dans le menu pied (j'ai essayé plein de combinaisons et j'ai lu plein de tutos sur css mais je n'ai pas trouvé le bon). J'ai un menu défilant que je veux voir afficher dans le bloc pied, mais quand je l'appelle entre les 2 <head>, cela ne marche pas, quand je l'appelle dans le menu pied, cela marche mais même avec une largeur fixée de 800, il est limité à quelque chose comme 60 pixels comme affiché sur la page (tout en bas). Je ne sais que faire à part m'arracher les cheveux. Ce n'est pas critique, car en fait, j'ai introduit ce js uniquement car le validateur W3C me jette sur le <MARQUEE> et je voulais faire bien.

4- le validateur W3C me pointe du doigt aussi sur le sondage et il semble là que ce soit sur le script de phpolls.inc, j'ai déjà corrigé quelques détails, mais je suis bloqué sur les erreurs suivantes (liées):
* Line 306, Column 192: cannot generate system identifier for general entity "go" : …m><center><a href='index.php?result=1&go=1'> Résultats</a></center></td></tr>
* Line 306, Column 192: general entity "go" not defined and no default entity : …m><center><a href='index.php?result=1&go=1'> Résultats</a></center></td></tr>
* Line 306, Column 194: reference to entity "go" for which no system identifier could be generated: …<center><a href='index.php?result=1&go=1'> Résultats</a></center></td></tr></t…
* Line 306, Column 191: entity was defined here : …rm><center><a href='index.php?result=1&go=1'> Résultats</a></center></td></tr>…
5- je suis en mode HTML 4.01 Transitional et pourtant W3C pointe une erreur liée à un JS avec appel dans le tableau comme... cellpadding="6" cellspacing="0"><tr name="ligne" onclick="selec(this)" onmousemover: Line 354, Column 377: there is no attribute "NAME"
Par quoi faut-il remplacer l'attribute name (le commentaire du W3C concerne Flash et cela n'a rien à voir et sur le présent forum j'ai trouvé un fil approchant mais il date de 2005 et ne traite pas de name dans un <tr>)?

Merci de votre aide ou de pistes appropriées.

Steph
Modifié par Stephdem (12 May 2010 - 16:30)
Bonjour Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Merci Laurie-Anne, j'ai ajouté les balises et cela marche avec copier-coller.
Juste cette réaction pour signaler positivement que le lien éditer dans ta phrase "bien vouloir éditer ton message" est inactif (brisé).
Merci de ton engagement en tant que modérateur de ce forum.
Steph
UP

Aucune réponse à cette demande pourtant avec plusieurs possibilités d'aide.
J'ai passé des heures depuis sans avancer.
Pour la question 3, j'ai même changer le JS et j'ai essayé plusieurs types de display et en ajoutant un nouveau menubas séparé de menupied

#menubas {
display : block;
list-style-type : none;
margin : 2em 1em 1em 1em;
padding : 0;
color : #004020;
}
#menubas li {
display : inline;
}
#menubas a {
margin : 0 2px;
color : #004020;
text-decoration : underline;
}
#menubas a:hover {
background : #ffffcc;
text-decoration : none;
}
#fenetre{position:relative; overflow:hidden; width:175px; float: left; display: block; margin-left: 20px; height: 183px;}
#scrollbox{position:relative; overflow:hidden; width:175px; float: left; display: block; margin-left: 20px; height: 183px;}

Rien de mieux.
Sans aucune réponse de votre part, je ne sais pas si les problèmes sont insolubles avec les gabarits de css choisis ou si c'est trop facile.
Merci d'avance
Steph
Sujet clos
Aller à