- Statut : non résolu
- Ce sujet contient 8 réponses, 4 participants et a été mis à jour pour la dernière fois par
Oo, le il y a 15 années et 5 mois.
-
AuteurMessages
-
17 janvier 2007 à 11 h 22 min #450118
Bonjour,
Voilà le code de la stylesheet j’aurai voulu savoir comment augmenter la largeur de ma sidebar j’ai bidouillé tant que j’ai pu impossible de trouver !
merci pour l’aide !
Cordialement,/* Theme Name: Rubric Theme URI: http://tomandpilar.net/tom/ Description: My Theme Version: 1.1 Author: Hadley Wickham and modified by Tom Raftery Author URI: http://tomrafteryit.net/views/ */ /* Whole page ——————————————– */ body { background-image: url(« images/rubric/gradient.gif »); background-attachment: fixed; background-position: bottom; background-repeat: repeat-x; } #content { margin-right: 20em; margin-left: 40px; background-color: #fff; padding-left: 3em; padding-right:3em; padding-top :1em; margin-top: 300px; border-left: 2px #bfbfbf solid; border-right: 2px #e7e7e7 solid; border-top: 2px #bfbfbf solid; border-bottom: 2px #bfbfbf solid; text-align: justify } .commentOptional{ width: 100%; border : 1px solid #cecfce; background-color : #ffffff; margin-top: 5px; padding: 2px; } .commentRequired{ width: 100%; border : 1px solid #cecfce; background-color : #ADAAAD; margin-top: 5px; padding: 2px; } .commentHeader { text-decoration: none; color: #B54141; font-size: 1.5em; } .commentInput { width: 12em; font-family: Verdana, Tahoma, Arial, sans-serif; } .amazon:after { content: « . »; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac */ * html .amazon {height: 1%;} /* End hide from IE-mac */ .amazon { /* width:75%; */ border: 1px solid #cecfce; background-color : #e6e6e6; color : #37de2d; padding: 4px; font-size : .9em; /*float: left;*/; right: 25px; left: 25px; position: inherit; margin-right: 50px; margin-left: 50px; margin-bottom: 10px; } .amazon img { float: left; padding-right:10px; border-style: none; } .amazon p{ display: inline; } /* Image from sxc.hu (http://www.sxc.hu/browse.phtml?f=view&id=16710) Thanks bradleym! */ #header { position: absolute; top: 26px; left: 40px; background-image: url(« images/rubric/pen-sm.jpg »); background-position: top left; background-repeat: no-repeat; width:80%; margin: 0; height: 300px; padding-left: 45px; font-family: Georgia, « Times New Roman », Times, serif; font-weight: normal; font-size: 3em; } /* Content & menu ——————————————– */ #menu { width: 14em; position: absolute; float: right; top: 320px; right: 5em; font-size: 90%; } * html #menu { /* make IE put it in the right place */ right: 5em; } .menuItem{ width: 178px; border : 1px solid #cecfce; background-color : #ffffff; margin-top: 5px; padding: 2px; } .menuItem h2{ font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; margin-top: 2px; margin-bottom: 2px; font-size: 1em; } img {border:1;} a img:hover {background-color: inherit; border:0; } #menu ul { margin-top: 0; padding-left: 0; margin-left: 0; list-style: none; color: #B54141; /*text-indent: 1000em;*/ } #menu a:link, #menu a:visited { color: black; border: none; } #menu ul ul { margin-left: 0; list-style: disc; list-style-position: inside; padding-left: 0.5em; text-indent: 0; color:#6a1124; } #menu form{ margin: 0; } #menu form br { display:none; } input { width: 12em; font-family: Verdana, Tahoma, Arial, sans-serif; } /* Post ——————————————– */ #content h2 { font-size: 0.9em; color: #666; margin-bottom: 0; margin-top: 0; } h3 { font-size: 1.5em; font-weight: normal; margin-bottom: 0.33em; } .storytitle { margin-top: 0.25em; } .post-categories { display: inline; margin: 0; padding: 0; } .post-categories li { display: inline; margin-left: 0 3px 0 0; padding: 0; } .post .meta { font-size: 0.85em; color: #666; } .post .meta * { margin-top: 0; } .post .feedback { margin-bottom: 3em; border-bottom: 1px solid #ccc; padding-bottom: 1px; } /* Credit ——————————————– */ p.credit { margin-right: 20em; margin-left: 40px; padding: 0.5em; font-size: 90%; } p.credit a:visited, p.credit a:link { border: none; } /* Basic typography ——————————————– */ body { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 80%; } p, td, th, li { font-size: 1em; line-height: 1.65em; } a:link, a:visited { text-decoration: none; color: #B54141; border: 1px solid white; } a:hover { background-color: #eee; border: 1px solid #ccc; } /* Temporary & testing ——————————————– */ /* Backup of coloured menu headings #menu ul { margin-top: 0; padding-left: 0; margin-left: 0; list-style: none; background-color: #B54141; color: #fff; padding: 1px; } #menu ul ul { background-color: white; margin-left: 0; list-style: disc; list-style-position: inside; padding-left: 0.5em; } #menu ul ul * { /* Theme Name: Rubric Theme URI: http://tomandpilar.net/tom/ Description: My Theme Version: 1.1 Author: Hadley Wickham and modified by Tom Raftery Author URI: http://tomrafteryit.net/views/ */ /* Whole page ——————————————– */ body { background-image: url(« images/rubric/gradient.gif »); background-attachment: fixed; background-position: bottom; background-repeat: repeat-x; } #content { margin-right: 20em; margin-left: 40px; background-color: #fff; padding-left: 3em; padding-right:3em; padding-top :1em; margin-top: 300px; border-left: 2px #bfbfbf solid; border-right: 2px #e7e7e7 solid; border-top: 2px #bfbfbf solid; border-bottom: 2px #bfbfbf solid; text-align: justify } .commentOptional{ width: 100%; border : 1px solid #cecfce; background-color : #ffffff; margin-top: 5px; padding: 2px; } .commentRequired{ width: 100%; border : 1px solid #cecfce; background-color : #ADAAAD; margin-top: 5px; padding: 2px; } .commentHeader { text-decoration: none; color: #B54141; font-size: 1.5em; } .commentInput { width: 12em; font-family: Verdana, Tahoma, Arial, sans-serif; } .amazon:after { content: « . »; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac */ * html .amazon {height: 1%;} /* End hide from IE-mac */ .amazon { /* width:75%; */ border: 1px solid #cecfce; background-color : #e6e6e6; color : #37de2d; padding: 4px; font-size : .9em; /*float: left;*/; right: 25px; left: 25px; position: inherit; margin-right: 50px; margin-left: 50px; margin-bottom: 10px; } .amazon img { float: left; padding-right:10px; border-style: none; } .amazon p{ display: inline; } /* Image from sxc.hu (http://www.sxc.hu/browse.phtml?f=view&id=16710) Thanks bradleym! */ #header { position: absolute; top: 26px; left: 40px; background-image: url(« images/rubric/pen-sm.jpg »); background-position: top left; background-repeat: no-repeat; width:80%; margin: 0; height: 300px; padding-left: 45px; font-family: Georgia, « Times New Roman », Times, serif; font-weight: normal; font-size: 3em; } /* Content & menu ——————————————– */ #menu { width: 14em; position: absolute; float: right; top: 320px; right: 5em; font-size: 90%; } * html #menu { /* make IE put it in the right place */ right: 5em; } .menuItem{ width: 178px; border : 1px solid #cecfce; background-color : #ffffff; margin-top: 5px; padding: 2px; } .menuItem h2{ font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; margin-top: 2px; margin-bottom: 2px; font-size: 1em; } img {border:1;} a img:hover {background-color: inherit; border:0; } #menu ul { margin-top: 0; padding-left: 0; margin-left: 0; list-style: none; color: #B54141; /*text-indent: 1000em;*/ } #menu a:link, #menu a:visited { color: black; border: none; } #menu ul ul { margin-left: 0; list-style: disc; list-style-position: inside; padding-left: 0.5em; text-indent: 0; color:#6a1124; } #menu form{ margin: 0; } #menu form br { display:none; } input { width: 12em; font-family: Verdana, Tahoma, Arial, sans-serif; } /* Post ——————————————– */ #content h2 { font-size: 0.9em; color: #666; margin-bottom: 0; margin-top: 0; } h3 { font-size: 1.5em; font-weight: normal; margin-bottom: 0.33em; } .storytitle { margin-top: 0.25em; } .post-categories { display: inline; margin: 0; padding: 0; } .post-categories li { display: inline; margin-left: 0 3px 0 0; padding: 0; } .post .meta { font-size: 0.85em; color: #666; } .post .meta * { margin-top: 0; } .post .feedback { margin-bottom: 3em; border-bottom: 1px solid #ccc; padding-bottom: 1px; } /* Credit ——————————————– */ p.credit { margin-right: 20em; margin-left: 40px; padding: 0.5em; font-size: 90%; } p.credit a:visited, p.credit a:link { border: none; } /* Basic typography ——————————————– */ body { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 80%; } p, td, th, li { font-size: 1em; line-height: 1.65em; } a:link, a:visited { text-decoration: none; color: #B54141; border: 1px solid white; } a:hover { background-color: #eee; border: 1px solid #ccc; } /* Temporary & testing ——————————————– */ /* Backup of coloured menu headings #menu ul { margin-top: 0; padding-left: 0; margin-left: 0; list-style: none; background-color: #B54141; color: #fff; padding: 1px; } #menu ul ul { background-color: white; margin-left: 0; list-style: disc; list-style-position: inside; padding-left: 0.5em; } #menu ul ul * { background-color: white; color: #000; width: 100%; } #menu table, #menu form, #menu caption { background-color: #fff; color: black; width: 100%; } */ background-color: white; color: #000; width: 100%; } #menu table, #menu form, #menu caption { background-color: #fff; color: black; width: 100%; } */
17 janvier 2007 à 12 h 50 min #589150Bonjour Codfinger,
Je ne sais pas si c’est utile de mentionner tout ton CSS ^^ Un simple lien vers ton site aurais été aussi bien ^^ [enfin je pense] !
Néanmoins, je crois que c’est menuItem et le width à modifié !!!
# .menuItem{ # width: 178px; <:::::::::::::::::::::::::::::::: C'est ici ^^ # border : 1px solid #cecfce; # background-color : #ffffff; # margin-top: 5px; # padding: 2px; # }
Ensuite va falloir revoir au niveau de la colonne principale et jouer avec les taille et les positionnement afin que l’espacement soit adéquat !
Oo
PS :
17 janvier 2007 à 12 h 53 min #589151oups ! t’a ultra raison !
scusez pour la longueur…
je vais essayer !17 janvier 2007 à 13 h 01 min #589152No probs, sache que je ne suis pas un pro du CSS donc voila ! Mais j’ai deja fait la manip sur un autre thème et c’était un peut près la même démarche !!!
17 janvier 2007 à 17 h 18 min #589153C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !
18 janvier 2007 à 7 h 59 min #589154codfingers wrote:C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !Si tout était en WYSIWYG, j’aurai plus de job 😉
18 janvier 2007 à 9 h 23 min #589155+ 1 pour AmO !!!
18 janvier 2007 à 12 h 40 min #589156AmO wrote:codfingers wrote:C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !Si tout était en WYSIWYG, j’aurai plus de job 😉
Et moi j’en aurai peut-être un ! 😋
18 janvier 2007 à 15 h 04 min #589157😆
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.