Jump to content
  • 0

Картинки в ряд


psychomonkey
 Share

Question

Добрый день.

Ребят помогите пож сделать красивый код.

Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд

http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html

но какой то стиль мешает. как все красиво сделать?

получается вот такой вариант

http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg

но код вообще жесток 

<p>
<a href="konvejernye-lenty/konvejernye-lenty-obshhego-naznacheniya.html">
<img title="конвейерная лента общего назначения" src="images/icons/lenta-konvejernaya-obshhego-naznacheniya.png" alt="общего назначения" width="100" height="100" /></a>
<a style="line-height: 1.5em;" href="kupit-transporternujy-lenta/lenta-transporternaya-pischevaya.html">
<img class="justifyleft" title="лента пищевая" src="images/icons/lenta-konvejernaya-rezinotkanevaya-pishhevaya.png" alt="пищевая транспотерная лента" width="106" height="106" /></a>
<a style="line-height: 1.5em;" href="konvejernye-lenty/teplostojkaya-konvejernaya-lenta.html">
<img src="images/icons/teplostojkaya-konvejernaya-lenta.png" alt="теплостойкая лента" width="76" height="101" /></a>
<a style="line-height: 1.5em;" href="kupit-transporternujy-lenta/lenta-transporternaya-shahtnaya.html">
<img title="шахтная лента" src="images/icons/lenta-konvejernaya-shaxtnaya.png" alt="шахтная конвейерная лента" width="107" height="109" /></a>
<a style="line-height: 1.5em;" href="kupit-transporternujy-lenta/lenty-transpoternye-kislotoshhelochestojkie.html">
<img title="лента кислотостойкая" src="images/icons/lenta-konvejernaja-ksha.png" alt="КЩ" width="101" height="101" /></a></p>
<p class="justifyleft">Общего назначения   Пищевая              Теплостойкая           Шахтная      Кислощелочестойкая</p>
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By sadosado
      Как переместить картинку слева от категории списка?
      <ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submenu"> {% thumbnail tree_category.image "20x20" upscale=False as thumb %} <img class="img-thumbnail" src="{{ thumb.url }}" alt="{{ category.name }}" title="{{ category.name }}" style="right: 10px;"/> {% endthumbnail %} <a tabindex="-1" href="{{ tree_category.get_absolute_url }}">{{ tree_category.name }}</a> <ul class="dropdown-menu"> {% else %} {% thumbnail tree_category.image "20x20" upscale=False as thumb %} <img class="img-thumbnail" src="{{ thumb.url }}" alt="{{ category.name }}" title="{{ category.name }}" style="right: 10px;"/> {% endthumbnail %} <li><a tabindex="-1" href="{{ tree_category.get_absolute_url }}">{{ tree_category.name }}</a></li> {% endif %} {% for close in info.num_to_close %} </ul></li> {% endfor %} {% endfor %} {% endif %} <li class="divider"></li> {% block nav_dropdown_extra_items %} <li><a href="{% url 'offer:list' %}">{% trans "Offers" %}</a></li> {% endblock %} </ul> <li> <a href="/contacts/"> {% trans "Contacts" %} </a> </li> {% block nav_extra %} {% endblock %} </ul>
    • By maxim_
      Добрый день форумчане!
      Это мой второй сайт (для себя) http://кухонный-мир.рф/

      Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ????
      1. Я разделил картинку в блоке №1 на маленькие кусочки
      2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов)
      3. Пробовал размещать картинку из блока №1 в других папках и менял названия
      НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1
      4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установил в этом скрипте параметр который загружает сначала картинки 20kbt, и только потом прочие. НО даже при этом картинки из блока №3 идут при загрузке первыми!
      код не получется оформить правильно, поэтому цитатой.
      Я конечно могу уже работать и так. Только картинки из блока №2 оптимизирую ещё. Но просто уже интересно как же так, почему и можно ли что то сделать.
      Стили картинки из блока №1 (эта картинка разбита на кусочки)
      Стили картинок из блока №3
      P.S. если возможно, то ответы как для совсем для начинающего. Я вообще не изучал html css, а всё сделал через вопросы в google, и это впервые обращаюсь к форуму.
    • By dirty_prince
      В общем у меня такой шаблон что, на главной странице анонса постов видно только тайтл записи и миниатюра.
      И чтобы массово сделать каждому посту миниатюры, мне пришлось прибегнуть к такому действию что я в каждую запись добавлял в начало поста картинку, которая будет миниатюрой и потом с помощью плагина Auto Post Thumbinial генерировал массово миниатюры. После генерации как уже понятно, картинки мне больше не нужно, там должен остаться только тайтл и iframe с видео (это все содержании статей).
      Вопрос как удалить массово все эти картинки из каждых постов и оставить только iframe?

      Скрин содержании поста из админки:
      http://joxi.ru/l2ZN4GqSxMvg2J

      Или как удалить все кроме определенного куска кода, в моем случает это код iframe - 
      <iframe src='http://flashservice.xvideos.com/embedframe/4156360'frameborder=0 width=510 height=400 scrolling=no></iframe>
    • By dirty_prince
      Всем привет.
      Сверстал простенький шаблон с минимум функционала и сейчас его адаптирую под Wordpress, возникло несколько вопросов из отсутствия опыта.
      Весь процесс моей адаптации шаблона идет с помощью этой статьи: http://ruseller.com/lessons.php?rub=40&id=482, за что ребятам отдельное спасибо. Жаль что у меня шаблон немного другого вида и функций.
      Вроде почти все коды прописал, но не знаю какую функцию прописать что бы появилось в админке добавление превью-картинки которая будет показана на главной вместе с тайтлом. Вот примерно так будет выглядеть материалы на главной как тут: http://igroflot.ru/all/2/
    • By ozavr
      Помогите пожалуйста. Я хочу научиться верстке.
      Хочу попробовать сверстать вот это http://images.wikia.com/dragonvale/images/e/e8/Space_invader.jpg
      Не используя картинки и таблиц, как это лучше сделать?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy