Форум Сайтостроение Веб-строительство

Как в ДЛЕ расширить блок

12
LM
На сайте с 19.04.2010
Offline
39
love_money
1008

Всем привет, сегодня понадобилось расширить блоки на сайте чуть чуть, подскажите пожалуйста где это именно делается? У меня просто реклама не влезает, а ширина блока немного узковата.

[Удален]
#1

в style.css, за ширину отвечает параметр "width:"

ток самому лучшее не лезть иначе весь диз поплыть может

[Удален]
#2

Ну вы и пошутили, вы б хоть ссылку на сайт дали или исходный код выложили...

LM
На сайте с 19.04.2010
Offline
39
love_money
#3
Сашко:
Ну вы и пошутили, вы б хоть ссылку на сайт дали или исходный код выложили...

http://livefootball.ws блок справа наверху, реклама гугла вылезает за края, вот я и хочу блок немного расширить. Заранее спасибо за помощь.

[Удален]
#4

в style.css

.blocks {

background-attachment: scroll;

background-clip: border-box;

background-color: #f6f6f6;

background-image: url("http://livefootball.ws/templates/Ghosther/images/rightblock_bg.gif");

background-origin: padding-box;

background-position: 0% 50%;

background-repeat: repeat-y;

background-size: auto;

margin-bottom: 8px;

position: relative;

width: 203px;

}

изменить выделенное зеленым на нужное значение

Оптимизация плавающих фреймов для Руководство по разметке JSON-LD Featured Snippets в Google:
LM
На сайте с 19.04.2010
Offline
39
love_money
#5
Ukrservice:
в style.css

.blocks {
background-attachment: scroll;
background-clip: border-box;
background-color: #f6f6f6;
background-image: url("http://livefootball.ws/templates/Ghosther/images/rightblock_bg.gif");
background-origin: padding-box;
background-position: 0% 50%;
background-repeat: repeat-y;
background-size: auto;
margin-bottom: 8px;
position: relative;
width: 203px;
}

изменить выделенное зеленым на нужное значение

Спасибо, но такого кода я там не нашёл, вот я залил вам style.css сюда http://ifolder.ru/23239479

[Удален]
#6
love_money:
Спасибо, но такого кода я там не нашёл, вот я залил вам style.css сюда http://ifolder.ru/23239479

<div class="blocks">

в том файле что Вы скинули нет стилей для класса blocks

Ukrservice добавил 28.04.2011 в 22:11

/templates/Ghosther/css/main.css вот этот файл дайте

LM
На сайте с 19.04.2010
Offline
39
love_money
#7
Ukrservice:
<div class="blocks">

в том файле что Вы скинули нет стилей для класса blocks

Ukrservice добавил 28.04.2011 в 22:11
/templates/Ghosther/css/main.css вот этот файл дайте

Держите http://ifolder.ru/23239876

[Удален]
#8
love_money:
Держите http://ifolder.ru/23239876

/*author: f0rt1 and V1ru*/

/*Copyright: NiceWeb.Net.Ru*/

/*e-mail: shablonidle@rambler.ru */

/*URL: http://www.niceweb.net.ru*/

/*file name: "main.css"*/

@import url(../css/style.css);

@import url(../css/blocks.css);

@import url(../css/base.css);

@import url(../css/engine.css);

/css/blocks.css теперь этот ( форт буаярд акойто, а не верстка)

LM
На сайте с 19.04.2010
Offline
39
love_money
#9
Ukrservice:
/*author: f0rt1 and V1ru*/
/*Copyright: NiceWeb.Net.Ru*/
/*e-mail: shablonidle@rambler.ru */
/*URL: http://www.niceweb.net.ru*/
/*file name: "main.css"*/

@import url(../css/style.css);
@import url(../css/blocks.css);
@import url(../css/base.css);
@import url(../css/engine.css);

/css/blocks.css теперь этот ( форт буаярд акойто, а не верстка)

http://ifolder.ru/23239973

[Удален]
#10

.blocks {

width: 203px;

background: #f6f6f6 url(../images/rightblock_bg.gif) left repeat-y;

margin-bottom: 8px;

position: relative;

}

.blocks div{

background: transparent url(../images/rightblock_top.png) top left no-repeat;

width: 203px;

}

.blocks div div{

width: 203px;

background: transparent url(../images/rightblock_bottom.png) bottom left no-repeat;

}

.blocks div div div{

width: 187px;

padding-bottom: 8px;
margin-left: 8px;
margin-right: 8px;

padding-top: 10px;

background: transparent;

}

.blocks div div div h3{

width: 187px;

font-size: 12px;

color: #000;

font-weight: bold;

font-family: Tahoma, Helvetica, sans-serif;

text-indent: 10px;

padding: 0 0 16px 0;

margin: 0 0 0 0;

background: transparent url(../images/rigthblock_line.png) bottom left no-repeat;

}

.blocks div div div div {

padding: 0px;

margin: 0px;

}

вариантов:

1. Убрать то что выделенно зеленым (отступы от левого и правого края блока)

2. Увеличить ширину блока (то что нужно увеличивать выделено желтым), но могут быть проблемы с нормальным отображением блока

3. Заключить рекламу гугла в блок и уменьшить его в процентном соотношении до 95%

Оптимизация плавающих фреймов для Как сделать красивое письмо Featured Snippets в Google:
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий