#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

Неактивен

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

forum.wapinet.ru

PunBB Mod v0.6.2
0.010 s