Jump to content
  • 0

Соединить изображения


Rockman
 Share

Question

Я сделал в фотошопе картинку шириной 500 px

Разделил ее на 3 части, каждую картинку сделал ссылкой. Хочу что бы эти картинки были вместе как единая картинка, но между ними есть отступы.

Как избавиться от этих отступов ?

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
попробуйте дать ссылкам margin:0; padding:0; или картинкам

вообще поставте firebug и посмотрите из-за чего отступы.

Оба варианта не помогли. firebug не показал конкретной информации по отступам, как я понял это обычные проблемы как между текстом, попробовал код вплотную переместить - результатов недало

Можете предложить какой либо вариант как это можно реализовать ?

Link to comment
Share on other sites

  • 0
vertical-align:top

выровнял картинки только по вертикале.

чет я перепутал в вертикальными отступами.

давай линк на страничку, или архив

firebug ничего не показал потому что незнаешь что искать. Он все показывает.

Edited by mishka2
Link to comment
Share on other sites

  • 0

<div id="d">

<a href="index.html">

<img src="img/pic.jpg" style="border: 0px;">

</a>

<a href="index.html">

<img src="img/pic.jpg" style="border: 0px;">

</a>

</div>

У этого кода две картинки прижаты друг к другу. Надо проверить не накручено ли у Вас каких-либо дополнительных стилей на jpg или a из классического набора: border-margin-padding. Также проверить выравнивание. Если выравнивание абзаца стоит justify - то и выравнивается по обоим краям, создавая зазоры. Чтобы слепить картинки, требуется выровнять, например, по левому краю.

Link to comment
Share on other sites

  • 0
Код в одну строку тоже дает отступы между картинками?

:)

Вот только в соседней теме вопрос был на ту же тему.

картинки ссылками — значит они завёрнуты в инлайновый элемент <a>?

А что делают инлайновые элементы, если между ними какое-то количество пробелов, переносов строки или табуляций? Правильно, заменяют их одним пробелом.

А отступы здесь ну ровно ни при чём.

Link to comment
Share on other sites

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

×
×
  • 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