• Страница 1 из 1
  • 1
Жесткие границы
SE7EN
Дата: Воскресенье, 06.12.2009, 23:21 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 532
Сообщений: 20
как задать диву жесткие границы чтоб не то что в нути него его не растягивало?

Ситуация такая: просматривая сайт в Хроме заметил что в нём можно текстовые поля тянуть и в ширину и в высоту, например поле с правилами сайта. А это ломает диз.
Или как этому полю задать жесткие границы чтоб не тянулось?

  
ad
Дата: Понедельник, 07.12.2009, 00:54 | Сообщение # 2
Группа: Удаленные
Может position:fixed ? Попробуй.
  
UnderShot
Дата: Понедельник, 07.12.2009, 11:08 | Сообщение # 3
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Попробуй:
Code
.class{max-width:500px;max-height:500px;}


Очень важная тема!
Filmzona — онлайн фильмы.
  
Slimmi
Дата: Понедельник, 07.12.2009, 11:13 | Сообщение # 4
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
SE7EN, вот, сам сталкивался с такой проблемой :)
Code
<style>
{max-height:/*высота*/;height:/*высота*/;width:/*ширина*/;max-width:/*ширина*/}
</style>


Большие фотостатусы

Сообщение отредактировал Slimmi - Понедельник, 07.12.2009, 11:13
  
Slimmi
Дата: Понедельник, 07.12.2009, 11:20 | Сообщение # 5
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
UnderShot, нее, если делать
Code
.class{max-width:500px;max-height:500px;}

то Хром автоматически делает размер на порядок меньше и можно маштобировать до укозоного количества px или % ;)
Так что так
Code
<style>
.class {max-height:/*высота*/;height:/*высота*/;width:/*ширина*/;max-width:/*ширина*/}
</style>

Я попробовал и всё работает :)


Большие фотостатусы
  
Slimmi
Дата: Понедельник, 07.12.2009, 11:21 | Сообщение # 6
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
И ещё max-height должен совпадать с height ;)

Большие фотостатусы
  
Aleko
Дата: Понедельник, 07.12.2009, 13:57 | Сообщение # 7
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
ad, Slimmi, UnderShot, читайте внимательнее, о чем просит человек.
Quote (SE7EN)
в Хроме заметил что в нём можно текстовые поля тянуть

В вебкит браузерах реализована возможность растягивать текстовые поля мышкой. Чтобы это отключить в свойства поля нужно добавить стиль
Code
resize:none;
Я об этом уже писал ранее. + в карму)


Бесплатные обои.
  
Slimmi
Дата: Понедельник, 07.12.2009, 14:09 | Сообщение # 8
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Aleko, но и Мой вариант тоже рабочий :)

Большие фотостатусы
  
Slimmi
Дата: Понедельник, 07.12.2009, 14:11 | Сообщение # 9
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Aleko, кстати у тя можно его тянуть ;)

Большие фотостатусы
  
Aleko
Дата: Понедельник, 07.12.2009, 14:42 | Сообщение # 10
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Slimmi, я для своих полей это не запрещал

Бесплатные обои.
  
SE7EN
Дата: Понедельник, 07.12.2009, 19:45 | Сообщение # 11
молчун
Группа: Проверенные
Пользователь №: 532
Сообщений: 20
А где эта ваша карма куда тыкать, чёт не найду?

а вроде оазобрался

Сообщение отредактировал SE7EN - Понедельник, 07.12.2009, 19:57
  
Aleko
Дата: Понедельник, 07.12.2009, 19:56 | Сообщение # 12
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
SE7EN, под аватаром посмотри внимательно)) тыкать на стрелочку.

Бесплатные обои.
  
SE7EN
Дата: Понедельник, 07.12.2009, 20:42 | Сообщение # 13
молчун
Группа: Проверенные
Пользователь №: 532
Сообщений: 20
возник второй вопрос:
у меня текстовое поле такого вида

Code
<textarea cols=\"50\" rows=\"10\" class=\"".$conf['style']."\">".$confu['rules']."</textarea>

если я в CSS порписываю resize:none;

Code

textarea{
  color: #777;
  font-size: 11px;
  font-family: Verdana, Helvetica;
  resize:none;
}

От это влияет на все текстовые поля, А КАК ИХ МОЖНО ИНДИВИДУАЛИЗИРОВАТЬ?
  
Aleko
Дата: Понедельник, 07.12.2009, 22:36 | Сообщение # 14
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Code
<textarea id='blaaa'></textarea>
<style>
#blaaa {resize:none;}
</style>

либо

<textarea class='bla'></textarea>
<style>
.bla {resize:none;}
</style>

либо

<textarea style='resize:none;'></textarea>


Бесплатные обои.
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.