Перейти к содержимому


Расположение Элементов


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 22

#1 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 14:56

Добрый день,помогите отредактировать страницы.Аккаунт Sl-203796.
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 картинка(детские наматрасники)

Прикрепленные изображения

  • 1 рисунок.jpg
  • 2 рисунок.jpg
  • 3 рисунок.jpg
  • 4 рисунок.jpg


#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 26 Февраль 2015 - 15:07

Просмотр сообщенияarver (26 Февраль 2015 - 14:56) писал:

Добрый день,помогите отредактировать страницы.Аккаунт Sl-203796.
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 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 15:13

не помогло,все проблемы актуальны

#4 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 26 Февраль 2015 - 15:20

Просмотр сообщенияarver (26 Февраль 2015 - 15:13) писал:

не помогло,все проблемы актуальны
Очистите кэш браузера, т.к. на данный момент ширина ячеек с фото одинаковая.

#5 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 15:30

очистил возникли другие проблемы:
1)нужно уменьшить ширину маленьких картинок

Прикрепленные изображения

  • 4 рисунок.jpg


#6 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 16:12

нужна помощь

#7 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 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 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 20:00

не помогло((

#9 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 21:04

UP

#10 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 22:10

up

#11 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 26 Февраль 2015 - 22:39

Просмотр сообщенияarver (26 Февраль 2015 - 22:10) писал:

up
Привет. Можете сообщить адрес сайта..

#12 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 22:58

Просмотр сообщенияKoderhan (26 Февраль 2015 - 22:39) писал:

Привет. Можете сообщить адрес сайта..
Как Вас давно не было)
Аккаунт sl-203796

#13 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 26 Февраль 2015 - 23:30

Попробуйте добавить в конец main.css код и очистить кеш браузера.
.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 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 26 Февраль 2015 - 23:45

Не помогло,опять возникают проблемы...переверстать страницы?(каким образом,если не табличным?)

#15 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 27 Февраль 2015 - 01:23

up

#16 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 27 Февраль 2015 - 07:25

Просмотр сообщенияarver (26 Февраль 2015 - 23:45) писал:

Не помогло,опять возникают проблемы...переверстать страницы?(каким образом,если не табличным?)
up

#17 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 27 Февраль 2015 - 16:20

нужна помощь

#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Февраль 2015 - 01:38

В примере из поста №7
<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 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 02 Март 2015 - 18:29

Просмотр сообщенияVaccina (28 Февраль 2015 - 01:38) писал:

В примере из поста №7
<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 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 03 Март 2015 - 02:58

up




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных