#1 2012.08.03 22:59

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Как сделать кнопку?

Делал просто ссылку со стилем 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 секунд:
Или просто забить на валидатор?


Вложения

Неактивен

#2 2012.08.04 00:50

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Неактивен

#3 2012.08.04 01:02

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

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

Неактивен

#4 2012.08.04 01:03

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Неактивен

#5 2012.08.04 01:13

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

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

Код:

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 секунды:
Если блоком обвернуть то область касание все равно будет малой, толку от этого никокого

Неактивен

#6 2012.08.04 01:24

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Неактивен

#7 2012.08.04 01:52

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

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

Неактивен

#8 2012.08.04 01:58

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Неактивен

#9 2012.08.04 02:07

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

Вот смотри область видимости двух вариантов
Добавлено спустя   2 минуты  42 секунды:
Первый обвернул блоком второй сама ссылка блок.
Обрати внимание на габариты ссылки мне нужно что бы ссылка вела себя как во втором варианте.

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


Вложения

Неактивен

#10 2012.08.04 02:16

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Неактивен

#11 2012.08.04 02:17

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

tipsun написал:

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

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

Неактивен

#12 2012.08.04 02:17

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Код:

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

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

Неактивен

#13 2012.08.04 02:24

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

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

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

Неактивен

#14 2012.08.04 02:25

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Неактивен

#15 2012.08.04 02:25

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

tipsun написал:

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

Код:

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

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

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

Неактивен

#16 2012.08.04 02:26

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

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

Отредактировано tipsun (2012.08.04 02:26)

Неактивен

#17 2012.08.04 02:26

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Как сделать кнопку?

tipsun написал:

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

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

Неактивен

#18 2012.08.04 02:30

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2277
Карма: 19
Профиль

Re: Как сделать кнопку?

smile

Неактивен

#19 2016.01.10 16:44

NickyVfak
Участник
Зарегистрирован: 2016.01.02
Сообщений: 1
Карма: 0
Профиль

Re: Как сделать кнопку?

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

Неактивен

#20 2016.01.10 17:54

Gemorroj
Administrator
Откуда: Белоруссия
Зарегистрирован: 2007.11.03
Сообщений: 6593
Карма: 107
Профиль Веб-сайт

Re: Как сделать кнопку?

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

Неактивен

Дополнительно

forum.wapinet.ru

PunBB Mod v0.6.2
0.019 s