1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Как изменять ширину блоков

Главные вкладки

Аватар пользователя zhassik zhassik 21 октября 2011 в 7:40

Всем доброго дня!
У меня стоит тема всем известная NewsFlash. Сайт работает отлично (www.okmpi.kz).
У меня возникло проблема. В теме newsflash есть блоки user1, user2, user3. Но ширина их связано с общим шириной сайта(если включен user1 и user2, то ширина каждых 50%, а если будет включен 3 блока сарзу, то будет 33% соответственно).
А как можно сделать, чтобы ширина этих блоков были фиксированными. Помогите пожалуйста, я не очень то разбираюсь CSS.
Файл style.css прикреплен

ВложениеРазмер
Иконка простого текстового файла style.txt7.38 КБ

Комментарии

Аватар пользователя bigi bigi 21 октября 2011 в 9:17
.sections {
  width: 100%;
  padding: 0;
}

.section {
  float: left;
}

#section1 {
  border: 1px solid #ccc;
  margin: 4px 0;
}

#section1 .block,
#section2 .block {
  padding: 8px;
}

.section.width99 {
  width: 100%;
}

.section.width49 {
  width: 50%;
}

.section.width33 {
  width: 33%;
}

.section.width24 {
  width: 25%;
}

.sections {
  width: 100%;
}

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

Аватар пользователя thezoom thezoom 21 октября 2011 в 12:36

После обнаружения того, где нужно править попробуйте задать блоку параметр min-width: нужное количество px;.

Аватар пользователя zhassik zhassik 22 октября 2011 в 6:34

Блоки описываются общим классом sections.
Потом если будет включен user1,user2,user3 то классом

(значить каждый блок 33 процента общей ширины).
Допустим у меня всегда включен 3 блока сразу, это значить пользуемся
.
А у меня прикол в том, каждый блок user1,user2,user3 должны быть разной ширины.
Помогите пожалуйста решить эту проблему!
Аватар пользователя bigi bigi 24 октября 2011 в 10:59

ну а что вам мешает написать

.section.user1 {
width: 50%;
}

.section.user2 {
width: 30%;
}

.section.user3 {
width: 20%;
}

в и page.tpl.php внесите соответственные изменения.

Аватар пользователя zhassik zhassik 26 октября 2011 в 9:43

bigi wrote:
ну а что вам мешает написать

.section.user1 {
width: 50%;
}

.section.user2 {
width: 30%;
}

.section.user3 {
width: 20%;
}

в и page.tpl.php внесите соответственные изменения.

подробно обясните пожалуйста, я новичок в этом деле, Пожалуйста помогите.
вот фрагмент кода page.tpl.php:
<?php
$section1count = 0;
if ($user1) {
$section1count++;
}
if ($user2) {
$section1count++;
}
if ($user3) {
$section1count++;
}
?>
<?php if ($section1count): ?>
<?php $section1width = 'width'. floor(99 / $section1count); ?>

<?php if ($user1): ?>
"><?php print $user1; ?>

<?php endif; ?>
<?php if ($user2): ?>

"><?php print $user2; ?>

<?php endif; ?>
<?php if ($user3): ?>

"><?php print $user3; ?>

<?php endif; ?>

пожалуйта помогите, где че надо писать или изменять....