2013-08-15 3 views
0

Здравствуйте, я работаю над этим сайтом некоторое время, и я работал над тем, чтобы сделать его изменяемым по размеру, когда вы настраиваете размер окна (или разрешение экрана), и когда я наконец-то получил его для работы сейчас ссылки на графики не кликабельныСсылка на изображение без ссылки

http://javiermedinaloera.com/

Вот мой сайт, все круги кодируются быть ссылки, но только два из них работают

большое спасибо, я действительно ценю вашу помощь

ответ

2

Я знаю, в чем проблема: у вас есть 100% -ная ширина для всех элементов в каждой строке, но у них одинаковый индекс z, конечно, один будет «покрывать» остальных. Решение изменит их ширину, дайте каждой из них ширину, скажем 250px, затем отрегулируйте свой «левый» атрибут. Вероятно, вы могли видеть, что ваш сайт работает в IE, потому что IE не делает ваш css ORDINARY способом.

+0

избил меня! Но хороший ответ. –

+0

Я попытался дать им разную ширину и скорректировал левый атрибут, но результат был таким же, вот последняя модификация: – user2684612

+0

#arrieros {width: 80%; text-align: center; позиция: фиксированная; право: 400; left: -150px; наверх: 179px; } #mediosiglo {ширина: 70%; text-align: center; позиция: фиксированная; left: 200px; наверх: 179px; } #reportajes {ширина: 60%; text-align: center; позиция: фиксированная; left: 550 пикселей; наверх: 179px; } #twitter {ширина: 50%; text-align: center; позиция: фиксированная; left: 100px; верх: 440px; } \t #acercademi {ширина: 40%; text-align: center; позиция: фиксированная; left: 400 пикселей; верх: 440px; } \t #facebook {ширина: 30%; text-align: center; позиция: фиксированная; left: 700px; верх: 440px; } – user2684612

0

Ваши теги div не отформатированы с определенной шириной. Каждый тег div занимает почти всю ширину страницы. Вы должны дать им определенную ширину. В теге style вверху добавьте этот CSS.

<style type="text/css">#arrieros{ width: 270px; }</style> 

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

+0

Я попытался изменить его с помощью пикселей вместо%, но в этом случае круги не будут подстраиваться под разрешение экрана или когда размер окна будет изменен. – user2684612

+0

Я установил ширину и изменил круги на некоторые квадраты, и теперь нет перекрытия и все ссылок можно щелкнуть, спасибо большое! – user2684612

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