10 декабря 2013 в 20:14
Привет всем. Суть проблемы такова:
Было так:
Мне нужно, чтобы вместо текста (от картинки справа), была ещё одна картинка (моя).
Покопался в кодах, сделал всё, как нужно, но теперь картинки выстроились вертикально.
Мне же нужно, чтобы они были горизонтально.
Вот сам код: (простите, не нашёл, как тут вставить спойлер)
-
" class="slide-image" alt="" />
" class="slide-image" alt="" />
">
" class="slide-image" alt="" />
" class="slide-image" alt="" />
Помогите сделать картинки вертикально
Комментарии
Точнее горизонтально
css не?
по поводу "вставить спойлер" - кнопочко "вставить код" есть
Я знаю, что в ксс... Но, я уже везде прописывал
display:inline;
Он просто не хочет ставить их горизонтально.
float: left; margin: auto;Не помогает(
Вот ксс.
#slider .slide-image {
background-color:#E9E9E9;
background-position:initial initial;
background-repeat:initial initial;
display:inline;
float:left;
margin:auto;
max-width:49%;
padding:0.47%;
Такое ощущение, что картинка просто не может встать горизонтально. Как будто там ей места нет. Такое может быть?
Да если бы... Он на локалке. Прикрепил ксс и page.tpl, если кто-то захочет помочь
лучше ТС на хтмл.бук натравить
конечно, уменьши размеры («Изображения выстраиваются в одну строку по горизонтали, а если некоторые из них не помещаются по ширине в окне, то переносятся на следующую строку.» - http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizon...)
у меня такие настройки как я написал, таже беда была, все встали, но размеры конечно намного меньше. Firebug посмотри какой класс отвечает за стиль картинки.
и не говори.. даже тролиить жалко. грех обижать убогих.
Спасибо ребят, обосрали как следует.
почитай, неплохо написано http://habrahabr.ru/post/142486/
на край в page.tlp.php вписываешь картинку, вместо описания
<header class="entry-header">
<h2 class="entry-title"><a href="<?php print url($slide1_url); ?>"><?php print $slide1_head; ?></a></h2>
</header><!-- .entry-header -->
<div class="entry-summary">
<?php print $slide1_desc; ?>
</div><!-- .entry-summary -->
<div class="clear"></div>
</div>
подобно
<a href="<?php print url($slide1_url); ?>">
<?php if($slide1_img != '') { ?>
<img src="<?php print $slide1_img; ?>" class="slide-image" alt="<?php print $slide_alt; ?>" /> </a>
<?php } else { ?>
<img src="<?php print base_path() . drupal_get_path('theme', 'professional_theme') . '/images/slide-image-1.jpg'; ?>" class="slide-image" alt="<?php print $slide_alt; ?>" /></a>
<?php } ?>
<div class="clear"></div>
Как-то так:
<ul class="slides">
<li>
<a href="<?php print url($slide1_url); ?>">
<?php if($slide1_img != '') { ?>
<img src="<?php print $slide1_img; ?>" class="slide-image" alt="<?php print $slide_alt; ?>" /> </a>
<?php } else { ?>
<img src="<?php print base_path() . drupal_get_path('theme', 'professional_theme') . '/images/slide-image-1.jpg'; ?>" class="slide-image" alt="<?php print $slide_alt; ?>" /></a>
<?php } ?>
<a href="<?php print url($slide1_url); ?>">
<?php if($slide1_img != '') { ?>
<img src="<?php print $slide1_img; ?>" class="slide-image" alt="<?php print $slide_alt; ?>" /> </a>
<?php } else { ?>
<img src="<?php print base_path() . drupal_get_path('theme', 'professional_theme') . '/images/slide-image-1.jpg'; ?>" class="slide-image" alt="<?php print $slide_alt; ?>" /></a>
<?php } ?>
</li>
а чо ты хотел? тут по друпалу вопросы.
по основам HTML & CSS в другом месте смотри
править по три раза пост - дурной тон
Гед, а нафига при каждом пуке в tpl.php шаблоны городить херову тучу дивов?
тем более, что человек элементарных знаний в каскадных таблицах не имеет.
Нахера вообще лезть разрабатывать сайты не зная html и css?
цыц, мелкий. Гедеон сабаку съел на слайдерах. И тремя котиками закусил.
Как ты посмел супротив гуру переть?
это не повод великого повелителя слайдеров мордой в дерьмо тыкать.
Истинно реку - не бывать теперь у Именами на сайтах кошерному seo-слайдеру. вовек не бывать.
))))))))
и шо ото тебя так заглючело?
я плачу ((( горе-то какое