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


Фотография
- - - - -

В шаблоне фулл в одной позиции разные элементы идут друг за другом,а не обтекают один другой


  • Закрытая тема Тема закрыта
Сообщений в теме: 7

#1 KirillS

KirillS

Отправлено 23 July 2014 - 14:33

Оу..Простите за сумбур в заголовке темы. 

Давайте так. В FULL предположим есть поле ну предположим tab: text или Properties ну неважно какое, и мы в это поле закидываем свои элементы -  jbimage, textbox, корзину, custom module ну неважно,вобщем кидаем то,что надо. И в итоге все элементы идут друг за другом,но не обтекают друг друга,ну к примеру картинка текст не обтекает, или цена не ставится в лево,картинка вправо.все друг за другом. Вот скрин прикрепил,чтоб понятнее было. 

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

  • screen.jpg

  • 0

#2 Sliapy

Sliapy

Отправлено 23 July 2014 - 14:40

Все решается минимальными знаниями CSS - http://htmlbook.ru/css/float

 

Без ссылки на страницу остается только посоветовать Вам воспользоваться средствами веб-разработчика и посмотреть, какие селекторы и свойства нужно прописать.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#3 i001

i001

Отправлено 23 July 2014 - 15:53

для картинок можете попробовать вот так (все картинки слева)

.jbzootabs img {
float: left;
margin-right: 10px;
}

  • 0

#4 KirillS

KirillS

Отправлено 25 July 2014 - 18:03

Закинул на тестовый сервер сайт http://tester52.ru.h...y-pomodulno-bts  все идет друг за другом-картинка видео текст. посмотрите пожалуйста.


  • 0

#5 i001

i001

Отправлено 25 July 2014 - 19:24

вы пробовали добавить в css?

.jbzootabs img {
float: left;
margin-right: 10px;
}

  • 0

#6 KirillS

KirillS

Отправлено 26 July 2014 - 11:30

 

вы пробовали добавить в css?



.jbzootabs img {
float: left;
margin-right: 10px;
}

Нет,это не решило проблему.(

 

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


  • 0

#7 i001

i001

Отправлено 26 July 2014 - 11:45

У вас после каждого элемента стоит "очищающий" див http://joxi.ru/z4TTU_3JTJCbMvMMUBw

В идеале его нужно убрать. 

Либо через css как то так

#tab-text .clear  {display:none !important}
#tab-text .element-imagepro {float: left; margin-right: 13px; display: inline-block;}
#tab-text .element-media {float: left; margin-right: 13px; display: inline-block;}

Первая строка убирает этот див
Вторая, задает обтекание текстом элемента с картинкой

Третья, задает обтекание текстом элемента с видео


  • 0

#8 KirillS

KirillS

Отправлено 26 July 2014 - 12:52

У вас после каждого элемента стоит "очищающий" див http://joxi.ru/z4TTU_3JTJCbMvMMUBw

В идеале его нужно убрать. 

Либо через css как то так



#tab-text .clear  {display:none !important}
#tab-text .element-imagepro {float: left; margin-right: 13px; display: inline-block;}
#tab-text .element-media {float: left; margin-right: 13px; display: inline-block;}

Первая строка убирает этот див
Вторая, задает обтекание текстом элемента с картинкой

Третья, задает обтекание текстом элемента с видео

Спасибо, сейчас не могу зайти на сервер,но обязательно посмотрю сегодня позже.отпишу о результатах.прошу прощения за неоперативность такую. 


  • 0




Click to return to top of page in style!