Блок по горизонтали из картинок?

Question

[Alexxxxtre]

a href="stone.php?ids=<?=$view['id']?>"><img width="32" height="32" src="img/stone/<?=$view['img']?>.png" ></a>
	<?=($view['user_id'] == $user['id'] ? '</br><a href="/info_art.php?ids='.$row['id'].'&take='.$view['id'].'">[снять]</a>' : null);?>

пробовал делать через div задав ему inline-block, пробовал table, пробовал ul.. не выходит ничерта.. не придает блочности ни float:left - ничего не хочет срабатывать! Весь инет перерыл ни одна блочность не подходит

Comments

[WapSter]

А пробывал убрать тэг </br>

[Chamalion]

WapSter, br нужно чтоб ссылка "снять" была под картинкой насколько я понимаю, он не разделяет сами блоки между собой

[WapSter]

Chamalion,
Как же так вышло.

Answer 1

[Spartak (Web-StyleStudio)]

<div style="display: block;">
<center>
    <a href="stone.php?ids=<?=$view['id']?>"><img width="32" height="32" src="img/stone/<?=$view['img']?>.png" ></a>
  <?=($view['user_id'] == $user['id'] ? '</br><a href="/info_art.php?ids='.$row['id'].'&take='.$view['id'].'">[снять]</a>' : null);?>
</center></div>

Уберите тег center, и для div сделайте display inline-block

Comments

[Alexxxxtre]

не срабатывает, уходит влево, но встает по горизонтали

[Alexxxxtre]

тьфу встает по вертикали

[Spartak (Web-StyleStudio)]

Alexxxxtre,

<div style="display: inline; text-align: center;">
    <a href="stone.php?ids=<?=$view['id']?>"><img width="32" height="32" src="img/stone/<?=$view['img']?>.png" ></a>
  <?=($view['user_id'] == $user['id'] ? '<br><a href="/info_art.php?ids='.$row['id'].'&take='.$view['id'].'">[снять]</a>' : null);?>
</div>

[Spartak (Web-StyleStudio)]

Alexxxxtre,
Для всех картинок так сделайте

[Alexxxxtre]

Spartak (Web-StyleStudio),

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

[Spartak (Web-StyleStudio)]

Напишите здесь код блока со всеми картинками

[Alexxxxtre]

<div style="display: inline; text-align: center;">

    <a href="stone.php?ids=45"><img width="32" height="32" src="img/stone/4.png" style="display: inline; text-align: center;"></a>
	<br><a href="/info_art.php?ids=2935&amp;take=45">[снять]</a></div>
	
	
<div style="display: inline; text-align: center;">

    <a href="stone.php?ids=44"><img width="32" height="32" src="img/stone/1.png" style="display: inline; text-align: center;"></a>
	<br><a href="/info_art.php?ids=2935&amp;take=44">[снять]</a></div>
	
	
<div style="display: inline; text-align: center;">

    <a href="stone.php?ids=61"><img width="32" height="32" src="img/stone/2.png" style="display: inline; text-align: center;"></a>
	<br><a href="/info_art.php?ids=2935&amp;take=61">[снять]</a></div>

[Alexxxxtre]

Spartak (Web-StyleStudio), это автоматически подгружает из 3 картинок... код идет сам иначе в файле

<div style="display: inline; text-align: center;">

    <a href="stone.php?ids=<?=$view['id']?>"><img width="32" height="32" src="img/stone/<?=$view['img']?>.png" style="display: inline; text-align: center;" ></a>
	<?=($view['user_id'] == $user['id'] ? '</br><a href="/info_art.php?ids='.$row['id'].'&take='.$view['id'].'">[снять]</a>' : null);?>
</div>

а вывод он делает в итоге каждую картинку в div... и я понимаю, что он обвертывает каждую в div а не все вместе в один див... но не знаю как обвернуть

[Spartak (Web-StyleStudio)]

Нет, вы не правильно поняли, код блока в который обернуты эти картинки

[Alexxxxtre]

Spartak (Web-StyleStudio), да больше вроде ничего нет... выше стоит просто

[Alexxxxtre]

<div>

[Spartak (Web-StyleStudio)]

<div style="display:block; width:100%;">
	<div style="display: inline-block; text-align: center;">
		<a href="stone.php?ids=45"><img width="32" height="32" src="img/stone/4.png" style="display: inline;"></a><br><a href="/info_art.php?ids=2935&take=45">[снять]</a>
	</div>
	<div style="display: inline-block; text-align: center;">
		<a href="stone.php?ids=44"><img width="32" height="32" src="img/stone/1.png" style="display: inline;"></a><br><a href="/info_art.php?ids=2935&take=44">[снять]</a>
	</div>
	<div style="display: inline-block; text-align: center;">
		<a href="stone.php?ids=61"><img width="32" height="32" src="img/stone/2.png" style="display: inline;"></a><br><a href="/info_art.php?ids=2935&take=61">[снять]</a>
	</div>
</div>

P/S: возможно блок куда вы выводите ваши картинки ограничен по ширине

[Alexxxxtre]

Spartak (Web-StyleStudio), сделал... открываю режим инкогнито смотрится вот так

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

[Spartak (Web-StyleStudio)]

Alexxxxtre,
Если вы подгружаете ваши картинки через ajax, напишите здесь код ajax запроса, возможно там кроется ошибка

[Alexxxxtre]

Spartak (Web-StyleStudio), в том то и проблема что нет аякса.. открыл три браузера разные на компе - везде как у меня на первом скрине.. я хз - уже блок этот подбешивает

[Spartak (Web-StyleStudio)]

Alexxxxtre,
Ctrl + F5 - обновите кеш

[Spartak (Web-StyleStudio)]

Alexxxxtre,

<div style="display:block; width:100%;">
  <div style="display: inline-block; text-align: center;">
    <a href="stone.php?ids=45"><img width="32" height="32" src="img/stone/4.png" style="display: inline;"></a><br><a href="/info_art.php?ids=2935&take=45">[снять]</a>
  </div>
  <div style="display: inline-block; text-align: center;">
    <a href="stone.php?ids=44"><img width="32" height="32" src="img/stone/1.png" style="display: inline;"></a><br><a href="/info_art.php?ids=2935&take=44">[снять]</a>
  </div>
  <div style="display: inline-block; text-align: center;">
    <a href="stone.php?ids=61"><img width="32" height="32" src="img/stone/2.png" style="display: inline;"></a><br><a href="/info_art.php?ids=2935&take=61">[снять]</a>
  </div>
</div>

Этот код работает, лично проверил!

[Alexxxxtre]

Spartak (Web-StyleStudio),

<div style="width:100%;">
 <div style="display: inline-block; text-align: center;">
    <a href="stone.php?ids=<?=$view['id']?>"><img width="32" height="32" src="img/stone/<?=$view['img']?>.png" style="display: inline;" ></a>
	<?=($view['user_id'] == $user['id'] ? '</br><a href="/info_art.php?ids='.$row['id'].'&take='.$view['id'].'">[снять]</a>' : null);?>
</div></div>

B вот ваш этот код тоже сработал! Почистил кеш, подставил к inline - еще block.. и сработало.. Спасибо большое за помощь!

[Spartak (Web-StyleStudio)]

Alexxxxtre,
Пожалуйста

P/S: помог -> отметь решением :)

[Alexxxxtre]

Spartak (Web-StyleStudio), готово! Еще раз благодарю))))

[Spartak (Web-StyleStudio)]

Обращайтесь))