Pousser vers le haut mon header (Créer un compte)

  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #468694
    0606060606
    Participant
    Maître WordPress
    523 contributions

    Hello,

    je suis en train de modifier un thème pour un prochain blog seulement je rencontre un mini problème avec le css.

    Je souhaiterais en fait pousser vers le dessus mon header et mon contenu (juste quelques pixels)

    Il y a une image ici de mon thème (french proporty modifié)

    Et le code css est le suivant :

    /*
    Theme Name: French Properties
    Theme URI: http://themes.francepropertyshop.com/french-properties/
    Description: Two column theme featuring a row of French properties in the header.
    Version: 1.0
    Author: France Property Shop
    Author URI: http://themes.francepropertyshop.com/
    Tags: white, grey, brown, fixed width, right siderbar, 2 columns, widget ready
    */
    
    @import « reset-min.css »;
    
    /* slightly enhanced, universal clearfix hack */
    .clearfix:after {
         visibility: hidden;
         display: block;
         font-size: 0;
         content:  » « ;
         clear: both;
         height: 0;
         }
    .clearfix { display: inline-block; }
    /* start commented backslash hack */
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
    /* close commented backslash hack */
    body 
    {
    	margin:0;
    	font-size: 62.5%;
    	font-weight:normal;
    	background: #E5E3DC url(« images/bkg.gif ») repeat-x 0 0 !important;
    	color: #333;
    	font-family: Arial, Helvetica, sans-serif;
    }
    
    a
    {
    	text-decoration:none;
    }
    
    #container
    {
    	width:900px;
    	margin:0 auto;
    }
    
    #container img
    {
      display: block;
      }
    
    #top
    {
    	height:116px;
    	width:900px;
    }
    
    #header 
    {
    	width:540px;
    	float:left;
    	margin-top:30px;
    	display:inline;
    }
    
    #header h1
    {
    	font-size:4em;
    	line-height:.7em;
    	font-family:Georgia;
    	margin: 0;
    }
    
    #header span
    {
    	font-weight:bold;
    	font-size:0.275em;
    }
    
    #header a
    {
    	color:#fab800;
    }
    
    #contentcontainer
    {
    	background: #FFF url(« images/containerbkg.jpg ») repeat-y 0 0;
    	width:900px;
    	margin:0 auto;
    	padding:0 5px;
    }
    
    #containerbottom
    {
    	background: transparent url(« images/containerbkgbottom.jpg ») no-repeat 0 0;
    	width:910px;
    	height:10px;
    	margin:0 auto 20px auto;
    }
    
    #content
    {
    	background: #FFF url(« images/contentbkg.jpg ») repeat-y 0 0;
    	width:900px;
    	margin:0;
    	padding:0;
    }
    
    #contenttop
    {
    	float: left;
    	width:900px;
    	height: 7px;
    	line-height: 0;
    	background: #FFF url(« images/topbkg.jpg ») no-repeat 0 0;
    }
    
    
    #column1
    {
      width: 641px;
    	width:597px;
    	float:left;
    	display:inline;
    	padding:0 22px 10px 22px;
    }
    
    #column2
    {
    	width:219px;
    	float:left;
    	display:inline;
    	padding:0 20px;
    }
    
    #column1 h2
    {
    	font-family:Georgia;
    	font-size:3.2em;
    	margin:11px 0 8px 0;
    }
    #column1 h2, #column1 h2 a
    {
      color:#484848;
      }
    
    #column1 h3
    {
    	font-size:1.1em;
    	font-family:Arial;
    	text-transform: uppercase;
    }
    #column1 h3, #column1 h3 a
    {
      color:#333;
      }
    #column1 h3 a:hover
    {
      color:#069;
      }
    
    h3#comments, div#respond h3
    {
      text-transform: none;
      font-family:Georgia;
      font-size: 2em;
      }
    
    div#respond h3
    {
      float:left;
      width: 597px;
      margin: 10px 0 0;
      }
    
    #column2 h2
    {
    	font-family:Georgia;
    	font-size:1.8em;
    	color:#333;
    	margin:12px 0 13px 0;
    }
    
    #column2 .first
    {
    	margin-top:0 !important;
    }
    
    .category
    {
    	background: #FFF url(« images/lineside.gif ») no-repeat 0 100%;
    	padding-bottom:20px;
    }
    
    .category li
    {
    	line-height:160%;
    }
    
    .category a
    {
    	color:#006699;
    	font-size:1.2em;
    }
    .category a:hover
    {
    	text-decoration:underline;
    }
    
    .post 
    {
      float: left;
      width:597px;
      position: relative;
    	background: #FFF url(« images/line.gif ») no-repeat 0 100%;
    	padding-bottom:20px;
    }
    
    .post img
    {
    	margin-top:12px;
    }
    
    p
    {
    	font-size:1.2em;
    	color:#333;
    	line-height:150%;
    	margin-top:20px;
    }
    
    p a
    {
    	font-weight:bold;
    	color:#333;
    }
    
    p a:hover
    {
    	text-decoration:underline;
    }
    
    a.more-link
    {
      position: absolute;
      bottom: 20px;
      right: 0;
      color: #069;
      }
    
    .comments
    {
    	background: #FFF url(« images/comment.gif ») no-repeat 0 0;
    	padding-left:22px;
    	margin-top:20px;
    	font-size:1.2em;
    }
    
    .comments a
    {
    	color:#006699;
    	font-weight:bold;
    }
    
    .comments a:hover
    {
    	text-decoration:underline;
    }
    
    .comments div
    {
    	float:right;
    }
    
    #subscriberss
    {
      float: left;
    	background: #FFF url(« images/subscriberss.jpg ») no-repeat 0 0;
    	width:219px;
    	height:123px;
    }
    
    #subscriberss a
    {
    	text-indent:-9999px;
    	display:block;
    	width:219px;
    	height:123px;
    }
    
    #footer
    {
    	clear:left;
    	float: left;
    	width:597px;
    	font-size:1.1em;
    	margin-top:30px;
    }
    
    #footer ul
    {
    	width:450px;
    }
    
    #footer ul li
    {
    	display:inline;
    	float:left;
    	margin-left:10px;
    }
    
    #footer .first
    {
    	margin-left:0;
    }
    
    #footer ul li a
    {
    	margin-right:10px;
    }
    
    #footer a
    {
    	color:#666;
    }
    
    #footer a:hover
    {
    	text-decoration:underline;
    }
    
    #footer #copyright
    {
    	float:right;
    }
    
    #footer #copyright a
    {
    	color:#006699;
    }
    
    .navigation {
      float: left;
      width: 597px;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 20px;
      }
    .navigation a
    {
      font-size: 1.2em;
      color: #069;
      }
    .alignright {
      float: right;
      }
    .alignleft {
      float: left
      }
    
    .entry p a:visited {
    	color: #b85b5a;
    	}
    
    .commentlist li, #commentform input, #commentform textarea {
    	font: 0.9em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	}
    .commentlist li ul li {
    	font-size: 1em;
    }
    
    .commentlist li {
    	font-weight: bold;
    }
    
    .commentlist li .avatar { 
    	position: absolute;
    	top: 4px;
    	right: 0;
    	border: 1px solid #eee;
    	padding: 2px;
    	background: #fff;
    	}
    
    .commentlist cite, .commentlist cite a {
    	font-weight: bold;
    	font-style: normal;
    	color: #333;
    	}
    .commentlist cite, .commentlist span
    {
      font-size: 1.3em;
      }
    
    .commentlist p {
    	font-weight: normal;
    	line-height: 1.5em;
    	text-transform: none;
    	}
    
    #commentform p {
    	font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	}
    
    .commentmetadata {
    	font-weight: normal;
    	}
    
    .alignright {
    	float: right;
    	}
    
    .alignleft {
    	float: left
    	}
    /* End Images */
    
    
    
    /* Begin Lists
    
    	Special stylized non-IE bullets
    	Do not work in Internet Explorer, which merely default to normal bullets. */
    
    html>body .entry ul {
    	margin-left: 0px;
    	padding: 0 0 0 30px;
    	list-style: none;
    	padding-left: 10px;
    	text-indent: -10px;
    	}
    
    html>body .entry li {
    	margin: 7px 0 8px 10px;
    	}
    
    .entry ul li:before, #sidebar ul ul li:before {
    	content: « 0BB 020 »;
    	}
    
    .entry ol {
    	padding: 0 0 0 35px;
    	margin: 0;
    	}
    
    .entry ol li {
    	margin: 0;
    	padding: 0;
    	}
    
    .postmetadata ul, .postmetadata li {
    	display: inline;
    	list-style-type: none;
    	list-style-image: none;
    	}
    
    .entry form { /* This is mainly for password protected posts, makes them look better. */
    	text-align:center;
    	}
    
    select {
    	width: 130px;
    	}
    
    #commentform input {
    	width: 170px;
    	padding: 2px;
    	margin: 5px 5px 1px 0;
    	}
    
    #commentform {
      float: left;
      width: 597px;
    	margin: 10px 0 0;
    	}
    #commentform textarea {
    	width: 597px;
    	width: 591px;
    	padding: 2px;
    	}
    #respond:after {
    		content: « . »; 
    	    display: block; 
    	    height: 0; 
    	    clear: both; 
    	    visibility: hidden;
    	}
    #commentform #submit {
    	margin: 0 0 5px auto;
    	float: right;
    	}
    /* End Form Elements */
    
    
    
    /* Begin Comments*/
    .alt {
    	margin: 0;
    	padding: 10px;
    	}
    
    .commentlist {
    	padding: 0;
    	text-align: justify;
    	}
    
    .commentlist li {
    	margin: 15px 0 10px;
    	padding: 5px 5px 10px 10px;
    	list-style: none;
    
    	}
    .commentlist li ul li { 
    	margin-right: -5px;
    	margin-left: 10px;
    }
    
    .commentlist p {
    	margin: 10px 5px 10px 0;
    }
    .children { padding: 0; }
    
    #commentform p {
    	margin: 5px 0;
    	}
    
    .nocomments {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	}
    
    .commentmetadata {
    	margin: 4px 0 0;
    	display: block;
    	font-size: 1.1em;
    	}
    .commentmetadata, .commentmetadata a {
    	color: #333;
    	}
    /* End Comments */
    
    
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    	cursor: help;
    	}
    
    acronym, abbr {
    	border-bottom: 1px dashed #999;
    	}
    
    blockquote {
    	margin: 15px 30px 0 10px;
    	padding-left: 20px;
    	border-left: 5px solid #ddd;
    	}
    
    blockquote cite {
    	margin: 5px 0 0;
    	display: block;
    	}
    
    .center {
    	text-align: center;
    	}
    
    .hidden {
    	display: none;
    	}
    
    hr {
    	display: none;
    	}
    
    a img {
    	border: none;
    	}
    
    /* End Various Tags & Classes*/
    
    
    
    /* Captions */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    	-moz-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }
    /* End captions */
    
    ol.commentlist, ol.commentlist li, ol.commentlist li div
    {
      float: left;
      width: 597px;
      padding: 0;
      }
    ol.commentlist li
    {
      position: relative;
      border-top: 1px dotted #999;
      margin: 10px 0 0;
      padding: 10px 0;
      }
    ol.commentlist li p
    {
      float: left;
      margin: 1em 0 0;
      }

    si vous avez une petite idée je suis preneur
    merci !

    #666911
    0606060606
    Participant
    Maître WordPress
    523 contributions

    il suffisait de modifier la valeur 🙂
    Il était tard hier ^^

    #top
    {
    height:116px;

    merci 😉

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