ГИПЕРТЕКСТОВОЙ кнопка изображения не работает HTML

-2

Итак, у меня есть таблица, содержащую 3 гиперссылка изображения, все из них при нажатии вас к месту назначения, но нижние 2 фактически не показывает правильное изображение, и перед вами скажем: «У вас нет изображения, называемого« я », я проверил несколько раз. Вот мой следующий код:ГИПЕРТЕКСТОВОЙ кнопка изображения не работает HTML

<table border=1 align=center> 
 
    <tr> 
 
    <th>More Help</th> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <a target="_blank" href="http//:www.w3schools.com"> 
 
     <input type="image" id="W3Schools" position:absolute style="height:100px; width:150px;" src="./Images/W3SchoolsButton.PNG"> 
 
     </a> 
 
    </td> 
 
    </tr> 
 

 
    <!--This is repeated 2 times but just changing the src and href.-->

Это только первый один, который был повторен, но я изменил HREF и SRC, результат в ней является то, что первый из них работает с изображение, но последние 2 придумали типичный графический клипарт и слово «отправить»

Помощь!

источник

2015-07-15 Ash

HTML запрещает входные элементы внутри якорей. Входы изображения предназначены для отправки координат щелчка на сервер, нет смысла иметь его здесь. Просто используйте обычный образ. '' – Quentin

* Я проверил несколько раз * - Вы проверили, посмотрев вкладку «Сеть» своих инструментов разработчика и подтвердив, что у вас нет 404 ошибок на странице? – Quentin

Почему бы вам не попробовать абсолютный путь изображения к вашему серверу в примере здесь? 'src =" http://yourdomain.com/Images/W3SchoolsButton.PNG "' - это будет окончательно показать, что изображение существует там, где вы думаете. –

Почему вы используете тег input внутри своего a? Просто используйте тег img.

href недействителен; он должен быть http://www.w3schools.com, с двоеточием перед двойными косыми чертами.

position: absolute следует зайти в тег стиля.

И Правильный ли источник изображения? Относительно этого файла, является ли папка с изображениями в той же папке или в одной папке?

Вот ваш устроились код:

<a target="_blank" href="http://www.w3schools.com"> 
    <img id="W3Schools" style="height:100px; width:150px; position:absolute;" src="Images/W3SchoolsButton.PNG"> <-- for in the same folder 
</a> 

<a target="_blank" href="http://www.w3schools.com"> 
    <img id="W3Schools" style="height:100px; width:150px; position:absolute;" src="../Images/W3SchoolsButton.PNG"> <-- for up one folder 
</a>

источник

2015-08-09 13:32:54

ГИПЕРТЕКСТОВОЙ кнопка изображения не работает HTML

ответ

Смежные вопросы