- Statut : non résolu
- Ce sujet contient 1 réponse, 1 participant et a été mis à jour pour la dernière fois par
0606060606, le il y a 13 années et 3 mois.
2 sujets de 1 à 2 (sur un total de 2)
-
AuteurMessages
-
27 mars 2009 à 23 h 01 min #468694
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 !28 mars 2009 à 13 h 00 min #666911il suffisait de modifier la valeur 🙂
Il était tard hier ^^#top
{
height:116px;merci 😉
-
AuteurMessages
2 sujets de 1 à 2 (sur un total de 2)
- Vous devez être connecté pour répondre à ce sujet.