Menu placé en dessous des articles (Créer un compte)

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #454088
    asokimoz
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    J’ai wordpress 2.2.3, j’ai installé le thème “city-slicker” que j’ai entièrement modifier (niveau design) mais je me suis heurté à un problème des son installation. Des imprime écran seront plus clair que moi pour vous expliquez mon problème : :

    sanstitreur3.th.png

    sanstitre1mo0.th.png

    Comme vous pouvez le constatez le menu et mal placé, c’est ici que je séche car je ne sais pas le remettre à sa place.

    Si vous avez besoins du fichier CSS je peux vous le mettre à disposition !

    Merci d’avance pour votre aide ^^

    #609868
    atch
    Participant
    Chevalier WordPress
    127 contributions

    Problème de CSS….

    Regarde là ( c’est un exemple de mise en page)

    #page {
    	width: 760px;
    	}
    
    #content {
    	width: 492px;
    	
    }
    
    #sidebar {
    	width: 220px;

    Si ton width content est supérieur à width page moins width sidebar ça fait ce que tu as dans tes images!!!

    Modifie un de ces parametres pour que ça colle mieux 😉

    V++

    Atch

    #609869
    asokimoz
    Participant
    Initié WordPress
    6 contributions

    Merci pour ta réponse par contre sa a crée d’autre bug les voicis :

    sanstitresv5.th.png

    sanstitre1rr8.th.png

    Le header et le footer sont décalé j’ai cherché comment les remettres à leur place mais aucune de mes modifs ne marche…

    #609870
    atch
    Participant
    Chevalier WordPress
    127 contributions

    Regarde si tu as un float : Left dans ton # content

    si tu ne l’as pas, met le 😉

    ou aussi, tu as peut etre dans ton index.php de ton theme un

    parasite…

    V++

    Atch

    #609871
    asokimoz
    Participant
    Initié WordPress
    6 contributions

    J’ai regarder si il manquait le float: Left et il est déjà :

    #content { 
    float:left;
    width: 277px;
    margin-left:70px;
      }

    Pour l’index.php de mon theme a première vus il n’y aucun div parasite (index.php en entier) :

    
    
    
    
    
    	
    <div class="post" id="post-“>
    	 <h2 class="storytitle"><a href="” rel=”bookmark”></a></h2>
    <h3> <span class="commentlink"> </span></h3>
    	
    
    </div>
    	
    	<div class="storycontent">
    		
    	</div>
    	<div class="meta"> @  
    
    
    </div>
    
    
    
    
    <p></p>

    #609872
    atch
    Participant
    Chevalier WordPress
    127 contributions
    asokimoz wrote:
    J’ai regarder si il manquait le float: Left et il est déjà :

    #content { 
    float:left;
    width: 277px;
    margin-left:70px;
      }

    normal, tu as vu ton margin left!!! il est à 70 px pour une largeur totale de 277px.
    mets le à 10 px pour voir ce que cela donne.

    Sinon si ça ne marche pas enleve margin-left car j’ai bien l’impression que c’est ça qui déconne et mets un padding left de 10 px

    Au passage, je le trouve pas trés large ton content…sachant que c’est la partie principale de ton site 😉

    Et les style de ton “storyconten” et “post” c’est quoi?

    Pas facile quand on a que des morceaux…j’ai l’impression que “content” n’est pas utilisé, je le vois pas dans ton index. Maintenant je marche de mémoire avec mon theme et chaque theme à se feuille de styles.

    V++

    Atch

    #609873
    asokimoz
    Participant
    Initié WordPress
    6 contributions

    je l’ai mis a 10px et voila ce que sa fait :

    sanstitreqt7.th.png

    Même en mettant le padding left de 10 px cela reste la même chose…

    Et les style de ton “storyconten” et “post” c’est quoi?

    Sincèrement j’en ais aucune idée…

    Voila tout le CSS

    un deuxième fichier CSS s’apelle ie.css le voila :

    body {padding-left:1px;
    color:#35393D}
    
    #rap {margin-top:-15px;
    color:#fff}

    Et celui de style.css :

    body { 
    background: #35393D url(images/background.gif) top center repeat-y;
      margin: 0px;
      padding: 0px;
    font-family : Arial, Helvetica, sans-serif; 
    font-size: 7.5pt;   
    color:#fff;
    text-align:justify;
      scrollbar-face-color: #000000;
      scrollbar-highlight-color: #000000; 
      scrollbar-shadow-color: #000000; 
      scrollbar-3dlight-color: #000000; 
    scrollbar-arrow-color:#feb500;
      scrollbar-track-color: #000000; 
      scrollbar-darkshadow-color: #000000; 
      } 
    
    #rap { 
    margin:auto;
      width: 760px; 
     background:url(‘images/slicker.gif’); 
      background-repeat: no-repeat;
    padding-top:360px;
    
    
      }
    
    #content { 
    float:left;
    width: 277px;
    padding-left: 10px; 
      }
    #menu { 
    float:right;
    width: 180px;
    margin-right:70px;
    padding-left:10px;
    background:#282B2E
    
      } 
    #menu ul { 
      margin: 3px 0px 0px 0px; 
      padding: 0px;
      list-style-type: none;
      }
    #menu ul li {
      margin: 3px;
      }
    #menu p { 
      margin: 3px 0px 0px 0px;
      }
    
    
    
    a 	 {text-decoration: none; color: #fe9500;}
    a:hover   {text-decoration: underline; color: #fe6600; border-bottom: 1px dashed #fe6600;}
    
    textarea, input, select {
    background: none;   
    cursor: crosshair;
    font-family :trebuchet ms, Arial, Helvetica, sans-serif; 
    font-size: 8pt;   
    color:#feb500;
    border-color: #feb500;   
    border-style: dashed; 
    border-top-width: 1px; 
    border-left-width: 1px;
    border-right-width: 1px; 
    border-bottom-width: 1px;}
    
    
    .commentlink {
      padding-left: 15px; 
      background-image: url(images/heart2.gif); 
      background-repeat: no-repeat; 
      background-position: center left; }
    
    .commentlink a {color:#fff}
    
    .commentlink a:hover {color: #feb000}
    
    u { 
      text-decoration: none;
      color: #FFFFFF;
      border-bottom: 1px solid #fca000;
      }
    
    input {background:#000;
    color:#eff;
    border:1px #fca000 solid;}
    
    .meta {text-align:right}
    
    h2 {
    font-family:trebuchet ms, Helvetica, Arial, sans-serif; 
    background:url(images/heart.gif) no-repeat top left;
    padding-left:35px;
    text-transform: uppercase;
    font-weight: bold;
    font-size:9px;
    line-height:12px;
    border-bottom: 1px solid #666666;
    color: #ffffff;
    letter-spacing: 0.3 em;
    text-align:left;
    margin:15px 0 0 0;
    }
    
    h2 a {color:#fff}
    
    #content h3 {margin:0;
    font-family:trebuchet ms, Arial, Helvetica, sans-serif;
    font-size:9px;
    }
    
    #footer {clear:both;
    text-align:center;
    background:url(images/footer.gif) bottom left no-repeat;
    padding:10px 50px 10px 50px}
    
    #header {display:none}
    
    #content img {max-width: 275px}
    
    a img{border:0}

    #609874
    atch
    Participant
    Chevalier WordPress
    127 contributions

    joue avec les parametres de ton “content” c’est lui qui à l’air de déconner

    Joue avec les margin et les pading left en modifiant les pixels!! t’y vas progerssivement et tu vois ce que ça donne…

    en modifiant le theme tu as modifié les largeurs des blocks et maintenant ils sont décalés. il y a que toi qui sait de combien tu les as décalés

    V++

    Atch

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