Cообщество пользователей SMF

Всем привет! Друзья, подскажите. Как в блоке html симплепортала расположить 2 кликабельные картинки в ряд.
Сейчас они идут одна под другой. А хотелось бы чтоб обе были рядом.

Код каждой картинки стоит такой

<div style="text-align:center"><a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ1" data-pin-nopin="true"></a><div>

<div style="text-align:center"><a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ2" data-pin-nopin="true"></a><div>

Что то торможу и не могу сообразить...

стиль вот так сделать
style="text-align:center;float:left;"

Цитата: kak2z от 22 января 2017, 17:57:12стиль вот так сделать

Код Выделить Развернуть

style="text-align:center;float:left;"

сделал. встали слева один на другим просто

Цитата: Dimon S. от 22 января 2017, 19:07:55сделал. встали слева один на другим просто

посмотреть бы)) ну а само проще вот так наверно будет))
<div style="text-align:center">
      <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ1" data-pin-nopin="true"></a>
      <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ2" data-pin-nopin="true"></a>
<div>


Для стилей div применить:
display: inline;
Или из блоков div убрать img, или заменить div на span.

  <center> <table>
<tr>
<td>
 <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ1" data-pin-nopin="true"></a>
 </td>
<td>
 <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ2" data-pin-nopin="true"></a>
 </td>
</tr>
</table>
 
 </center>

всем спасибо!

Высоту,ширину и отступы между картинками в центре задайте сами свои.Это адаптивный блок,при уменьшении разрешения экрана одна картинка будет становиться под другую.
<style>
.blok{
       text-align: center;
       min-width: auto;
       height: auto;
}
.banner{
  display: -moz-inline-stack;
  width: 485px;
  height: 165px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
 </style>

 <div class='blok'>
 <div class='banner'>
код
</div>
<div class='banner'>
код
 </div>
 </div>

Спасибо Всё получилось.