Выравнивание элементов

@FreeWay · Регистрация: 17.12.2007

Студворк — интернет-сервис помощи студентам

Всем привет!!
У меня есть вот такой код, он выводит 2 иконки, но они вместе находятся, как бы выставить между ними границу или первую прижать к левому краю, вторую к правому

HTML5
1
2
3
4
<div style="float: center; text-align: left; margin-left: 5px;"><noindex><a href="http://feeds.feedburner.com/blogspot/" rel="nofollow" title="Подписаться на RSS" type="application/rss+xml"><img alt="Стань счастливым здесь и сейчас, это так просто RSS" style="border: 0pt none ;" src="http://www.rssicons.ru/icons/34/342.gif" 
 
href="http://feeds.feedburner.com/blogspot/" rel="nofollow" title="Подписаться на mail" type="application/rss+xml" /><img alt=" просто RSS" style="border: 0pt none ;" src="http://www.rssicons.ru/icons/34/342.gif" 
 /></a></noindex></div>

сори если ламерский вопрос, я с хтмл не очень(

@ZIRO · 11.09.2010, 09:35

это один рисунок!вот его разрезать и вывести то можно вывести границу!

@FreeWay · 11.09.2010, 10:19 **[ТС]**

Сообщение от ZIRO

это один рисунок!вот его разрезать и вывести то можно вывести границу!

не, это я как пример показал, а ссылка будет на другой рисунок, это 2 рисунка - 2 функции - подписка на рсс и рсс на мыло

просто я заскринил как оно сейчас, чтоб понятно было

Добавлено через 24 минуты
игрался с border: 5px
все равно расстояния между 2 рисунками нет(

@Alorian · 11.09.2010, 11:52

FreeWay, посмотри свойства margin и padding в css. Выстави например margin:5px; для ссылок в которых находятся картинки и будет отступ. Если нужен отступ только с одной стороны, то можно написать margin-right:5px; к ссылке и отступ появится только справа.

@FreeWay · 11.09.2010, 12:21 **[ТС]**

Сообщение от Alorian

FreeWay, посмотри свойства margin и padding в css. Выстави например margin:5px; для ссылок в которых находятся картинки и будет отступ. Если нужен отступ только с одной стороны, то можно написать margin-right:5px; к ссылке и отступ появится только справа.

блин, ну как ни пробую, слитно они хоть тресни:

HTML5
1
2
3
4
5
<div style="float: left; text-align: left; margin-right:5px"><noindex><a href="http://feeds.feedburner.com/blogspot/IXzmy" rel="nofollow" title="Подписаться на RSS" type="application/rss+xml"><img alt="Стань счастливым здесь и сейчас, это так просто RSS" src="http://www.rssicons.ru/icons/34/342.gif" 
 
href="http://feeds.feedburner.com/blogspot/IXzmy" rel="nofollow" title="Подписаться на RSS" type="application/rss+xml" /><img alt="Стань счастливым здесь и сейчас, это так просто RSS" 
src="http://www.rssicons.ru/icons/34/341.gif" 
 /></a></noindex></div>

Добавлено через 1 минуту
я же выставил отступ с права 5, а следующая картинка (ссылка) приклеивается к предыдущей(

@Alorian · 11.09.2010, 12:29

FreeWay, мда. Делай нормальные отступы и переносы строк в коде и все будет у тебя нормально.
1. У тебя в коде ошибки. Проверь сколько у тебя тэгов <a> там.
2. Отступ надо указывать для ссылки, а не для родительского дива который содержит в себе эти ссылки.

Вобщем направление я тебе дал. Дальше смысла нет разжевывать.

@FreeWay · 11.09.2010, 13:35 **[ТС]**

блин, я забыл 2 ссылки по 2 тегам рознести, теперь гуд, спасибо

HTML5
1
2
3
4
5
6
7
8
9
10
<div style="float: left; text-align: left;"><noindex>
 
<a href="http://feeds.feedburner.com/blogspot/IXzmy" rel="nofollow" title="Подписаться на RSS" type="application/rss+xml"><img alt="Стань счастливым здесь и сейчас, это так просто RSS" src="http://www.rssicons.ru/icons/34/342.gif" hspace
="8" /> 
</a>
 
<a href="http://feeds.feedburner.com/blogspot/IXzmy" rel="nofollow" title="Подписаться на RSS" type="application/rss+xml"/><img alt="Стань счастливым здесь и сейчас, это так просто RSS" 
src="http://www.rssicons.ru/icons/34/341.gif" /> 
</a>
</noindex></div>

@Hagrael · 11.09.2010, 13:36

FreeWay, если хочешь прижать по краям, то есть 2 варианта:

HTML5
1
<table cellpadding="0" cellspacing="0" style="width: 100%"><tr><td align="left"><img></td><td align="right"><img></td></tr></table>

или

HTML5
1
<div style="float: left;" align="left"><img></div><div align="right"><img></div>

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@ZIRO 37 / 37 / 2 Регистрация: 20.09.2009 Сообщений: 265
	11.09.2010, 09:35
	это один рисунок!вот его разрезать и вывести то можно вывести границу! 1

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	11.09.2010, 11:52
	FreeWay, посмотри свойства margin и padding в css. Выстави например margin:5px; для ссылок в которых находятся картинки и будет отступ. Если нужен отступ только с одной стороны, то можно написать margin-right:5px; к ссылке и отступ появится только справа. 1

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	11.09.2010, 12:29
	FreeWay, мда. Делай нормальные отступы и переносы строк в коде и все будет у тебя нормально. 1. У тебя в коде ошибки. Проверь сколько у тебя тэгов <a> там. 2. Отступ надо указывать для ссылки, а не для родительского дива который содержит в себе эти ссылки. Вобщем направление я тебе дал. Дальше смысла нет разжевывать. 1