Связанное изображение в HTML (как внутренняя, так и внутренняя) не будет ссылаться

Question

Связанное изображение в HTML (как внутренняя, так и внутренняя) не будет ссылаться

0

Я работаю над сайтом, который имеет "переключатель" (просто изображения, связанные с другой версией сайта). Изображение будет отображаться, но оно не будет доступно. После некоторого устранения неполадок я также обнаружил, что он доступен для клика, прежде чем я добавлю CSS или внутренний стиль. Изображение использует как завернутую ссылку, так и внутреннюю ссылку.

Код:

<a href="aboutOff.htm">
<div style="position:absolute;left:90%;float:right;">
<img src="on.jpg" href="aboutOff.htm" alt="Switch" id="switch" style="z-index:12; float:right;"/>
</div>
</a>

CSS:

#switch{
width:119px;
height:auto;
z-index:10;
}

Любая помощь была бы высоко оценена. Благодарю!

user2958134 02 дек. 2013, в 23:30

Источник

3

A-тег, заключенный в A-тег, является недействительным HTML.
Diodeus - James MacFarlane 02 дек. 2013, в 22:00
0

Ваш вопрос не имеет большого смысла для меня. Попробуйте объяснить это лучше, пожалуйста :). Вы хотите сделать само изображение кликабельным? Также я согласен с Диодеем
hunterc 02 дек. 2013, в 22:01
0

@diodeus Изменен, но все равно не будет работать.
user2958134 02 дек. 2013, в 22:02
0

@ Охотник Точно! Я просто хочу, чтобы изображение при нажатии переходило на новый сайт.
user2958134 02 дек. 2013, в 22:05
0

Можете ли вы создать пример jsFiddle.net, который иллюстрирует проблему?
j08691 02 дек. 2013, в 22:06
0

Поместите тег привязки в div.
APAD1 02 дек. 2013, в 22:06
1

Теги IMG не имеют атрибутов href или тегов alt. Ваш встроенный стиль переопределяет ваш CSS, и вы комбинируете абсолютное позиционирование с FLOATS. Вы должны вернуться к основам и немного почитать.
Diodeus - James MacFarlane 02 дек. 2013, в 22:07
0

@ Диодей, я только начинаю и не знаю абсолютно всего, но ты ошибаешься в атрибуте alt. w3schools.com/tags/tag_img.asp
user2958134 02 дек. 2013, в 22:21
0

@ j08691 Конечно! сейчас
user2958134 02 дек. 2013, в 22:21
0

Да, вы правы в теге ALT. Начните без какого-либо стиля и создайте его оттуда.
Diodeus - James MacFarlane 02 дек. 2013, в 22:24
0

@ j08691 jsfiddle.net/DGfhk Это использует код APAD1
user2958134 02 дек. 2013, в 22:28

Показать ещё 9 комментариев

Теги:

html

css

hyperlink

image

1 ответ

Ещё вопросы

A-тег, заключенный в A-тег, является недействительным HTML.
Ваш вопрос не имеет большого смысла для меня. Попробуйте объяснить это лучше, пожалуйста :). Вы хотите сделать само изображение кликабельным? Также я согласен с Диодеем
@diodeus Изменен, но все равно не будет работать.
@ Охотник Точно! Я просто хочу, чтобы изображение при нажатии переходило на новый сайт.
Можете ли вы создать пример jsFiddle.net, который иллюстрирует проблему?
Теги IMG не имеют атрибутов href или тегов alt. Ваш встроенный стиль переопределяет ваш CSS, и вы комбинируете абсолютное позиционирование с FLOATS. Вы должны вернуться к основам и немного почитать.
@ Диодей, я только начинаю и не знаю абсолютно всего, но ты ошибаешься в атрибуте alt. w3schools.com/tags/tag_img.asp
Да, вы правы в теге ALT. Начните без какого-либо стиля и создайте его оттуда.
@ j08691 jsfiddle.net/DGfhk Это использует код APAD1

APAD1 · Answer 1 · 2013-12-02T19-21-00.000Z

HTML

<div class="switchContainer">
    <a href="aboutOff.htm">
    <img class="switch" src="on.jpg" href="aboutOff.htm" alt="Switch"/>
    </a>
</div>

И CSS

.switchContainer {
    position:absolute;
    left:90%;
}

.switch {
    width:119px;
    height:auto;
    z-index:10;
}

Я попробовал это, и гиперссылка все еще не будет работать. Спасибо за помощь в любом случае! Есть еще идеи?
У меня работает нормально: jsfiddle.net/9bXnd