Вывод товаров отностиельно фото в каталоге.

Главные вкладки

Аватар пользователя yakovlevmen yakovlevmen 20 марта 2012 в 17:58

Здравствуйте уважаемые друпал-сенсеи. Я еще новичек в друпале. Как изменить расположение фото в каталоге относительно других элементов?
Вот здесь не нашел как устранить(...admin/build/views/edit/catalog)

На скрине представлено, как:

http://fotki.yandex.ru/users/yakovlevmen/view/484992/

Т.е. фото товара немного выше относительно горизонтали всех других описаний/элементов. А нужно, чтобы фото было посередине(или хотя бы чтобы верхняя граница фото была вровень с дугими элементами)
Кому не сложно, отзовитесь пожалуйста.

Комментарии

Аватар пользователя yakovlevmen yakovlevmen 21 марта 2012 в 12:18

DaHacka wrote:
Прописать/исправить соответствующие правила в css-ах темы оформления Вашей.

Т.е. это на зайти на FTP - найти папкку с названием шаблона в темах. А что дальше? Какой файл править? И как это должно выглядеть?

Аватар пользователя yakovlevmen yakovlevmen 21 марта 2012 в 19:06

ХулиGUN wrote:
Это всё определяется/переопределяется в соответствущем каскаде. Каскад в цсс, цсс в теме, тема в сайте. Учим цсс и нп задаём глупых вопросов

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

Аватар пользователя makkon makkon 21 марта 2012 в 22:48

качаешь firebug для firefox/chrome, изучаешь нужное тут: http://htmlbook.ru/
жмешь на странице нужной ctrl+shift+c и анализируешь html элементы (вкладка html) - там выведет всю html структуру страницы или элемента, который выделишь. справа увидишь css свойства этих элементов. если с html и css знаком - дальше все просто - лезешь по выданному firebug пути на фтп своего хостинга и правишь файлы (чаще всего это .css). Поправил - почистил кеш друпала и обновил страницу.
Вкратце так. firebug придется поставить и разобраться - без него ты далеко не уедешь

Аватар пользователя yakovlevmen yakovlevmen 22 марта 2012 в 23:35

"makkon" wrote:

Это все прекрасно, но я так понимаю в этом случае у меня показывает CSS вида css_4aefe12ec4e7bb34c18edea162acf64e.css
Можно ли предположить, что этот файл "временный", "кэш-файл" с CSS - или это бред?(Напоминаю я новичек)
Нашел в субтеме своего сайта CSS вот такого рода, но незнаю относится ли он к этому вывода таблицы или нет, если да, то что можно подправить?

/* $Id: orange.css,v 1.1.2.1 2010/08/04 15:42:45 finex Exp $ */

/**
*
*
*/

/********************************* LAYOUT ************************************/

#page_wrapper{background-image:url(img/orange.png)}

#page{color:#574B4B}

.sidebar{
background-color:#ffca7f;
border:1px solid #db8100;
}

#mission{
background-color:#ffca7f;
border:1px solid #db8100;
}

#footer{border-top:1px solid #dedede}

.sidebar{color:#66472A}

/******************************** TYPOGRAPHY **********************************/

pre{
border:1px solid #EFEEEE;
background-color:#FCFBFB;
}

tt, code{background-color:#F8F7F7}

table caption{background-color:#F8F7F7}

thead th,
tbody th{background-color:#F7F0F1}

tbody td{border-bottom:1px solid #EFEEEE}

tr.odd{background-color:#FAF4F5}

img.imgLeft{border:1px solid #F7F0F1}

img.imgRight{border:1px solid #F7F0F1}

/********************************** LINKS *************************************/

a{color:#D17E07}

li a.active{color:#D17E07}

a:hover{
text-decoration:underline;
color:#6f6f81;
}

#footer_message a{color:#DCBBBB}

#credits a{color:#DCBBBB}

/********************************* HEADINGS ***********************************/

h1{
color:white;
text-shadow:1px 1px 1px #db8100;
background-color:#ff9600;
border:1px solid #db8100;
}

h2, h3, h4, h5{
color:#ff9600;
background:none;
border:none;
padding:0;
}

.sidebar .block h3{
background-color:#ff9500;
border:1px solid #db8100;
text-shadow:none;
color:white;
}

/******************************** NAVIGATION **********************************/

#navigation a{
color:#47361e;
}

#navigation li.active-trail a,
#navigation li.active a,
#navigation a.active{
color:white;
background-color:#47361e;
}

#navigation a:hover{
color:white;
background-color:#ff9600
}

/* Drop down
*******************************************************************************/
#navigation li.active-trail li a,
#navigation li.active li a,
#navigation li li a.active{
color:#47361e;
}

#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a:hover
#navigation ul li ul li a:hover{
background-color:#ff9600;
color:white;
}

/********************************** PAGER *************************************/

ul.pager li a{
border:1px solid #ff9600;
background-color:#ffca7f;
}

ul.pager li.pager-current{
border:1px solid #ff9600;
background-color:#ffca7f;
color:white
}

ul.pager li.pager-next a,
ul.pager li.pager-previous a,
ul.pager li.pager-last a,
ul.pager li.pager-first a{
border:1px solid white;
}

ul.pager li a:hover{
background-color:#ff9600;
color:white;
border:1px solid #ff9600;
}

/*********************************** FORM *************************************/

input.form-text:focus,
textarea:focus{border:1px solid #47361E}

input.form-submit{background-color:#FF9500}

input.form-submit:hover{background-color:#db8100}

input.form-submit:active{background:#db8100}

fieldset{
border:1px solid #EF956C;
background-color:#FAF2F3;
}

fieldset fieldset{background-color:#F5FDFF}

fieldset fieldset.collapsed{background-color:#FAF2F3}

.collapsible legend{background-image:url(img/arrow-expanded.png)}

.collapsed legend{background-image:url(img/arrow-collapsed.png)}

/*********************************** TABS *************************************/

div.tabs{border-bottom:2px solid #FF9500}

ul.tabs li.active a{
background-color:#FF9500;
color:white;
}

ul.tabs li a:hover{
background-color:#db8100;
color:white;
}

/************************************ BLOCKS **********************************/

.sidebar .block{
background-color:#ffca7f;
border:1px solid #ffca7f;
}

/************************************ NODES ***********************************/

.tag{
background-color:#FCFBFB;
border:1px solid #EFEEEE;
}

.tag li a{background-image:url(img/tag.png)}

/******************************* NODES META ***********************************/

.node .meta div.links{
background-color:#FCFBFB;
border:1px solid #EFEEEE;
}

/********************************** COMMENTS **********************************/

.comment{
background-color:#FCFBFB;
border:1px solid #EFEEEE;
}

.comment.even{background-color:#FFFCFC}

.comment .meta div.links{
background-color:#FFFCFC;/**/
border:1px solid #EAE3E4;
}

.comment.even .meta div.links{background-color:#FFFCFC}

.comment .submitted{color:#FF9500}

/*********************************** EOF **************************************/