Вы не зашли.
Главная » HTML/xHTML/WML » Как сделать кнопку?
#1. TLENS Off (14)
Moderator
2012.08.03 22:10
Делал просто ссылку со стилем display: block; и уже работал как с кнопкой. но вот ругается валидатор
validator.w3.org написал:
document type does not allow element "a" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag
        <a id="head" class="button" href="...">...

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Вот ломаю ну как же сделать ссылку красивой кнопочкой но не картинкой
Добавлено спустя   1 минуту  12 секунд:
Или просто забить на валидатор?
Вложения
Безымянный.png 104kb {235x397} [загрузок: 1743]
#2. tipsun Off (19)
Moderator
2012.08.04 00:12
Но вроде хочет, чтоб ты взял ссылку в <div></div>
можно и в <p></p>
В xhtml так надо.
#3. TLENS Off (14)
Moderator
2012.08.04 01:01
Не ну не тот прикол будет
#4. tipsun Off (19)
Moderator
2012.08.04 01:01
Еще кстати он говорит, что кроме <a> надо и <span>, <font>...
#5. TLENS Off (14)
Moderator
2012.08.04 01:01
Ну нет таких вообще содержимое страницы таково.
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Тестовая страница</title>
</head>
<body>
<a id="head" style="width: 100%; height: 40px; display: block;" href="/">
<img src="/themes/smart/img/logo.png" alt="" />
</a>
</body>
</html>
Добавлено спустя   1 минуту  2 секунды:
Хотелось бы что бы ссылки были обьемными тоесть не метится каждый раз по ним пальце а как бы бутоны что бы были
Добавлено спустя   1 минуту  42 секунды:
Если блоком обвернуть то область касание все равно будет малой, толку от этого никокого
#6. tipsun Off (19)
Moderator
2012.08.04 01:01
Если обернуть <div><a></a></div>
то эффект пропадает?
#7. TLENS Off (14)
Moderator
2012.08.04 01:01
А зачем обворачивать?
Добавлено спустя    12 секунд:
Смотри
#8. tipsun Off (19)
Moderator
2012.08.04 01:01
Чтоб валидатор не ругался.
#9. TLENS Off (14)
Moderator
2012.08.04 02:02
Вот смотри область видимости двух вариантов
Добавлено спустя   2 минуты  42 секунды:
Первый обвернул блоком второй сама ссылка блок.
Обрати внимание на габариты ссылки мне нужно что бы ссылка вела себя как во втором варианте.

Добавлено спустя   4 минуты  18 секунд:
О чудо я понял о чем ты мне хотел обьяснить
Добавлено спустя   5 минут  53 секунды:
Достаточно было просто поместить его в блок.
Ты бог, я реально думал что ты имеешь ввиду вовсем за другое просто эту ссылку обвернул дивом и валидатор пропустил её
Вложения
Безымянный.jpg 141kb {1156x486} [загрузок: 1805]
#10. tipsun Off (19)
Moderator
2012.08.04 02:02
Я простой человек. Просто уже сталкивался с этим. smile
Рад что помог smile
Страниц: 1 2 Все
Главная
WEB
PunBB Mod v0.6.2
0.017 s