Affichage de l’index… sous ie?

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 20)
  • Auteur
    Messages
  • #458534
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.3.3
    – Thème utilisé :atahualta
    – Plugins en place : tout un tas
    – Nom de l’hebergeur : sivit
    – Adresse du site :http://www.tarot-numerologie.fr/blog/

    Problème(s) rencontré(s) :.
    Ca apparait comment chez vous l’index?
    Peut-être que ça dépend des navigateurs, mais je ne sais plus quoi faire.
    J’avais posé la question vendredi ou qque chose comme ça, mais je n’ai pas eu de réponse.
    Peut-être que là j’aurai plus de chances.

    J’ai besoin d’aide parce que là, ça donne n’importe quoi. D’ailleurs vous pourrez vous-même vérifier.

    Merci en tous cas de vos réponses et de vos aides.

    #626730
    IPreferNcy
    Membre
    Chevalier WordPress
    176 contributions
    tarotnumerologie wrote:
    J’avais posé la question vendredi ou qque chose comme ça, mais je n’ai pas eu de réponse.
    Peut-être que là j’aurai plus de chances.

    Ce n’ est pas parce que tu poste plusieurs sujet identiques que tu auras plus de chances… Pourquoi ne pas continuer dans la discussion que tu as déjà lancée ? Inutile de faire un post par jour pour le même problème… Pense aux autres utilisateurs du forum 🙂
    ET pour ton soucis, c est parce qu’ il faut que tu adapte ton code pour IE qui est un gros caca de navigateur tout pourri avec des années de retard sur les standard… A se demander même pourquoi il est encore utilisé tellement c’ est une charette… 😆

    #626731
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    C’est clair, je ne savais pas.
    Je ne sais pas, du coup, si je continue ici ou sur l’autre message. Merci de l’avoir dit. Je ferai attention dorénavant.

    En tous les cas, IE6 pose le problème alors que l’affichage est nickel avec Firefox, Safari, Opéra
    Re hum, hummmmmm, je fais comment pour adapter sur Internet Explorer?
    Je suis bien d’accord qu’il n’est pas génial du tout, mais c’est encore le plus utilisé, enfin, d’après mes stats.

    J’ai bien vu qu’il y a des templates avec un fichier css ou presque pour IE et un autre pour les autres.
    Mais je reconnais m’y connaitre tellement peu que je n’ai aucun idée de ce qu’il faut que je fasse pour modifier de façon efficace sans faire de bêtises.

    Ou alors, je copie-colle ici mon fichier css.

    Merci beaucoup de vos aides en tous les cas.

    Toute critique est bien sûr constructive.

    #626732
    IPreferNcy
    Membre
    Chevalier WordPress
    176 contributions

    Si on ne voit pas le code, on va effectivement difficilement pouvoir t aider 🙂
    :wp:

    #626733
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    Voici le fichier css. hummmmmmmmm, je me sens génée de déranger de cette façon.
    Impression de ne pas faire ce qu’il faut.

    /*  
    Theme Name: Atahualpa
    Theme URI: http://wordpress.bytesforall.com
    Description: Fluid width, 3 column theme with changeable header and logo image. Widget-ready, Auto SEO & options page. Valid and browser-safe. This Theme is optimized for WP 2.3.x but works also in 2.2.x and 2.1.x. 
    Version: 1.0
    Author: Bytesforall
    Author URI: http://www.bytesforall.com/
    */
    /*
    *
    *
    YOUR OWN HEADER IMAGE HOW-TO: Upload a “headerimage.jpg” 
    to the directory “/wp-content/themes/atahualpa/images/” in the wordpress 
    installation directory on your server. This is a fluid layout, meaning that 
    the visible width of the header image will depend on the visitor’s screen 
    resolution. To account for bigger screens incl. 1280 pixels, the 
    headerimage.jpg should be 1280 pixels wide or even wider. You can set
    the visible height of the image on the options page. 
    *
    *
    YOUR OWN LOGO ICON IMAGE HOWTO: Upload a “logosymbol.gif” 
    with the size of 50×50 pixels and white background to 
    “/wp-content/themes/atahualpa/images/”.
    
    *
    *
    *
    Credits:
    Layout and browser compatibility hacks based on Ruthsarian’s Skidoo Redux 
    http://webhost.bridgew.edu/etribou/layouts/ – ruthsarian@gmail.com
    */
    ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 10px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
    h2 {margin-top: 0px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
    ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0; }
    h1 {font-size: 240%; }
    h2 {font-size: 180%; }
    h3 {font-size: 140%; }
    h4 {font-size: 100%; }
    h5 {font-size: 70%; }
    h6 {font-size: 50%; }
    .entry h1, .entry h2, .entry h3, .entry h4 {clear:both;}
    a, a:link, a:visited, a:active {text-decoration: underline; }
    a:hover {text-decoration: none; }
    code, pre {font-family: “Courier New”, Courier, monospace; }
    label {cursor: pointer; }
    table {font-size: 100%; }
    td, th {vertical-align: top; }
    body {font-size: 100.1%; }
    /*********************************************************/
    .clear-columns {clear: both; }
    #outer-column-container {border-left: solid 13em #fff; border-right: solid 13em #fff; }
    #inner-column-container {width: 100%; }
    #source-order-container {float: left; width: 100%; margin-right: -1px; }
    #left-column {float: left; margin-left: -13em; width: 13em; margin-right: 1px; }
    #middle-column {float: right; width: 100%; margin-left: -1px; }
    #right-column {float: right; margin-right: -13em; width: 13em; margin-left: 1px; }
    /*****BASE THEME**************************************/
    body {background-color: #ccc; color: #000; padding: 0; margin: 14px 0; }
    #masthead {padding-top: 1px; border-bottom: solid 1px #000; }
    /**************** change middle column left and right borders *****************/
    #inner-column-container
    {border: solid 0px #000; border-width: 0 0px; margin: 0 -0px; }
    
    #middle-column div.rMenu-center {border-bottom: solid 1px #000; }
    #footer {border-top: solid 1px #000; padding-bottom: 1px;}
    .inside {margin: 10px; }
    /******HACKS***************************************************/
    .clear-columns
    { /* hide from IE/Mac */ padding-bottom: 1px; margin-bottom: -1px;	}
    * html #page-container { /* */ height: 0.1%; position: relative; }
    * html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {	/* hide from IE/Mac */ overflow: visible; /* hide from IE/Mac */ position: relative; }
    * html #middle-column {margin-right: -4px; margin-right/* */: 0; }
    * html #middle-column .inside
    { margin-right: 14px; margin-right/* */: 10px;}
    * html #masthead, * html #footer { /* hide from IE/Mac */ height: 0.1%; height/**/: auto;	 }
    * html #masthead .inside, * html #footer .inside {	margin-top: 0; margin-bottom: 0; margin/* */: 10px; }
    * html .inside {margin: 10px 0.75em; margin/* */: 10px; }
    * html #inner-column-container {display: block; }
    
    * html #source-order-container {margin-right: -100%; /* */ margin-right: -1px; }
    #left-column, #right-column {position: relative; }
    /******************************************************************************/
    #page-container {font-size: 80%; font-family: tahoma, candara, helvetica, verdana, arial, sans-serif; }
    #page-container, #inner-column-container, #masthead, #footer {border-color: #99a;}
    #outer-column-container {border-left-color: #f6f6f6; border-right-color: #e6e6e6;	}
    #masthead {background-color: #f6f6f6;	}
    #footer {background-color: #e6e6e6;}
    #inner-column-container {background-color: #fcfcfc; }
    #left-column h3, #right-column h3 {margin-bottom: 0; }
    #right-column p, #right-column ul {margin-top: 0; }
    p.fontsize-set {text-align: center;}
    p.fontsize-set input {margin: 0 2px;}
    /**** Highlight current subpage *******/
    li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { color: black; font-weight: bold; }
    /***********************************/
    #left-column .inside ul, #right-column .inside ul {list-style-type: none; margin: 0; padding: 0; }
    #left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 5px; }
    a:link, a:visited, a:active {color: #004b9f; text-decoration: none; }
    a:hover {text-decoration: underline; }
    .inside h1{ font-family: verdana, tahoma, arial, sans-serif; letter-spacing:-3px; line-height: 1.0em; font-size:2.5em; float:left; /*width: 49%;*/ margin: 10px 5px 0 0; }
    a.header:link, a.header:visited, a.header:active, a.header:hover {color: #999; text-decoration: none; }
    div#search {float: right; width: 15em; text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; }
    /***************** wordpress defaults *****************/
    .navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
    .older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
    .newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
    .postmetadata{clear:both; margin: 15px 0 15px 0; color: #999; background: #f4f4f4; padding: 5px; }
    .postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
    .postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #666; text-decoration: underline}
    .post-last {margin-bottom: 20px; } /*different style for last post on page*/
    .post-page {margin-top: 20px; margin-bottom: 20px; }
    .pagetitle {margin-bottom: 15px;}
    .entry {margin: 0px;}
    /* CSS for forms ————————————– */
    form {margin: 0; padding: 0; }
    form p {margin: 5px 0 0 0; padding: 0; }
    label {margin-right: 0.5em; /*display: block;*/ font-family: arial;}
    .submit input {margin-left: 4.5em; }
    form input {color: #000; background: #efd3de; /*border: 1px solid #c2547d;*/ }
    .submit input {color: #000; background: #fff; border: 2px outset #999; height: 18px; padding:0}
    fieldset {border: 1px solid #781351; width: 45em; }
    legend { color: #000; background: #FFB0B3; border: 1px solid #781351; padding: 2px 6px; margin-bottom: 15px; }
    .comment-textarea{width: 96%; padding: 0; margin: 0; }
    #s{width: 75%;}
    /**********************************************/
    .vert1 {display: table; height: 56px;  #position: relative; overflow: hidden; }
    .vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
    .vert3 { #position: relative;  #top: -50%}
    /******************clearfix********************/
    .clearfix:after {content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix {min-width: 0; display: inline-block; /* */	display: block; }
    * html .clearfix {/* */  height: 1%;}
    /***************************************************/
    body {background: #ffffff; color: #000000; margin: 0 0;}
    /**********************************************************/
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    /*#modernbricksmenu{float: left; margin-right: 0px; margin-bottom: 0; padding: 0; width: auto; background: transparent;*/ 
    #modernbricksmenu{padding: 0; width: auto; background: transparent; border-bottom: dashed 1px #cccccc; border-left: dashed 1px #cccccc; 
    voice-family: “”}””;
    voice-family: inherit;}
    #modernbricksmenu ul{font: bold 11px Arial; margin:0; margin-left: 0px; padding: 0; list-style: none;}
    #modernbricksmenu li{display: inline; margin: 0 0 0 0; padding: 0; text-transform:uppercase; }
    #modernbricksmenu li:first-child {margin-left: 1px; }
    #modernbricksmenu a{float: left; display: block; color: #666666; margin: 0 0 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px;background-color: #ffffff; border: dashed 1px #cccccc; border-width: 0 1px 0 0}
    #modernbricksmenu a:hover{color: #000000; background-color: #eeeeee; }
    #modernbricksmenu #current a{color: #000000; background-color: #eeeeee; }
    #modernbricksmenuline{ clear: both; height: 5px; padding: 0; width: 100%; background: #ffffff; border-top: dashed 1px #cccccc; /*border-bottom: solid 2px #cccccc*/ }
    #modernbricksmenuline2{ clear: both; height: 5px; padding: 0; width: 100%; background: #ffffff; /*border-top: solid 2px #cccccc;*/ border-bottom: dashed 1px #cccccc }
    /**********************************************/
    .calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;} 
    .calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: Arial, sans-serif;}
    .calendar1{border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #666; font-size: 95%; height: 16px; text-transform:uppercase; background: #ddd;}
    .calendar2{border-right: solid 1px #666; border-left: solid 1px #666; font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #ddd; font-size: 160%; height: 23px; background: #666;}
    .calendar3{border-bottom: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; /*margin-top: 0; padding-top: 2px;*/ color: #666; font-size: 90%; height: 16px; background: #ddd;}
    /************************************************/
    .line1pix { width: 100%; height: 1px; margin: 0px; border-top: 1px dashed #cccccc; padding: 0; margin: 10px 0 10px 0; display: block; font-size: 1px; }
    .headerleft{float: left; /*width: 49%;*/ text-align: left;  margin-bottom:0; margin-top: 0px; position: relative; padding-bottom:0;}
    .headerright{float:right; width: 15em; /*text-align: right;*/ padding: 0; margin: 10px -1px 0 0; background: #ffffff; border: 1px dashed #cccccc; border-width: 1px 1px 0 1px}
    /*.searchform{width: auto; margin:0; padding:0}*/
    img {margin: 10px; border: none}
    .entry ul, .entry ol {clear:both}
    .entry ul li, .entry ol li {clear: both}
    .entry p {clear:both} 
    .postmetadata {clear:both}
    .post {/*border-bottom: dotted 1px #ccc;*/ margin-bottom: 20px; }
    blockquote{height: 1%; color: #555; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #f4f4f4; border: solid 1px #e1e1e1;  /* hack for IE6 and older*/ }
    blockquote blockquote{height: 1%; color: #444; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #e1e1e1; border: solid 1px #d3d3d3;  /* hack for IE6 and older*/ }
    blockquote p {margin-top: 0}
    #left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 0;  }
    #left-column .inside ul li ul li, #right-column .inside ul li ul li {margin: 2px 0 2px 5px;  }
    #left-column .inside ul li a, #right-column .inside ul li a {text-decoration: none; font-weight: normal; color: #666; padding: 0 0 0 5px; border-left: solid 7px #dddddd; display:block}
    * html #left-column .inside ul li a, #right-column .inside ul li a {display:inline-block} /* IE6 needs inline-block */
    * + html #left-column .inside ul li a, #right-column .inside ul li a {display:inline-block} /* IE7 needs inline-block */
    #left-column .inside ul li a:hover, #right-column .inside ul li a:hover {text-decoration: none; color: #000; padding: 0 0 0 5px; border-left: solid 7px #000; }
    #footer .inside a{color: #666; font-weight: normal}
    #footer .inside {color: #666}

    Merci beaucoup d’avance

    #626734
    IPreferNcy
    Membre
    Chevalier WordPress
    176 contributions

    J’ ai une solution très simple mais pas celle que je préfère, fixe ton code en ajoutant ce petit fichier CSS à ton site 🙂 (Avant ta propre feuille de style)

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
    
    body {  line-height: 1; behavior:url(“csshover2.htc”); }
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    
    /* remember to define focus styles! */
    :focus {  outline: 0;}
    
    /* remember to highlight inserts somehow! */
    ins { text-decoration: none;}
    del { text-decoration: line-through;}
    
    /* tables still need ‘cellspacing=”0″’ in the markup */
    table { border-collapse: collapse; border-spacing: 0; }
    
    img, h1, .class-with-png-background-image { behavior: url(iepngfix.htc);}

    Correction de JarodXXX basé sur un fix de Smashing Coding.

    #626729
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    Je ne voulais pas déranger, mais je ne voyais pas où placer, “avant” ce fichier css.
    Alors je suis allée sur le lien indiqué dans la réponse. Là, je retrouve ce fichier css, mais sans plus de posssibilité de savoir où le placer.
    Alors je suis allée voir dans les commentaires. Quequ’un a dit qu’on pouvait essayer de se limiter à indiquer :

    *{ margin: 0; padding:0;}

    Mais ça n’a rien chagé dans le problème d’affichage.

    Donc, je n’ai pas eu le choix que de revenir déranger ici pour savoir, ce que “placer avant” veut dire. Je ne sais pas s’il faut créer un autre fichier css, ou s’il faut placer tout le code dans le fichier css, mais en haut.

    Tout ça parce que je ne voulais pas déranger ici.

    Merci d’avance pour tous les éclaircissements. Parce que là, ça ne va toujours pas. Mais logique, puisque je ne peux pas mettre en application

    Merci encore pour les commentaires. C’est très constructif

    #626735
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    En essayant de trouver la solution sans abuser.
    J’ai crée un style2 avec le code. Et je l’ai envoyé sur le serveur. Je pense qu’il faut que je l’annonce, que je l’indique quelque part. Mais où et comment.
    Si ça se trouve, c’est pas ça non plus.

    #626736
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    J’ai enlevé le code précédemment entré, et c’est tout.
    Voilà l’erreur qu’il m’envoie, or je n’avais rien touché à cette ligne :

    Parse error: syntax error, unexpected ‘}’, expecting ‘,’ or ‘;’ in /home/local/apache/htdocs/sites/t/tarot-numerologie.fr/blog/wp-content/themes/atahualpa-10/header.php on line 103

    Donc plus rien en s’affiche, c’est la page blanche avec ce code….

    #626737
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    J’ai renvoyé le template en entier sur le seveur, parce que je ne parvenais pas à retrouver l’affichage.
    Mais rien n’y a fait, rien ne s’affiche
    Mes connaissances immédiates ne me permettent pas de savoir quoi faire.

    Besoin d’aide

    #626738
    IPreferNcy
    Membre
    Chevalier WordPress
    176 contributions

    Il suffit de coller ce code dans le CSS de ton thème juste avant le code déjà contenu dans le document.

    #626739
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    J’ai eu changé de thème. Mais je vais tenter ce code.
    Celà dit, le theme que j’ai là, est un peu relooké par moi. Il a le bout de code qui permet d’afficher le nombre de fois où un article est lu.
    Ca, je ne l’avais pas.
    Ou alors, est-ce juste une fonction qu’il faut ajouter à n’importe quel template?
    Il y a plusieurs templates qui ne sont pas adaptés pour les widgets alors qu’ils sont affichés comme les acceptant….

    En tous cas, je remercie pour les réponses

    #626740
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    J’ai testé le code, comme promis.

    Le résultat :
    Parse error: syntax error, unexpected ‘}’, expecting ‘,’ or ‘;’ in /home/local/apache/htdocs/sites/t/tarot-numerologie.fr/blog/wp-content/themes/atahualpa-10/header.php on line 103

    En attendant vos réponses, je rechange de template

    Merci en tous les cas de vos réponses

    #626741
    Lumiere de Lune
    Participant
    Maître WordPress
    19385 contributions

    C’est en haut du fichier style.css qu’il faut le mettre

    #626742
    HeleneR
    Participant
    Maître WordPress
    1545 contributions

    Ca a été fait, je vous donne le code, parce que l’erreur est toujours là.

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
     
    body {  line-height: 1; behavior:url(“csshover2.htc”); }
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
     
    /* remember to define focus styles! */
    :focus {  outline: 0;}
     
    /* remember to highlight inserts somehow! */
    ins { text-decoration: none;}
    del { text-decoration: line-through;}
     
    /* tables still need ?cellspacing=”0″? in the markup */
    table { border-collapse: collapse; border-spacing: 0; }
     
    img, h1, .class-with-png-background-image { behavior: url(iepngfix.htc);}
    /*  
    Theme Name: Atahualpa
    Theme URI: http://wordpress.bytesforall.com
    Description: Fluid width, 3 column theme with changeable header and logo image. Widget-ready, Auto SEO & options page. Valid and browser-safe. This Theme is optimized for WP 2.3.x but works also in 2.2.x and 2.1.x. 
    Version: 1.0
    Author: Bytesforall
    Author URI: http://www.bytesforall.com/
    */
    /*
    *
    *
    YOUR OWN HEADER IMAGE HOW-TO: Upload a “headerimage.jpg” 
    to the directory “/wp-content/themes/atahualpa/images/” in the wordpress 
    installation directory on your server. This is a fluid layout, meaning that 
    the visible width of the header image will depend on the visitor’s screen 
    resolution. To account for bigger screens incl. 1280 pixels, the 
    headerimage.jpg should be 1280 pixels wide or even wider. You can set
    the visible height of the image on the options page. 
    *
    *
    YOUR OWN LOGO ICON IMAGE HOWTO: Upload a “logosymbol.gif” 
    with the size of 50×50 pixels and white background to 
    “/wp-content/themes/atahualpa/images/”.
    
    *
    *
    *
    Credits:
    Layout and browser compatibility hacks based on Ruthsarian’s Skidoo Redux 
    http://webhost.bridgew.edu/etribou/layouts/ – ruthsarian@gmail.com
    */
    
    ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 10px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
    h2 {margin-top: 0px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
    ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0; }
    h1 {font-size: 240%; }
    h2 {font-size: 180%; }
    h3 {font-size: 140%; }
    h4 {font-size: 100%; }
    h5 {font-size: 70%; }
    h6 {font-size: 50%; }
    .entry h1, .entry h2, .entry h3, .entry h4 {clear:both;}
    a, a:link, a:visited, a:active {text-decoration: underline; }
    a:hover {text-decoration: none; }
    code, pre {font-family: “Courier New”, Courier, monospace; }
    label {cursor: pointer; }
    table {font-size: 100%; }
    td, th {vertical-align: top; }
    body {font-size: 100.1%; }
    /*********************************************************/
    .clear-columns {clear: both; }
    #outer-column-container {border-left: solid 13em #fff; border-right: solid 13em #fff; }
    #inner-column-container {width: 100%; }
    #source-order-container {float: left; width: 100%; margin-right: -1px; }
    #left-column {float: left; margin-left: -13em; width: 13em; margin-right: 1px; }
    #middle-column {float: right; width: 100%; margin-left: -1px; }
    #right-column {float: right; margin-right: -13em; width: 13em; margin-left: 1px; }
    /*****BASE THEME**************************************/
    body {background-color: #ccc; color: #000; padding: 0; margin: 14px 0; }
    #masthead {padding-top: 1px; border-bottom: solid 1px #000; }
    /**************** change middle column left and right borders *****************/
    #inner-column-container
    {border: solid 0px #000; border-width: 0 0px; margin: 0 -0px; }
    
    #middle-column div.rMenu-center {border-bottom: solid 1px #000; }
    #footer {border-top: solid 1px #000; padding-bottom: 1px;}
    .inside {margin: 10px; }
    /******HACKS***************************************************/
    .clear-columns
    { /* hide from IE/Mac */ padding-bottom: 1px; margin-bottom: -1px;	}
    * html #page-container { /* */ height: 0.1%; position: relative; }
    * html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {	/* hide from IE/Mac */ overflow: visible; /* hide from IE/Mac */ position: relative; }
    * html #middle-column {margin-right: -4px; margin-right/* */: 0; }
    * html #middle-column .inside
    { margin-right: 14px; margin-right/* */: 10px;}
    * html #masthead, * html #footer { /* hide from IE/Mac */ height: 0.1%; height/**/: auto;	 }
    * html #masthead .inside, * html #footer .inside {	margin-top: 0; margin-bottom: 0; margin/* */: 10px; }
    * html .inside {margin: 10px 0.75em; margin/* */: 10px; }
    * html #inner-column-container {display: block; }
    
    * html #source-order-container {margin-right: -100%; /* */ margin-right: -1px; }
    #left-column, #right-column {position: relative; }
    /******************************************************************************/
    #page-container {font-size: 80%; font-family: tahoma, candara, helvetica, verdana, arial, sans-serif; }
    #page-container, #inner-column-container, #masthead, #footer {border-color: #99a;}
    #outer-column-container {border-left-color: #f6f6f6; border-right-color: #e6e6e6;	}
    #masthead {background-color: #f6f6f6;	}
    #footer {background-color: #e6e6e6;}
    #inner-column-container {background-color: #fcfcfc; }
    #left-column h3, #right-column h3 {margin-bottom: 0; }
    #right-column p, #right-column ul {margin-top: 0; }
    p.fontsize-set {text-align: center;}
    p.fontsize-set input {margin: 0 2px;}
    /**** Highlight current subpage *******/
    li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { color: black; font-weight: bold; }
    /***********************************/
    #left-column .inside ul, #right-column .inside ul {list-style-type: none; margin: 0; padding: 0; }
    #left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 5px; }
    a:link, a:visited, a:active {color: #004b9f; text-decoration: none; }
    a:hover {text-decoration: underline; }
    .inside h1{ font-family: verdana, tahoma, arial, sans-serif; letter-spacing:-3px; line-height: 1.0em; font-size:2.5em; float:left; /*width: 49%;*/ margin: 10px 5px 0 0; }
    a.header:link, a.header:visited, a.header:active, a.header:hover {color: #999; text-decoration: none; }
    div#search {float: right; width: 15em; text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; }
    /***************** wordpress defaults *****************/
    .navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
    .older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
    .newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
    .postmetadata{clear:both; margin: 15px 0 15px 0; color: #999; background: #f4f4f4; padding: 5px; }
    .postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
    .postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #666; text-decoration: underline}
    .post-last {margin-bottom: 20px; } /*different style for last post on page*/
    .post-page {margin-top: 20px; margin-bottom: 20px; }
    .pagetitle {margin-bottom: 15px;}
    .entry {margin: 0px;}
    /* CSS for forms ————————————– */
    form {margin: 0; padding: 0; }
    form p {margin: 5px 0 0 0; padding: 0; }
    label {margin-right: 0.5em; /*display: block;*/ font-family: arial;}
    .submit input {margin-left: 4.5em; }
    form input {color: #000; background: #efd3de; /*border: 1px solid #c2547d;*/ }
    .submit input {color: #000; background: #fff; border: 2px outset #999; height: 18px; padding:0}
    fieldset {border: 1px solid #781351; width: 45em; }
    legend { color: #000; background: #FFB0B3; border: 1px solid #781351; padding: 2px 6px; margin-bottom: 15px; }
    .comment-textarea{width: 96%; padding: 0; margin: 0; }
    #s{width: 75%;}
    /**********************************************/
    .vert1 {display: table; height: 56px;  #position: relative; overflow: hidden; }
    .vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
    .vert3 { #position: relative;  #top: -50%}
    /******************clearfix********************/
    .clearfix:after {content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix {min-width: 0; display: inline-block; /* */	display: block; }
    * html .clearfix {/* */  height: 1%;}
    /***************************************************/
    body {background: #ffffff; color: #000000; margin: 0 0;}
    /**********************************************************/
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    /*#modernbricksmenu{float: left; margin-right: 0px; margin-bottom: 0; padding: 0; width: auto; background: transparent;*/ 
    #modernbricksmenu{padding: 0; width: auto; background: transparent; border-bottom: dashed 1px #cccccc; border-left: dashed 1px #cccccc; 
    voice-family: “”}””;
    voice-family: inherit;}
    #modernbricksmenu ul{font: bold 11px Arial; margin:0; margin-left: 0px; padding: 0; list-style: none;}
    #modernbricksmenu li{display: inline; margin: 0 0 0 0; padding: 0; text-transform:uppercase; }
    #modernbricksmenu li:first-child {margin-left: 1px; }
    #modernbricksmenu a{float: left; display: block; color: #666666; margin: 0 0 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px;background-color: #ffffff; border: dashed 1px #cccccc; border-width: 0 1px 0 0}
    #modernbricksmenu a:hover{color: #000000; background-color: #eeeeee; }
    #modernbricksmenu #current a{color: #000000; background-color: #eeeeee; }
    #modernbricksmenuline{ clear: both; height: 5px; padding: 0; width: 100%; background: #ffffff; border-top: dashed 1px #cccccc; /*border-bottom: solid 2px #cccccc*/ }
    #modernbricksmenuline2{ clear: both; height: 5px; padding: 0; width: 100%; background: #ffffff; /*border-top: solid 2px #cccccc;*/ border-bottom: dashed 1px #cccccc }
    /**********************************************/
    .calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;} 
    .calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: Arial, sans-serif;}
    .calendar1{border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #666; font-size: 95%; height: 16px; text-transform:uppercase; background: #ddd;}
    .calendar2{border-right: solid 1px #666; border-left: solid 1px #666; font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #ddd; font-size: 160%; height: 23px; background: #666;}
    .calendar3{border-bottom: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; /*margin-top: 0; padding-top: 2px;*/ color: #666; font-size: 90%; height: 16px; background: #ddd;}
    /************************************************/
    .line1pix { width: 100%; height: 1px; margin: 0px; border-top: 1px dashed #cccccc; padding: 0; margin: 10px 0 10px 0; display: block; font-size: 1px; }
    .headerleft{float: left; /*width: 49%;*/ text-align: left;  margin-bottom:0; margin-top: 0px; position: relative; padding-bottom:0;}
    .headerright{float:right; width: 15em; /*text-align: right;*/ padding: 0; margin: 10px -1px 0 0; background: #ffffff; border: 1px dashed #cccccc; border-width: 1px 1px 0 1px}
    /*.searchform{width: auto; margin:0; padding:0}*/
    img {margin: 10px; border: none}
    .entry ul, .entry ol {clear:both}
    .entry ul li, .entry ol li {clear: both}
    .entry p {clear:both} 
    .postmetadata {clear:both}
    .post {/*border-bottom: dotted 1px #ccc;*/ margin-bottom: 20px; }
    blockquote{height: 1%; color: #555; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #f4f4f4; border: solid 1px #e1e1e1;  /* hack for IE6 and older*/ }
    blockquote blockquote{height: 1%; color: #444; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #e1e1e1; border: solid 1px #d3d3d3;  /* hack for IE6 and older*/ }
    blockquote p {margin-top: 0}
    #left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 0;  }
    #left-column .inside ul li ul li, #right-column .inside ul li ul li {margin: 2px 0 2px 5px;  }
    #left-column .inside ul li a, #right-column .inside ul li a {text-decoration: none; font-weight: normal; color: #666; padding: 0 0 0 5px; border-left: solid 7px #dddddd; display:block}
    * html #left-column .inside ul li a, #right-column .inside ul li a {display:inline-block} /* IE6 needs inline-block */
    * + html #left-column .inside ul li a, #right-column .inside ul li a {display:inline-block} /* IE7 needs inline-block */
    #left-column .inside ul li a:hover, #right-column .inside ul li a:hover {text-decoration: none; color: #000; padding: 0 0 0 5px; border-left: solid 7px #000; }
    #footer .inside a{color: #666; font-weight: normal}
    #footer .inside {color: #666}

    Merci pour toutes vos participations, ca en apprend plein sur les css

15 sujets de 1 à 15 (sur un total de 20)
  • Vous devez être connecté pour répondre à ce sujet.