[problème résolu] Redimensionnement de mes colonnes

Question

clemini

21 Feb 2007 à 10:34

Bonjour,

j'ai une question qui va sembler stupide mais après plusieurs tentatives infructueuses, je me permets de vous exposer afin d'y trouver une solution Smiley smile

Le voici donc:

je suis en train de customizer le thème suivant http://www.obharath.net/blog/3columnk2/

pour un blog bati sur une architecture wordpress. seulement voilà, je n'arrive pas à comprendre dans la feuille css la ligne qui régit la taille des 2 colonnes à droite.

j'ai fait plusieurs essais à taton aux endroits où je trouvais {width: xxx} mais rien ne semble y faire;

alors voilà si une ame charitable pouvait me dire quelle ligne modifier, ce serait fort aimable

voici mon code

(à noter que la partie droite s'appelle "secondary" et contient donc les 2 colonnes appelées "lsidebar" et "rsidebar")





/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {
	padding: 0;
	margin: 0;
	}



img {
	border: 0;
	}

body {
	font: 62.5% Helvetica,Verdana,Sans-Serif,Arial,'Lucida Grande',   ; /* Resets 1em to 10px */
	color: #444;
	 background: #fff;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: #F8F8F8;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 10px;
	position: relative;
	width: 960px;
	border: 0px solid #ddd;
	border-top: none;
	}

* html #page { width: 960px } /* IE hack */

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;

	 background:#232323
	}

#primary {
	width: 610px;
	float: left;
	padding: 20px 0 10px;
	margin: 00px 00px 0 0px;
	display: inline;
	}



.secondary {
	font-size: 1em;font-family: Helvetica,sans-serif,arial;
	line-height: 1.5em;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 26%;
	color: #666;
	position: relative;
	}




.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font-size: 1em;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	}

* html .admintab { padding: 5px 15px 6px }	/* IE hack */
	
a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/*- Headings */

h1, h2, h3, h4 {
	font-family: Helvetica, sans-serif,arial;
	}

h1 { /* H1 is the title in the header */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 75px 40px 0;visibility:hidden;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1 a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em !important;
	font-weight: bold !important;
	padding: 0 !important;
	display: inline;color:#232323
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	}

#primary .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary .entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary .k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.entry-head {
	margin-top: 10px;
	}

body.page .entry-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

body.page .entry-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 10px 0 0;
	padding: 0;
	position: relative;
	}
	
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}



.secondary a{color:#232323}
.secondary a:hover{background:#A85701}


#primary .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .k2-asides .entry-head .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .entry-content {
	font-size: 1.5em;
	color: #999;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails {
	margin-top: 10px;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.secondary .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .k2-asides p {
	display: inline;
	}

.secondary .k2-asides .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

body.page .entry-edit {
	position: absolute;
	right: 0;
	margin-top: -15px;
	}

.entry-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('images/pencil.png') left center no-repeat;
	height: 16px;
	}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('images/comment_edit.png') left center no-repeat;
	height: 16px;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #232323;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;font-weight:bold;
	display: block;
	margin-top: 1px;
	color: #232323;
	}

.entry-meta address {
	display: inline;
	font-style: normal;
	}

.entry-meta a, .comment-meta a {
	color: #A85701;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 10px;
	}

.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 5px;
	}

.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.entry-content {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: justify;
	color: #444;
	}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	margin: 13px 0;
	}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
	margin: 5px 0;
	}

.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
.single .k2-asides .entry-content div,
.single .k2-asides .entry-content blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

#commentlist li {
	margin: 10px 0 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

#commentlist li .comment-content {
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
	}

#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em Helvetica,'Century Gothic', 'Lucida Grande', Arial , Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

li.byuser {
	background: #f6f7f8;
	}

li.bypostauthor {
	background: #eee;
	}

li.bypostauthor blockquote {
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;              
	}
	 
#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}
	
#leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

.comments #error {
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

.comments input[type=text], .comments textarea {
	font: 1.2em 'Courier New', Courier, Monospace;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	height: 250px;
	width: 100%;
	margin: 10px 0;
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

#footer {
	clear:both;
text-align:center;
border-top:1px solid #ddd;
margin:20px 0 0;font-size: 1.1em
	}



#footer a {
	color: #A85701;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: none;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #A85701;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #b41;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

#primary .entry-content img {
	margin: 0 3px;
	padding: 4px;
	border: 0px solid #ccc;
	max-width: 100%;
	}

#primary table img {
	max-width: none;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px !important;
	margin: 0 0 2px 7px !important;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

.chronodata abbr { border: 0; }

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/*- Begin Lists */
.archive-list {
	list-style: none;
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	display: block;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	}

.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary div p {
	margin-top: 0.5em;
	}

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

#searchform {
	margin-top: 20px;
	display: block;
	position: relative;
	}

#search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #444;
	padding: 1px;
	margin: 0;
	}

#s {
	width: 79%;
	}

#s.livesearch {
	width: 89%;
	}

#searchreset {
	position: absolute;
	right: 3px;
	top: 3px;
	height: 13px;
	width: 13px;
	background: url('images/reset-fff.png') center center no-repeat;
	}

#searchload {
	position: absolute;
	right: 0;
	top: 0;
	height: 18px;
	width: 18px;
	background: url('images/spinner.gif') center center no-repeat;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

/*- Attachment */

.attachment {
	text-align: center;
	}

Modifié par clemini (21 Feb 2007 - 21:32)

Raphael

Administrateur

21 Feb 2007 à 11:24

Hello,

Le concours hebdomadaire du code posté le plus long et indigeste est remporté haut la main !

Heureusement que tu as laissé l'url de la page en question, ce sera bien plus facile pour te faire aider Smiley cligne

clemini

21 Feb 2007 à 11:30

oui j'ai tout laissé volontairement parce que je me dis que j'avais du louper une étape quelque part sans savoir où donc j'ai fais un copier collé bête et méchant Smiley smile

fvsch

21 Feb 2007 à 11:58

Les classes "lsidebar" et "rsidebar" conditionnent la largeur de ces deux blocs.

clemini

21 Feb 2007 à 12:14

ben oui c'est ce que je pense spontanément sauf qu'il n'y a pas de classe lsidebar et rsidebar dans le code fourni Smiley ohwell

et supposons que je rajoute #lsidebar {width:10px} , il n'y a rien qui change encore.

Alan

21 Feb 2007 à 15:09

clemini a écrit :
#lsidebar {width:10px}

Bonjour,
S'il s'agit de classes, le sélecteur devrait être .lsidebar

a écrit :
'il n'y a pas de classe lsidebar et rsidebar dans le code fourni

Ces blocs de déclarations se trouvent dans le fichier switch.css
Modifié par Alan (21 Feb 2007 - 15:10)

clemini

21 Feb 2007 à 19:33

ah mais il est hyper vicieux ce thème, tu as raison il y a un 2ieme fichier css auquel je n'avais pas touché!

ça doit certainement venir de là merci beaucoup!!

je met le topic en résolu dès que j'aurai fait le test.

merci encore

Sujet clos

Questions générales et questions de débutants

[problème résolu] Redimensionnement de mes colonnes