Почему мои гиперссылки не работают? Все еще не разрешено! :(

Question

Я не могу понять, почему мои гиперссылки не работают. Изображения должны быть ссылкой на другие html-файлы. Если вам нужна дополнительная информация, пожалуйста, дайте мне знать: я также загрузил файл здесь: http://emmasteed.co.uk/new/ это большие кнопки в нижней части.

<div class="largemenubutton"><a href="portfolio.html"><img src="images/portfolio.png" alt="Portfolio" border="0" /></a></div> 
    <div class="largemenubutton"><a href="contact.html"><img src="images/getintouch.png" alt="Contact me!" border="0" /></a></div> 
    <div class="largemenubutton"><a href="aboutme.html"><img src="images/aboutme.png" alt="About" border="0" /></a></div> 

.largemenubutton { 
    width:283px; 
    height:259px; 
    margin-top:20px; 
    float:left; 
    display:block; 
    text-align:center; 
} 

Answer 1

что папка являются документы находятся в Ваши HREF тега указывает на то, что это будет выглядеть в текущем каталоге для документа

например, если директория документа в одном каталоге вверх, используйте следующий синтаксис:

<a href="../profile/portfolio.html">

или вы могли бы использовать абсолютный путь:

<a href="http://example.com/somedirectory/profile/portfolio.html">

Answer 2

Убедитесь, что ваш используете правильный путь в a href тега. Вы используете:

aboutme.html

Что должно означать, что файл должен находиться в текущем каталоге.

Кроме того, он, кажется, работает хорошо здесь:

http://jsfiddle.net/LG2vz/

Вот краткое описание других путей к файлам:

./ означает текущий каталог

../ означает, родитель текущего каталога, а не корневой каталог

/ корневой каталог

myfile.text находится в текущей директории, как ./myfile.text

../myfile.text это один уровень выше вас и /myfile.text жизни в корневом каталоге.

РЕДАКТИРОВАТЬ

дочерний элемент не может быть уложены ниже родительского элемента, даже при использовании z-index.

Используйте z-index для поддержания уровня стека элементов с абсолютным расположением, которые являются братьями и сестрами.

Изменить z-index в .mainimage. Вам нужно добавить px после -1

.mainimage { 
    width: 850px; 
    height: 423px; 
    background-color:#ffffff; 
    position:absolute; 
    top:220px; 
    float:left; 
    z-index:-1px; 
} 

z-index Добавить в .largemenubutton

.largemenubutton { 
    width:283px; 
    height:259px; 
    margin-top:20px; 
    z-index: 0; 
    float:left; 
    display:block; 
    text-align:center; 
} 

Answer 3

я, наконец, удалось выяснить способ обойти это.Я хотел бы поблагодарить всех за их ответы и советы, так как без этого я, вероятно, никогда бы не нашел это решение. Установка z-index на предыдущем div была проблемой, с которой мне пришлось столкнуться.

В основном я создал еще один тег div, чтобы содержать мои большие кнопки меню и размещал его за пределами предыдущего div, который удерживал изображение слайдера, которое было установлено в z-index -1, поскольку я хотел, чтобы мое изображение сидело за теневой каплей выше , Это позволило использовать ссылки на изображениях.

Надеюсь, это имеет смысл и помогает любому, у кого есть эта проблема.