Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Оформление блоков div
 
 автор: FireTiger   (31.01.2008 в 18:18)   письмо автору
 
 

Здавствуйте! :)
Я хочу сделать несколько блоков на сайте с одинаковім оформлением, но с разніми размерами. Допустим, мне надо чтобы у всех блоков был такой стиль:

.bgblock  { 
    position:absolute;
    background: url(bgblock.png);
    padding:3px;
}

Но при этом, чтобы каждый блок имел свои собственные размеры. Как мне правильно это организовать? просто не удобно для каждого блока создавать отельный класс... Помогите плз, я просто не очень в цсс шарю.

   
 
 автор: Волки   (31.01.2008 в 18:33)   письмо автору
 
   для: FireTiger   (31.01.2008 в 18:18)
 

а <div class='bgblock' width='50px' height='50px'> asd</div>
не катит?

   
 
 автор: FireTiger   (31.01.2008 в 18:35)   письмо автору
 
   для: Волки   (31.01.2008 в 18:33)
 

конечно можно было, ну а как это все только в цсс хранить?
может как-то с помощью ID? И вообще можете объяснить какая разница между class и id?

   
 
 автор: girt   (31.01.2008 в 18:38)   письмо автору
 
   для: FireTiger   (31.01.2008 в 18:35)
 

id - это идентификатор бъекта, а class - присваивает свойства этого класса данному объекту. одинаковых id Неможет быть, а вот class'ов пожалуйста...

   
 
 автор: AlexSol   (31.01.2008 в 18:50)   письмо автору
 
   для: Волки   (31.01.2008 в 18:33)
 

совсем не катит! так не пишут

   
 
 автор: CNTv2.0   (31.01.2008 в 18:49)   письмо автору
 
   для: FireTiger   (31.01.2008 в 18:18)
 


В стилях:
.bgblock  { 
    position:absolute;
    background: url(bgblock.png);
    padding:3px;

#first  {width: 12px; height: 34px}
#second {width: 56px; height: 78px}

---------------------------------------------------------------------

В теле документа:
<div id="first"  class="bgblock">12x34</div>
<div id="second" class="bgblock">56x78</div>

   
 
 автор: FireTiger   (31.01.2008 в 18:58)   письмо автору
 
   для: CNTv2.0   (31.01.2008 в 18:49)
 

Спасибо огромное! Как раз то что мне нужно!

   
 
 автор: FireTiger   (01.02.2008 в 10:01)   письмо автору
 
   для: FireTiger   (31.01.2008 в 18:58)
 

А что означает, когда идет перечень классов вот так:

.класс1.класс2 .класс3.класс4 {

   
 
 автор: AlexSol   (01.02.2008 в 10:20)   письмо автору
 
   для: FireTiger   (01.02.2008 в 10:01)
 

тоже самое что и

.класс1 .класс2 .класс3 .класс4 { 


простая вложенность

   
 
 автор: FireTiger   (01.02.2008 в 10:51)   письмо автору
 
   для: AlexSol   (01.02.2008 в 10:20)
 

то есть .класс1 будет содеражать все свойства, как свои так и тех, которое перечислены далее?

   
 
 автор: AlexSol   (01.02.2008 в 10:53)   письмо автору
 
   для: FireTiger   (01.02.2008 в 10:51)
 

.класс1 .класс2 .класс3 .класс4 { }


нет. это значит что стили задаются для элемента с класс4 , с реди родителей которого есть выше указанные

<div class="класс1">
<div class="класс2">
<p class="класс3">
<span class="класс4"> стили сработают для этого элемента </span>
</p>
</div>
</div>

   
 
 автор: FireTiger   (01.02.2008 в 12:03)   письмо автору
 
   для: AlexSol   (01.02.2008 в 10:53)
 

Спасибо! А можете еще объяснить, что значит такое:

#id .класс1{ }

или так:

.класс1 #id { }

   
 
 автор: AlexSol   (01.02.2008 в 12:09)   письмо автору
 
   для: FireTiger   (01.02.2008 в 12:03)
 

почитайте про css- селекторы. это определение стилей для

<div id="myid"> 
<div class="myclass"> стили для этого</div>
</div>


и

<div class="myclass"> 
<div id="myid"> стили для этого</div>
</div>

   
 
 автор: FireTiger   (01.02.2008 в 12:19)   письмо автору
 
   для: AlexSol   (01.02.2008 в 12:09)
 

Спасибо Вам! Вот еще вопрос: а что означает строка:

width: 50% !important;

Меня собственно интерисует именно "!important".

   
 
 автор: CNTv2.0   (01.02.2008 в 12:35)   письмо автору
 
   для: FireTiger   (01.02.2008 в 12:19)
 

FireTiger, вас что - в Гугле забанили?

Идете в поисковик, набираете прямым текстом "что такое !important", и будет вам полное Щастье.

Здесь Форум для помощи при решении каких-то сложных вопросов, а не ликбез для ленивых невежд.

   
 
 автор: FireTiger   (01.02.2008 в 14:54)   письмо автору
 
   для: CNTv2.0   (01.02.2008 в 12:35)
 

CNTv2.0 Согласен :)))
Извиняюсь)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования