Верстка боковушки

[zh-r-a]

Собственно все на скриншоте, надо увеличить боковушку чтобы буквы не выползали за нее. Пробовал в папке имаджис что-то увеличивать но, видимо за ширину отвечает какой-то файл в стайл.цсс или еще где, там у меня сверху облако тегов анимированное, ниже идет виджет - популярные сообщения, подскажите как проблему решить можно?

 

[hackee]

ага отвечает файл .css но только не нужно что то увеличивать, нужно просто правильно сверстать что бы текст переносился на следующую строчку.

 

[bolddot]

Обычно за это отвечают padding и margin в CSS. Было бы не плохо взглянуть на ваш код.

 

[zh-r-a]

ага отвечает файл .css но только не нужно что то увеличивать, нужно просто правильно сверстать что бы текст переносился на следующую строчку.

Эта боковушка все равно узенькая, на будущее ни баннер толковый не вставить ни еще что-то, да и перенос в данном случае будет заголовок уродовать.

Обычно за это отвечают padding и margin в CSS. Было бы не плохо взглянуть на ваш код.

Сейчас поищу. Какой именно кусок нужен? Там тьма этих падингов и тп)))

 

[bolddot]

Сейчас поищу. Какой именно кусок нужен? Там тьма этих падингов и тп)))

Давай тогда сразу главный CSS. Ну а если так то id или class родителя панели где расположен заголовок, и сам заголовок.

 

[zh-r-a]

Слушай вообще не понял, я в терминах пока нубас ужасный, вот нашел такой кусок,

/*============================*/
/*==== Right Menu Styles =====*/
/*============================*/

#primary {
	float: right;
	overflow: hidden;
	width: 266px;
	font-size:14px;
	background:url("images/menu_right_bg.png") top left repeat-y;
	margin-top:15px;
}

#primary div.primaryBgTop{
	background:url("images/menu_right_top_bg.png") top left no-repeat;
}

#primary div.primaryBgDown{
	background:url("images/menu_right_down_bg.png") bottom left no-repeat;
	padding-bottom:70px;
}

#primary h3{
	font-family: Yanone Kaffeesatz;
	font-size:21px;
	color:#404040;
	font-weight:normal;
	padding-left:33px;
	padding-bottom:15px;
	padding-top:39px;
	background:url("images/menu_right_line.png") bottom left no-repeat;
	margin-top:0;

}

#primary ul li a{	
	display:block;
	width:160px;
	padding-left:50px;
	padding-top:6px;
	padding-bottom:6px;
	background:url("images/arrow_menu_right.png") left no-repeat;
}

.recentcomments{	
	display:block!important;
	width:160px!important;
	padding-left:30px!important;
	padding-top:6px!important;
	padding-bottom:6px!important;
}

 

#primary ul li ul li, .widget ul li, .recentcomments{
	background:url("images/menu_right_line.png") bottom left no-repeat!important;
	margin-left:0px;
}

#primary ul li ul li.current-cat{
	background:url("images/menu_right_curent_cat.png") bottom left no-repeat;	
}

#primary ul li ul li.current-cat a{
	color:#e65f15;	
}

#primary ul li ul li:hover, .widget ul li:hover, .widget_recent_comments ul li:hover {
	background:url("images/menu_right_curent_cat.png") bottom left no-repeat!important;
}

.Flickr{
	padding-left:32px;
	width:145px;
	text-align:left;
}

.Flickr .more{
	background-image:url("images/arrow_menu_right.png");
	background-position: -32px 96%;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-top:1px;
	font-size:14px!important;
}


.Flickr img{	
	margin-right:4px;
	margin-left:-2px;
	margin-bottom:7px;
	border:2px solid white;
}

#primary .Flickr h3{
	padding-left:0;
	background:none;
	padding-bottom:9px;
}

.flickr_badge_image{
	float:left;
	margin-right:4px;
	margin-bottom:4px;

Что-то там про меню есть)))

 

[bolddot]

#primary {
        float: right;
        overflow: hidden;
        width: 266px; /*Можно изменить размер тут, если не ошибаюсь.*/
        font-size:14px;
        background:url("images/menu_right_bg.png") top left repeat-y;
        margin-top:15px;
}

 

[zh-r-a]

Ахтунги! Твой метод не помог, начал править ширину в стайл.цсс в каждой по очереди, дошел до этого и боковушка начала расти))) но! дойдя до значения 310 пикселей начала превращаться не в боковушку а в скошенный подвал)))

/*============================*/
/*==== Page Contact Style ====*/
/*============================*/

.textwidget p{
	padding-left:30px;
}

.Contacts#primary{
	font-size:13px;
	width:310px;- этот параметр нарастил боковушку
}

.Contacts#primary p.arr{
	padding-left:40px;
	background-image:url("images/arrow_menu_right.png");
	background-repeat:no-repeat;
	background-position: -7px 6px;
	margin-top:11px;
	margin-bottom:18px;
}

.Contacts#primary .FrameFillet{
	margin-left:20px;
	padding-left:17px;
	padding-bottom:0;
	width:133px;
	font-size:15px;
	font-family: Yanone Kaffeesatz;
}

.Contacts#primary .FrameFillet p{
	background:none;
	padding-left:0;
}

.Contacts#primary .FrameFillet img{
	margin-right:9px;
}

a.get_in_touch{
	position:relative;
	top:-6px;
}

 
.Map{
	margin-top:27px;

Вернулся чуть выше помятуя что вроде как что-то изменялось здесь, начал править ширину вновь и наткнулся на еще одну нужную вещь, она была 650, уменьшил до 600 и боковушка встала на место)))

.BgPaper{
	background-image: url("images/main_bg.png");
	background-repeat:repeat-y;
	position:relative;
	bottom:20px;
}

#container {
	width: 100%;
}

#content {
	width:600px; - а этот укоротил пост
	float:left;

Все это конечно здорово, но зная конкретные места и параметры может все же кто-нибудь сможет сделать чтобы и ширина поста вернулась до 650 (а лучше 700) и боковушка при значении 320 не уползала черт знает куда?

Тем не менее - почти победа!)))