Вы не зашли.
Главная » 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} [загрузок: 1713]
#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} [загрузок: 1782]
#10. tipsun Off (19)
Moderator
2012.08.04 02:02
Я простой человек. Просто уже сталкивался с этим. smile
Рад что помог smile
#11. TLENS Off (14)
Moderator
2012.08.04 02:02
tipsun написал:
Я простой человек. Просто уже сталкивался с этим. smile
Рад что помог smile
Ты даже не представляешь сколько я велосипедов придумал что бы решить эту задачу. А тут всего навсего обвернуть надо было тело в блок.
спс большое настроение аж зашкаливает
#12. tipsun Off (19)
Moderator
2012.08.04 02:02
Просто повнимательней почитал бы что валидатор пишет и все. Он сам решение предлогает. smile
Добавлено спустя   4 минуты  47 секунд:
Можешь сделать так:
Код:
<body><div class="body">
<!-- html -->
</div></body>
валидатор на эту тему вообще больше придираться не будет.
не обязательно class="body" как угодно назови. Просто все что есть пусть будет обернуто.
#13. TLENS Off (14)
Moderator
2012.08.04 02:02
Я так подумал что раз я назначил ссылку блоком то валидатор думает что в ссылке находится блок, а это не входит в стандарты.
Переводчик елы палы попробуй еще понять.
Одной из возможных причин появления этого сообщения в том, что вы пытались поставить блочный элемент (например, "<p>" или "<table>") внутри встроенный элемент (например, "<a>", "<span> », или« <font> ").
#14. tipsun Off (19)
Moderator
2012.08.04 02:02
Да. Вообще не понятно. Это через гугл-перевод?
#15. TLENS Off (14)
Moderator
2012.08.04 02:02
tipsun написал:
Просто повнимательней почитал бы что валидатор пишет и все. Он сам решение предлогает. smile
Добавлено спустя   4 минуты  47 секунд:
Можешь сделать так:
Код:
<body><div class="body">
<!-- html -->
</div></body>
валидатор на эту тему вообще больше придираться не будет.
не обязательно class="body" как угодно назови. Просто все что есть пусть будет обернуто.
Я именно так и сделал просто в див обвернул и все
#16. tipsun Off (19)
Moderator
2012.08.04 02:02
Там в оригинале текста ошибки..., ну ты уже понял как должно быть.
Отредактировано tipsun (2012.08.04 02:02)
#17. TLENS Off (14)
Moderator
2012.08.04 02:02
tipsun написал:
Да. Вообще не понятно. Это через гугл-перевод?
Ага
Добавлено спустя   2 минуты :
Наконец то зеленым светит пойду теперь я сладко спать)))
#18. tipsun Off (19)
Moderator
2012.08.04 02:02
smile
#19. NickyVfak Off (0)
Участник
2016.01.10 16:04
Подскажите пожалуйста, хочу сделать кнопку ссылку, например при нажатии на нее выходим на главную страницу. Кнопку ссылку сделала, а вот как накинуть на нее картинку, чтобы название кнопки было на кнопке с рисунком и ссылка была рабочей? Спасибо.
#20. Gemorroj Off (107)
Administrator
2016.01.10 17:05
делай просто ссылку, и на нее навешивай стиль, чтобы ссылка выглядела как тебе нужно.
Страниц: 1 2 Все
Главная
WEB
PunBB Mod v0.6.2
0.045 s