Largeur de la sidebarre

Statut : non résolu

Ce sujet a 8 réponses, 4 participants et a été mis à jour il y a 12 années et 4 mois par Oo.

9 sujets de 1 à 9 (sur un total de 9)

Auteur
Messages

17 janvier 2007 à 11 h 22 min #450118

codfingers

Participant

Maître WordPress

541 contributions

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 #589150

Membre

Maître WordPress

2486 contributions

Bonjour 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 !

PS :

17 janvier 2007 à 12 h 53 min #589151

codfingers

Participant

Maître WordPress

541 contributions

oups ! t’a ultra raison !
scusez pour la longueur…
je vais essayer !

17 janvier 2007 à 13 h 01 min #589152

Membre

Maître WordPress

2486 contributions

No 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 #589153

codfingers

Participant

Maître WordPress

541 contributions

C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !

18 janvier 2007 à 7 h 59 min #589154

AmO

Participant

Maître WordPress

4452 contributions

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 😉

18 janvier 2007 à 9 h 23 min #589155

Membre

Maître WordPress

2486 contributions

+ 1 pour AmO !!!

18 janvier 2007 à 12 h 40 min #589156

benkenobi

Gestionnaire du forum

Maître WordPress

4080 contributions

AmO 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

Membre

Maître WordPress

2486 contributions

😆

Auteur
Messages

9 sujets de 1 à 9 (sur un total de 9)

Vous devez être connecté pour répondre à ce sujet.