Html, css

Q: Як прибрати підкреслення гіперпосилань?

A. підкреслити гіперпосилань задається CSS-стилем text-decoration:

Щоб позбутися від підкреслення, задайте цьому стилю значення none:

Якщо ви не знаєте, як використовувати CSS-стилі, зверніться до статті "Каскадні таблиці стилів".

Q: Як змінити колір гіперпосилань? Чому частина посилань на сторінці сині, а частина фіолетові?

Q: Як зробити посилання, що відкриває сторінку в новій вкладці (в новому вікні)?

A. Для цього необхідно посиланням задати атрибут target зі значенням _blank:

Q: Як заборонити браузеру переносити текст на новий рядок?

A. Дійсно, буває необхідно заборонити переносити текст по рядках якщо він не поміщається по ширині. Це можна зробити за допомогою тега nobr:

Цього ж можна досягти за допомогою CSS-стилю white-space. заданого текстового елементу-контейнера. наприклад:

Другий варіант більш кращий.

Q: Чому не виходить поставити висоту 100% у елемента XHTML-сторінки?

A. Розглянемо невеликий приклад. Є сторінка, написана на традиційному HTML:

У браузері вона відображається у вигляді рожевого блоку, розтягнутого по ширині і висоті на 100% (не враховуючи поля сторінки). Наведемо цей код до стандарту XHTML:

і знову подивимося в браузері. Блок перетворився в смужку шириною 100%, тобто проігнорував стиль height. Насправді, стиль не ігнорується, а ігнорується його процентне значення (це можна легко довести, задавши абсолютне значення, наприклад, 200px). Відносне (відсоткове) значення висоти елемента визначається щодо висоти його батьківського елементу. Таким чином, щоб блок розтягнувся на всю сторінку, потрібно задати висоту елемента body 100%. Однак, цього буде недостатньо, так як висота елемента body - знову відносна величина. Якщо уважно поглянути на код сторінки, можна побачити ще один елемент самого верхнього рівня - html. Висота body обчислюється щодо висоти цього елемента. Тобто, щоб розтягнути блок по висоті на 100% висоти сторінки, потрібно задати висоту елементів html і body також 100%:

Q: Чому в таблиці подвійні лінії між осередками? Як від цього позбутися?

A. Відповідь на це питання ви можете знайти в статті "Стилізація таблиць".

Схожі статті