28112 sujets

CSS et mise en forme, CSS3

hello!
je suis en train de personnaliser une plateforme de blogs lifetype que j'ai installée pour mon site...
pour ceux qui ne connaitraient pas, le design est (pour moi en tous cas) assez difficile à retravailler...les pages s'appellent les unes les autres avec des css et un systeme de templates (fichiers.template)
voici la page d'accueil:
http://blog.frequenceplusfm.com
j'essaie de rajouter,sous le bloc "nouveaux blogs) un autre bloc pour des liens qui renvoient vers mon site, mon forum etc...
sous ie, ça semble fonctionner au niveau de la mise en page...
mais sous firefox, la page est nickel avant que je rajoute ce bloc, puis une fois que je mets le bloc "lien", c'est toute la mise en page qui saute...
pourriez vous jeter un oeil et m'expliquer comment je dois procéder pour que les 2 navigateurs interpretent de la meme facon la mise en page?

Merci d'avance car ça fait une semaine que je bloque là dessus et je suis de plus en plus perdu...
ogd
Je viens de voir, effectivement, ça passe sous IE, mais pas sous un autre navigateur.

Je n'ai pas le temps de voir le code. Est-ce que tu utilise des position fixed ? Parce que IE les interprète mal. En tous, si ça marche sous IE, c'est surement un coup de chance...

Une chose qui attire mon attention, c'est que même certains cadre ne sont pas déssiné avec autre chose que IE.

Je repasserai... mais en attendant, je pense que peut-être si tu essayais de faire un modèle simplifier, et de le compléter petit à petit, tu découvrirais à quel moment apparait l'erreur.

à+ (je repasse demain, je pense)
hello!
le soucis, c'est que je pars d'un css déjà existant, celui fourni avec l'ensemble du blog...
j'ai essayé de repartir de zero avec un nouveau css, mais comme il y a un systeme de templates, avec des codes appelant (comme des includes j'imagine) d'autres codes pour construire tant le contenu que le contenant, je me suis gentillement planté...
en fait, avant que je ne crée le "bloc liens", la page s'affiche nickel sous ie et Firefox...donc je pense que c'est le code que je mets dans la css ou le html pour ce nouveau bloc qui gache tout...mais le souci, c'est que si au lieu de mettre mon nouveau bloc je double, par ex le bloc "nouveaux blogs", j'obtiens le meme problème d'affichage... (je sais pas si je suis tres clair la...)
je suis vraiment en train de decouvrir le css etc...et là, je m'attaque a gros j'ai l'impression, mais j'ai vraiment envie de reussir...
merci
Modérateur
bonjour,

as tu tenter de passer ta page au validateur du w3c ?
pour deloger d'eventuelles erreurs de codage (x)html ? et css ?
ça rejoint l'idée de hibou , simplifier et nettoyer ce que tu as deja fait avant d'aller plus loin et de repartir sur de bonne bases.

++
voilà le resultat:

Error Line 59 column 26: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <div id="lastarticles">
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 

&#9993; 

Error Line 64 column 12: end tag for "div" omitted, but OMITTAG NO was specified.
        </h4>
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 

&#9993; 

Info Line 59 column 4: start tag was here.
    <div id="lastarticles">
Error Line 72 column 13: ID "lastarticles" already defined.
    <div id="lastarticles">
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 

&#9993; 

Info Line 59 column 13: ID "lastarticles" first defined here.
    <div id="lastarticles">
Error Line 72 column 26: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <div id="lastarticles">
&#9993; 

Error Line 74 column 8: end tag for "div" omitted, but OMITTAG NO was specified.
    </h4>
&#9993; 

Info Line 72 column 4: start tag was here.
    <div id="lastarticles">
Error Line 76 column 6: document type does not allow element "p" here; assuming missing "li" start-tag.
    <p><a target="_blank" href="http://www.frequenceplusfm.com">Fr&#233;quence P
&#9993; 

Error Line 76 column 17: there is no attribute "target".
    <p><a target="_blank" href="http://www.frequenceplusfm.com">Fr&#233;quence P
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). 

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. 

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. 

&#9993; 

Error Line 82 column 8: end tag for "li" omitted, but OMITTAG NO was specified.
    </ul>
&#9993; 

Info Line 76 column 4: start tag was here.
    <p><a target="_blank" href="http://www.frequenceplusfm.com">Fr&#233;quence P
Error Line 94 column 9: ID "lastarticles" already defined.
<div id="lastarticles">
&#9993; 

Info Line 59 column 13: ID "lastarticles" first defined here.
    <div id="lastarticles">
Error Line 94 column 22: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
<div id="lastarticles">
&#9993; 

Error Line 99 column 6: end tag for "div" omitted, but OMITTAG NO was specified.
  </h4>
&#9993; 

Info Line 94 column 0: start tag was here.
<div id="lastarticles">
Error Line 132 column 23: end tag for element "div" which is not open.
    </div>  </div></div>
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem. 

If this error occured in a script section of your document, you should probably read this FAQ entry. 

&#9993; 

Error Line 147 column 13: ID "lastarticles" already defined.
    <div id="lastarticles">
&#9993; 

Info Line 59 column 13: ID "lastarticles" first defined here.
    <div id="lastarticles">
Error Line 147 column 26: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <div id="lastarticles">
&#9993; 

Error Line 152 column 12: end tag for "div" omitted, but OMITTAG NO was specified.
        </h4>
&#9993; 

Info Line 147 column 4: start tag was here.
    <div id="lastarticles">
Error Line 160 column 13: ID "lastarticles" already defined.
    <div id="lastarticles">
&#9993; 

Info Line 59 column 13: ID "lastarticles" first defined here.
    <div id="lastarticles">
Error Line 160 column 26: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <div id="lastarticles">
&#9993; 

Error Line 168 column 5: end tag for "div" omitted, but OMITTAG NO was specified.
	</h4>
&#9993; 

Info Line 160 column 4: start tag was here.
    <div id="lastarticles">
Error Line 179 column 20: end tag for element "div" which is not open.
               </div>
&#9993; 

Error Line 182 column 13: ID "lastarticles" already defined.
    <div id="lastarticles">
&#9993; 

Info Line 59 column 13: ID "lastarticles" first defined here.
    <div id="lastarticles">
Error Line 182 column 26: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <div id="lastarticles">
&#9993; 

Error Line 187 column 15: end tag for "div" omitted, but OMITTAG NO was specified.
           </h4>
&#9993; 

Info Line 182 column 4: start tag was here.
    <div id="lastarticles">
Error Line 206 column 20: end tag for element "div" which is not open.
               </div>
&#9993; 

Error Line 207 column 5: end tag for element "div" which is not open.
</div>
&#9993; 

Error Line 208 column 11: end tag for element "div" which is not open.
      </div>
&#9993; 

Error Line 209 column 9: end tag for element "div" which is not open.
    </div>


je vais tenter de verifier tout ca et je reviens...
merci beaucoup!
ogd