html/css - bymas

php

   echo ' 
 <img src="arena.jpg" width="200" height="200" style="float:left"/> 
 <div> 
 '; 
  
 if($user['pvp'] == 1) 
 echo '<a href="?exit" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>Покинуть очередь</b></a>'; 
 else 
 echo '<a href="?go" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>В очередь</b></a>'; 
  
 echo ' 
 <a href="?reit" class="link_ref"><img src="/DK.png" width="13" height="13"/> <b>Рейтинг</b></a> 
 <a href="magazin.php" class="link_ref"><img src="/img/res_ord.png" width="13" height="13"/> <b>Бараки</b></a> 
 <a href="?bot" class="link_ref"><img src="/img/clan_reid/ico.png" width="13" height="13"/> <b>Бой с ботами</b></a> 
 </div> 
 <div style="clear:left"></div> 
 ';

________
посл. ред. 22.03.2021 в 21:57; всего 1 раз(а); by Severus

Severus , вопрос, а что мне это дает?

ибо например в каком-то стиле может что-то другое мешать картинке

[SmOke] , это даёт тебе свободу выбора

Проверит, расскажет.

Severus , я щас посмотрел твой код, и что дает float: left;

как я понял ей нужна картинка на весь экран либо по средине чтобы кнопки ниже были

[SmOke] , изображение клеится к левому краю, следующий за ним блок обтекает изображение.
Дабы было так как говоришь, нужно написать разметку по-другому, в том числе и стиль немного переписать, а сейчас написано исходя из того что есть.

Severus , я хочу что бы было так как на скрине. Проблема в сылках очередь,рейд и тд.д. нужно что бы они начинались от картинки (сейчас по сути они перекрыты картинкой просто .(текст справа) а нужно что бы вся ссылка была справа

СУЗУНЭ ХОРИКИТА , попробуй тот вариант, если нет, напишу по-другому.

Severus , не прошел. попытаюсь объяснить нормально. Картинка слева ссылки справа (проблема как я поняла в том что у ссылок проставлен дизайн Link_ref )

СУЗУНЭ ХОРИКИТА , я понял теперь

но всё равно дай ссылку на сайт, легче же всем будет или html файл

СУЗУНЭ ХОРИКИТА ,

php

   echo ' 
 <div class="block"> 
 <img src="arena.jpg" width="200" height="200" /> 
 <div class="links"> 
 '; 
  
 if($user['pvp'] == 1) 
 echo '<a href="?exit" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>Покинуть очередь</b></a>'; 
 else 
 echo '<a href="?go" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>В очередь</b></a>'; 
  
 echo ' 
 <a href="?reit" class="link_ref"><img src="/DK.png" width="13" height="13"/> <b>Рейтинг</b></a> 
 <a href="magazin.php" class="link_ref"><img src="/img/res_ord.png" width="13" height="13"/> <b>Бараки</b></a> 
 <a href="?bot" class="link_ref"><img src="/img/clan_reid/ico.png" width="13" height="13"/> <b>Бой с ботами</b></a> 
 </div> 
 </div> 
 ';

В таблицу стилей

css

   .block { 
       background: #f2e3c6; 
       display: flex; 
       flex-wrap: wrap; 
     } 
  
     .links { 
       flex: 1 1; 
       display: flex; 
       flex-direction: column; 
       justify-content: space-between; 
     }

________
посл. ред. 22.03.2021 в 23:03; всего 1 раз(а); by Severus