Расположение Элементов
#1
Отправлено 26 Февраль 2015 - 14:56
2)на 4 рисунке еще не работает скрипт выделения маленьких картинок.
вот код
<style type="text/css">ris a img {
border: 3px solid #f2f2f2; /* Рамка вокруг изображения-ссылки */
}
ris a:hover img {
border: 3px solid #2257c3; /* Рамка при наведении на ссылку курсора мыши */
}
</style>
например на остальных страницах работает,например подкатегория детское постельное белье
1 картинка-подкатегория(детские покрывала) 2 картинка подкатегория(детские одеяла) 3 картинка подкатегория(детские подушки) 4 картинка(детские наматрасники)
#2
Отправлено 26 Февраль 2015 - 15:07
arver (26 Февраль 2015 - 14:56) писал:
2)на 4 рисунке еще не работает скрипт выделения маленьких картинок.
вот код
<style type="text/css">ris a img {
border: 3px solid #f2f2f2; /* Рамка вокруг изображения-ссылки */
}
ris a:hover img {
border: 3px solid #2257c3; /* Рамка при наведении на ссылку курсора мыши */
}
</style>
например на остальных страницах работает,например подкатегория детское постельное белье
1 картинка-подкатегория(детские покрывала) 2 картинка подкатегория(детские одеяла) 3 картинка подкатегория(детские подушки) 4 картинка(детские наматрасники)
Попробуйте так:
В конец main.css добавьте
.htmlDataBlock table td:first-child { width: 200px; } .zoom_img { width: 211px !important; margin: 0 auto; }
#3
Отправлено 26 Февраль 2015 - 15:13
#6
Отправлено 26 Февраль 2015 - 16:12
#7
Отправлено 26 Февраль 2015 - 16:29
arver (26 Февраль 2015 - 16:12) писал:
Пример:
Заходим в раздел Сайт-Страницы и выбираем страницу "Детские покрывала", в поле описания нажимаем источник и находим ту таблицу, в которой вставлены маленькие изображения и производим замену
Код
<table 3px="" a="" a:hover="" border="1" border:="" cellpadding="1" cellspacing="1" img="" solid="" style="width: 800px;">заменяем на
<table 3px="" a="" a:hover="" border="1" border:="" cellpadding="1" cellspacing="1" img="" solid="" style="width: 800px;" class="tabzoom">После в main.css добавляем
.tabzoom tbody tr td{width:100px;}и изменяем параметр width(ширина)
#8
Отправлено 26 Февраль 2015 - 20:00
#9
Отправлено 26 Февраль 2015 - 21:04
#10
Отправлено 26 Февраль 2015 - 22:10
#13
Отправлено 26 Февраль 2015 - 23:30
.htmlDataBlock table tr td:nth-child(2),.htmlDataBlock table td:first-child { width: auto !important; } .htmlDataBlock table tr:nth-child(1) td:nth-child(3) { width: 420px; } .zoom_img { width: auto !important; } .htmlDataBlock table tr:nth-child(1) td:nth-child(1) { width: 254px !important; } .htmlDataBlock table img { max-width: 97% !important; }Вообще я бы рекомендовал вам переверстать эти страницы. Так как табличная верстка в данной ситуации не самое гибкое решение. И что бы решить ваш вопрос пришлось прибегнуть не стандартным решениям.
#14
Отправлено 26 Февраль 2015 - 23:45
#15
Отправлено 27 Февраль 2015 - 01:23
#17
Отправлено 27 Февраль 2015 - 16:20
#18
Отправлено 28 Февраль 2015 - 01:38
<table 3px="" a="" a:hover="" border="1" border:="" cellpadding="1" cellspacing="1" img="" solid="" style="width: 800px;" class="tabzoom">замените на:
<table cellpadding="1" cellspacing="1" style="width: 800px;" class="tabzoom">
в первом случае ошибки в синтаксисе.
Касательно вопроса из поста №14, имеется ввиду использование блочной структуры, как например:
<div>текст1</div> <div>текст2</div>
#19
Отправлено 02 Март 2015 - 18:29
Vaccina (28 Февраль 2015 - 01:38) писал:
<table 3px="" a="" a:hover="" border="1" border:="" cellpadding="1" cellspacing="1" img="" solid="" style="width: 800px;" class="tabzoom">замените на:
<table cellpadding="1" cellspacing="1" style="width: 800px;" class="tabzoom">
Вопросы следующие:
c мобильного устройства теперь посмотреть данные страницы не получится?(я проверял обрезается...)
почему табличный метод такой кривой?
#20
Отправлено 03 Март 2015 - 02:58
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных