Як розташувати теги DIV Консультують фахівці студії веб дизайну ClearDesign Київ

Add a comment April 16th, 2009

« Створення сайту Види сайтів   |   

Студія веб дизайну Київ.

Дизайн. Для людини, яка працює з HTML, одна з асоціацій - “табличний дизайн”.

Є як прихильники, так і супротивники такого технічного рішення. З прихильниками все зрозуміло, а ось чим хочуть користуватися супротивники? Це тег DIV .

Одне з питань, яке виникає у людей, що працюють з DIV, - як зробити аналог властивості nowrap засобами CSS (т.е. необхідно розмістити необмежену кількість елементов DIV в одному рядку, так щоб при ізмененіїі розмірів екрану вони не переношувалися на нову строчку )
Вся річ у тому, що DIV є блоковим елементом, і створює розриви до, і після себе.
Відповідно, поряд розташовані DIV, будуть відображені один під одним.
Ультратонкий техничный электролобзик с гарантией от фирмы производителя. Навіть якщо встановити розміри і вирівнювання для цих тегов, то при уєньшенії вікна браузера, всеравно може відбутися перенесення DIV’ов.
Рішення, яке дозволить розташувати необмежену кількість DIV’ов поряд вельми просте :
1) Все укладаємо в DIV із стилем style=”white-space: nowrap; ”

(аналог nowrap)

2) На внутрішні DIV призначаємо display:inline ; (з’ясовний DIV’ам, що

вони не блоки, а банальний текст)

3) Насолоджуємося працюючим дизайном, і додаємо інші властивості (по

смаку)

От і все ;)
Для новачків в цій області :
“Табличний дизайн” означає, що всі елементи на сторінці закріплені на своїх місцях за допомогою таблиць (т.е. знаходяться в елементах таблиці).
DIV - від слова DIV ISION. Один з тегов HTML . Вся інформація по тегам розміщена на сайті http://www.w3.org/ .

CSS - каскадні таблиці стилів. Використовуються для оформлення веб сторінок.


Tags: , , , , , ,

Студія веб-дизайну Clear Design


Схожі записи