Probleme de compabilité avec ie et css

  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #449000
    jm
    Membre
    Initié WordPress
    11 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.0.4
    – Thème utilisé : ocean_mist_1-0-1
    – Plugins en place : aucun
    – Nom de l’hebergeur : free

    Problème(s) rencontré(s) :

    Tout d’abord, je suis tout nouveau dans la communauté de wordpress et j’espère acquérir de plus en plus d’expérience dans ce magnifique blog grâce a vous, et je remercie d’avance ceux qui prendront la peine de me répondre, j’ai trois petit problème

    1/ Peux on changer l’accueil du site pour que ca tombe directement sur une page et non une catégorie avec un post ?

    2/ J’ai essayé par moi même de modifier le css et le php de la sidebar avec aucune connaissance il ma fallu a peux prêt un millier de copie coller et d’upload pour arriver a ce résultat

    Originale
    originalezy9.th.jpg

    Modifié
    modifiermc0.th.jpg

    Comme vous pouvez le voir la barre bleu dépasse de 7 pixel et je ne trouve vraiment pas comment la replacer. 😕

    3/ Et dernier petit problème sous ie le menu et décalé vers le haut mais j’ai aucune idée de comment arrangé ça (car je vérifier chaque changement sous firefox et non ie)
    ienf9.th.jpg

    Voila le code css que j’ai modifié, si vous avez besoin de quoi que ce soi d’autre n’hésité pas a me demandé !

    Theme Name: Ocean Mist
    Theme URI: http://www.edmerritt.com/
    Description: A smooth and subtle theme based on a strict grid.
    Version: 1.0
    Author: Ed Merritt
    Author URI: http://www.edmerritt.com/
    */
    
    
    /* layout */
    * {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
    body {position: relative; background: url(images/bg_body.gif) top left repeat-x #9BC3D5; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
    #page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}
    #header {float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}
    * html #header {height: 355px;}
    #content {float: right; display: block; width: 543px; margin: -5px 0 0 0px;}
    #sidebar {float: left; display: block; width: 193px; margin: 18px 0 0 0;}
    * html #content, * html #sidebar {margin-top: -25px;}
    .post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
    .page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
    .archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
    #sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
    .title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}
    #sidebar .title {float: left; display: block; width: 0px;}
    .entry {float: right; display: block; width: 350px; margin: 0;}
    .postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
    .archive .postinfo {margin-left: 0;}
    .archive .entry {margin-right: -24px;}
    * html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
    p img {float: left; margin: 0 18px 12px 0;}
    
    /* typography */
    h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
    h1 a, h1 a:visited {color: #fff; text-decoration: none;}
    .description {color: #CADFED; margin: 0 37px 25px 37px;}
    .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
    #content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
    #sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
    .title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
    h2 a, h2 a:visited {}
    h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
    p {margin: 0 0 18px 0; padding: 0;}
    .entry p {padding-right: 24px;}
    .postinfo p {padding: 0 6px;}
    .req {padding-left: 3px; color: #CC0000;}
    blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}
    
    /* lists */
    ul {margin: 0 0 24px 6px;}
    ol {margin: 0 0 24px 6px;}
    ul li {margin: 0 24px 0 14px;}
    ol li {margin: 0 24px 0 14px;}
    .buttons {float: left; list-style: none; margin-left: 0; margin-bottom: 21px;}
    .buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
    .buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -3px;}
    .buttons ul a, .buttons ul a:visited {padding: 4px 6px;}
    * html .buttons li {margin: 0;}
    .buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
    .buttons a:hover {background-position: bottom right;}
    .catlist {float: left; list-style: none; margin: 0 0 18px 0;}
    .catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
    .catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
    .catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
    .catlist a:hover {background: #F2F2F2;}
    #themeswitcher {list-style: none; margin: 0 0 18px 0;}
    #themeswitcher li {margin: 0;}
    #sidelist {list-style: none;}
    #sidelist li {margin: 0;}
    #sidelist li li {margin: 0 24px 0 8px;}
    #sidelist ul {list-style-type: disc; }
    
    
    /* main image */
    #mainpic {float: left; background: url(images/mainpic.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}
    
    
    /* forms */
    form {margin: 0 0 18px 0;}
    #searchsubmit {position: absolute;}
    #s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
    select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
    .field {padding: 2px; width: 153px;}
    textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
    select option {padding: 1px;}
    #submit {padding: 3px;}
    
    
    /* footer */
    #footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; text-align: center;}
    * html #footer {margin-top: 18px; position: relative; left: 7px;}
    #footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
    #footer p {color: #798892; padding: 0 37px 7px 37px;}
    #footer a, #footer a:visited {color: #B05255;}

    #582383
    artxtra
    Participant
    Chevalier WordPress
    149 contributions

    Sans le code source ou l’URL de la page en question, on peut pas trop t’aider…

    #582384
    jm
    Membre
    Initié WordPress
    11 contributions

    Désolé je ne savais pas, je n’ai modifié que 2 fichier du thème originale le style.css et le sidebar.php
    Voici le lien du thème originale et je rajoute le code source du sidebar modifier (j’ai déjà poster celui du css modifier dans mon premier post ^^)

    http://www.edmerritt.com/templates/themes/

    merci encore car c’est très important pour moi et vous êtes ma dernière chance j’ai tout essayer et j’ai même achetez un livre pour apprendre le css. 😕

    sidebar modifier (j’ai enlevé beaucoup de chose car je n’avais pas besoin de c’est fonction pour l’instant ^^)

    <div id="sidebar">
    	  <div class="title">
          </div>
    	  <div class="post">
    	    <ul class="buttons">
    	      
    		</ul>
          </div>
    	  <div class="post">
    	    <ul>
    	      
    		</ul>
          </div>
    	  <div class="post">
          </div>
    	</div>

    #582385
    jm
    Membre
    Initié WordPress
    11 contributions

    Je m’excuse d’insister mais je n’arrive toujours pas a résoudre mon problème, peut être de nouvelles personne seront elle apte a m’aider. ^^

    Pour le problème n°1 est maintenant réglé grâce a la sortie de wordpress 2.1 a savoir mettre une page comme page d’entré.

    Il me reste que le problème d’affichage dans fx et IE (voir image plus haut) je suis sur que c’est une bête erreur en css facilement corrigeable, je met le lien des deux fichiers css en croisant les doigts. ^^
    Les fichiers CSS

    Si ils vous faut d’autres info n’hésitez pas !

    #582386
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    Mets le lien sur ton blog qu’on puisse quelle balise est appelée, ça aidera. 😉

    Un fichier CSS n’est lisible rapidement que par les acteurs de la matrice. :p

    #582387
    jm
    Membre
    Initié WordPress
    11 contributions
    alakhnor wrote:
    Un fichier CSS n’est lisible rapidement que par les acteurs de la matrice. :p

    Wow moi qui pensé que c’était juste parceque j’étais mauvais…ça redonne espoir! (tout comme le faite d’avoir une réponse^^)

    http://aristobule.free.fr/wordpress/ l’adresse du site pour l’instant

    #582388
    jm
    Membre
    Initié WordPress
    11 contributions

    Je pensais que c’était une simple erreur de css, mais si cela dépasse aussi vos compétence savez vous ou je pourrez trouvez de l’aide ?

    #582389
    AmO
    Participant
    Maître WordPress
    4452 contributions
    /*  
    Theme Name: Ocean Mist
    Theme URI: http://www.edmerritt.com/
    Description: A smooth and subtle theme based on a strict grid.
    Version: 1.0
    Author: Ed Merritt
    Author URI: http://www.edmerritt.com/
    
     layout */
    * {
    font-size:100%;
    line-height:1.4em;
    margin:0;
    padding:0;
    }
    
    body {
    position:relative;
    background:url(images/bg_body.gif) top left repeat-x #9BC3D5;
    font:70% Verdana, Arial, Helvetica, sans-serif;
    color:#4B5D67;
    text-align:center;
    }
    
    #page {
    display:block;
    width:736px;
    background:url(images/bg_main.gif) top repeat-y;
    text-align:left;
    margin:0 auto;
    padding:0;
    }
    
    #header {
    float:left;
    display:block;
    width:736px;
    background:url(images/bg_header.gif) top no-repeat;
    min-height:355px;
    padding:0;
    }
    
    * html #header {
    height:355px;
    }
    
    #content {
    float:right;
    display:block;
    width:542px;
    margin:-5px 0 0;
    }
    
    #sidebar {
    float:left;
    display:block;
    width:193px;
    margin:18px 0 0;
    }
    
    * html #content,* html #sidebar {
    margin-top:-25px;
    }
    
    .post {
    float:left;
    display:block;
    width:525px;
    margin:0 0 0 18px;
    }
    
    .page {
    float:left;
    display:block;
    width:507px;
    margin:0 0 0 18px;
    }
    
    .archive {
    float:left;
    display:block;
    width:507px;
    border-bottom:1px solid #ccc;
    margin:0 0 18px 18px;
    }
    
    #sidebar .post {
    display:block;
    width:157px;
    margin:0 0 0 18px;
    }
    
    .title {
    float:left;
    display:block;
    width:543px;
    background:url(images/bg_h2.gif) bottom repeat-x #E2EBF8;
    margin:0 0 18px;
    }
    
    #sidebar .title {
    float:left;
    display:block;
    width:0;
    }
    
    .entry {
    float:right;
    display:block;
    width:350px;
    margin:0;
    }
    
    .postinfo {
    float:left;
    display:block;
    width:157px;
    margin:0 0 18px;
    }
    
    .archive .postinfo {
    margin-left:0;
    }
    
    .archive .entry {
    margin-right:-24px;
    }
    
    * html .post,* html #sidebar .post,* html .archive {
    margin-left:0;
    position:relative;
    left:18px;
    }
    
    p img {
    float:left;
    margin:0 18px 12px 0;
    }
    
    /* typography */
    h1 {
    font:2.2em Tahoma, Verdana, Arial, sans-serif;
    color:#fff;
    letter-spacing:-1px;
    margin:0 0 -5px;
    padding:45px 37px 0;
    }
    
    h1 a,h1 a:visited {
    color:#fff;
    text-decoration:none;
    }
    
    .description {
    color:#CADFED;
    margin:0 37px 25px;
    }
    
    .title h2 {
    font:1.05em Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    padding:9px 24px 12px;
    }
    
    #content .postwrapper .title h2 {
    font:1.4em Arial, Helvetica, sans-serif;
    text-transform:none;
    background:url(images/icon_entry.gif) 24px 50% no-repeat;
    padding:9px 100px 12px 42px;
    }
    
    #sidebar .title h2 {
    font:1.05em Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    background:none;
    color:#32474B;
    padding:9px 0 12px 24px;
    }
    
    .title small {
    float:right;
    color:#67939B;
    padding:14px 24px 0 0;
    }
    
    h3 {
    font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
    }
    
    p {
    margin:0 0 18px;
    padding:0;
    }
    
    .entry p {
    padding-right:24px;
    }
    
    .postinfo p {
    padding:0 6px;
    }
    
    .req {
    padding-left:3px;
    color:#C00;
    }
    
    blockquote {
    border-left:3px solid #ccc;
    padding:0 0 0 12px;
    }
    
    .buttons {
    float:left;
    list-style:none;
    margin-left:0;
    margin-bottom:21px;
    }
    
    .buttons li {
    float:left;
    margin:0 18px 3px 0;
    padding:0;
    }
    
    .buttons ul {
    list-style:none;
    padding-bottom:-3px;
    margin:3px 0 0;
    }
    
    .buttons ul a,.buttons ul a:visited {
    padding:4px 6px;
    }
    
    .buttons a,.buttons a:visited {
    display:block;
    width:145px;
    text-align:center;
    background:url(images/menu.gif) bottom left no-repeat;
    border-top:1px solid #D1E0F0;
    padding:6px;
    }
    
    .buttons a:hover {
    background-position:bottom right;
    }
    
    .catlist {
    float:left;
    list-style:none;
    margin:0 0 18px;
    }
    
    .catlist li {
    float:left;
    border-bottom:1px solid #CAD6E1;
    margin:0 18px 0 0;
    }
    
    .catlist li:first-child,.catlist li:first-child+li,.catlist li:first-child+li+li {
    border-top:1px solid #CAD6E1;
    }
    
    .catlist a,.catlist a:visited {
    display:block;
    width:145px;
    margin:1px 0;
    padding:1px 6px 2px;
    }
    
    .catlist a:hover {
    background:#F2F2F2;
    }
    
    #themeswitcher {
    list-style:none;
    margin:0 0 18px;
    }
    
    #sidelist {
    list-style:none;
    }
    
    #sidelist li li {
    margin:0 24px 0 8px;
    }
    
    #sidelist ul {
    list-style-type:disc;
    }
    
    /* main image */
    #mainpic {
    float:left;
    background:url(images/mainpic.jpg) no-repeat;
    display:block;
    width:735px;
    height:229px;
    border-top:3px solid #67939B;
    border-bottom:3px solid #67939B;
    }
    
    /* forms */
    form {
    margin:0 0 18px;
    }
    
    #searchsubmit {
    position:absolute;
    }
    
    #s {
    width:130px;
    border:1px solid #B9C3D1;
    background:#CAD6E1;
    color:#32474B;
    margin-right:2px;
    padding:2px;
    }
    
    select,.field {
    width:157px;
    color:#32474B;
    margin:0 0 4px;
    }
    
    .field {
    width:153px;
    padding:2px;
    }
    
    textarea {
    width:308px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    padding:2px;
    }
    
    select option {
    padding:1px;
    }
    
    #submit {
    padding:3px;
    }
    
    /* footer */
    #footer {
    clear:both;
    display:block;
    width:750px;
    background:url(images/bg_footer.gif) bottom no-repeat;
    border-bottom:20px solid #9BC3D5;
    text-align:center;
    }
    
    * html #footer {
    margin-top:18px;
    position:relative;
    left:7px;
    }
    
    #footer-top {
    display:block;
    width:750px;
    height:15px;
    background:url(images/bg_footer-top.gif) top no-repeat;
    }
    
    #footer p {
    color:#798892;
    padding:0 37px 7px;
    }
    
    #footer a,#footer a:visited {
    color:#B05255;
    }
    
    ul,ol {
    margin:0 0 24px 6px;
    }
    
    ul li,ol li {
    margin:0 24px 0 14px;
    }
    
    * html .buttons li,#themeswitcher li,#sidelist li {
    margin:0;
    }

    #582390
    jm
    Membre
    Initié WordPress
    11 contributions

    Merci tu viens peut être de mètre fin a 2 mois de longue souffrance et de prise de tête ! ^^
    j’enlève tous les chiffres qui apparaisse devant les lignes lorsque je copie colle et je te tient au courant si tout passe bien!

    #582391
    jm
    Membre
    Initié WordPress
    11 contributions

    Lorsque je fais un copier collez du texte ci dessus j’obtiens ça ^^
    http://img440.imageshack.us/my.php?image=copypf1.jpg
    (http://almentalray.free.fr/wordpress/copy_paste_AmO.css)

    J’ai donc essayer de comparez le fichier modifier en premier lieu avec le fichier modifié par AmO pour voir qu’elle était les valeurs a changé après une longue relecture j’ai obtenue ça
    firefox : http://img252.imageshack.us/my.php?image=firefoxuw1.jpg
    IE : http://img256.imageshack.us/my.php?image=iepu2.jpg
    (http://almentalray.free.fr/wordpress/copy_paste_AmO_modifier.css)

    Ai-je fais une erreur ?

    #582392
    AmO
    Participant
    Maître WordPress
    4452 contributions

    Tu as supprimé ton blog ?

    #582393
    jm
    Membre
    Initié WordPress
    11 contributions

    Non l’adresse est toujours http://aristobule.free.fr/wordpress/

    (tu as pe confondue avec http://almentalray.free.fr/wordpress/ car les adresses sont proche ^^)

    #582394
    jm
    Membre
    Initié WordPress
    11 contributions

    bon je suis a sec en ce moment mais je voulais savoir si ça intéresserai plus de personne si j’était près a payer pour résoudre ces deux petit bug ? Car j’en est vraiment besoin le plus tot possible 😕
    Je viens de mettre 10 euro sur un compte paypal c’est toujours ça de prit ! Il seront pour la personne qui me rendra le fichier corrigé en premier. ^^

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