Question

Добрый день !  При создание данной позиции в описании :http://coralsea.com.ua/shop/5751/desc/kompjuternyj-stol-nika-1  с начала идет фотографии материала потом должен идти текст . Но у меня почему то текст находится в описании справа от фотографии. Как исправить чтоб текст был в низу под фото а не с права? 

Данная проблема возникала ранее устранили с помощу CSS код: 

#tabDescrC > hr { 
display: inline-block;
width: 830px;
но сейчас пороблема повторилась после установке нового шаблона........ CSS код утановил но проблема осталась.

ПОМОГИТЕ !!!

 

Answer 1

Попробуйте добавить в таблицу стилей CSS следующие стили:

li#tab0 h2 {display: inline-block;margin-top:10px;}

должно помочь.

Comments

спасибо но не то ...... сейчас текст что должен быть над фото влез мужну фото.

часть кода фото :

<div class="item-decor" style="font-family: sans-serif; margin: 5px 0px 0px 5px; padding: 0px; border: 0px; font-stretch: inherit; line-height: 16.0029983520508px; vertical-align: baseline; width: 115px; height: 120px; float: left; color: rgb(66, 66, 66);">
<div style="text-align: center;"><a class="picDecor" href="http://coralsea.com.ua/fleshnika/sinij_1.jpg" style="font-family: Arial, Verdana; color: rgb(48, 48, 48);"><img alt="Синий" src="/fleshnika/sinij.jpg" style="font-family: inherit; margin: 0px; padding: 0px; border-width: 0px; border-style: initial; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; width: 90px; height: 90px;" title="Синий" /></a></div>

<p style="font-family: inherit; margin: 0px; padding: 0px 5px 0px 0px; border: 0px; font-size: 10px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; white-space: pre-line; text-align: center;">Синий</p>

<p style="font-family: inherit; margin: 0px; padding: 0px; border: 0px; font-size: 10px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; text-align: center;">(+30% к цене)</p>
</div>

Так же прошу учесть что шаблон адаптивный и вразных режимах по разному отображается .

---

Ярослав Стецюра,

замените стили выше на:

@media screen and (min-width: 340px) and (max-width: 1440px) { 
 li#tab0 h2 {width: 100%;display: inline-block;margin-top:10px;}
}
li#tab0 h2:nth-child(1){display: block;}

---

Yuri_Geruk,

подскажите что на что менять нужен пример.

---

Ярослав Стецюра,

те стили, что я вам советовал выше:

li#tab0 h2 {display: inline-block;margin-top:10px;}

на новые

---

Yuri_Geruk,

спасибо все ок.