» WAP Мастер Форум   https://forum.wapinet.ru/index.php
» HTML/xHTML/WML   https://forum.wapinet.ru/viewforum.php?id=4
» Как сделать кнопку?   https://forum.wapinet.ru/viewtopic.php?id=1956

TLENS » 2012.08.03 22:59

Делал просто ссылку со стилем 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>").

Вот ломаю ну как же сделать ссылку красивой кнопочкой но не картинкой ::thumb1081::
Добавлено спустя   1 минуту  12 секунд:
Или просто забить на валидатор?

tipsun » 2012.08.04 00:50

Но вроде хочет, чтоб ты взял ссылку в <div></div>
можно и в <p></p>
В xhtml так надо.

TLENS » 2012.08.04 01:02

Не ну не тот прикол будет

tipsun » 2012.08.04 01:03

Еще кстати он говорит, что кроме <a> надо и <span>, <font>...

TLENS » 2012.08.04 01:13

Ну нет таких вообще содержимое страницы таково.

Код:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!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 секунды:
Если блоком обвернуть то область касание все равно будет малой, толку от этого никокого

tipsun » 2012.08.04 01:24

Если обернуть <div><a></a></div>
то эффект пропадает?

TLENS » 2012.08.04 01:52

А зачем обворачивать?
Добавлено спустя    12 секунд:
Смотри

tipsun » 2012.08.04 01:58

Чтоб валидатор не ругался.

TLENS » 2012.08.04 02:07

Вот смотри область видимости двух вариантов
Добавлено спустя   2 минуты  42 секунды:
Первый обвернул блоком второй сама ссылка блок.
Обрати внимание на габариты ссылки мне нужно что бы ссылка вела себя как во втором варианте.
::thumb1082::
Добавлено спустя   4 минуты  18 секунд:
О чудо я понял о чем ты мне хотел обьяснить
Добавлено спустя   5 минут  53 секунды:
Достаточно было просто поместить его в блок.
Ты бог, я реально думал что ты имеешь ввиду вовсем за другое просто эту ссылку обвернул дивом и валидатор пропустил её

tipsun » 2012.08.04 02:16

Я простой человек. Просто уже сталкивался с этим. :)
Рад что помог :)

TLENS » 2012.08.04 02:17

tipsun написал:

Я простой человек. Просто уже сталкивался с этим. :)
Рад что помог :)

Ты даже не представляешь сколько я велосипедов придумал что бы решить эту задачу. А тут всего навсего обвернуть надо было тело в блок.
спс большое настроение аж зашкаливает

tipsun » 2012.08.04 02:17

Просто повнимательней почитал бы что валидатор пишет и все. Он сам решение предлогает. :)
Добавлено спустя   4 минуты  47 секунд:
Можешь сделать так:

Код:

1
2
3
<body><div class="body">
<!-- html -->
</div></body>

валидатор на эту тему вообще больше придираться не будет.
не обязательно class="body" как угодно назови. Просто все что есть пусть будет обернуто.

TLENS » 2012.08.04 02:24

Я так подумал что раз я назначил ссылку блоком то валидатор думает что в ссылке находится блок, а это не входит в стандарты.
Переводчик елы палы попробуй еще понять.

Одной из возможных причин появления этого сообщения в том, что вы пытались поставить блочный элемент (например, "<p>" или "<table>") внутри встроенный элемент (например, "<a>", "<span> », или« <font> ").

tipsun » 2012.08.04 02:25

Да. Вообще не понятно. Это через гугл-перевод?

TLENS » 2012.08.04 02:25

tipsun написал:

Просто повнимательней почитал бы что валидатор пишет и все. Он сам решение предлогает. :)
Добавлено спустя   4 минуты  47 секунд:
Можешь сделать так:

Код:

1
2
3
<body><div class="body">
<!-- html -->
</div></body>

валидатор на эту тему вообще больше придираться не будет.
не обязательно class="body" как угодно назови. Просто все что есть пусть будет обернуто.

Я именно так и сделал просто в див обвернул и все

tipsun » 2012.08.04 02:26

Там в оригинале текста ошибки..., ну ты уже понял как должно быть.

TLENS » 2012.08.04 02:26

tipsun написал:

Да. Вообще не понятно. Это через гугл-перевод?

Ага
Добавлено спустя   2 минуты :
Наконец то зеленым светит пойду теперь я сладко спать)))

tipsun » 2012.08.04 02:30

:)

NickyVfak » 2016.01.10 16:44

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

Gemorroj » 2016.01.10 17:54

делай просто ссылку, и на нее навешивай стиль, чтобы ссылка выглядела как тебе нужно.