За последние 24 часа нас посетили 20113 программистов и 1695 роботов. Сейчас ищут 1863 программиста ...

Всплывающая подсказка

Тема в разделе "HTML и CSS", создана пользователем General_App, 26 янв 2016.

  1. General_App

    General_App Новичок

    С нами с:
    25 янв 2016
    Сообщения:
    51
    Симпатии:
    1
    Есть всплывающая подсказка в ней текст разделить как то по абзацам можно типа <br> Он та сам делиться только когда упрется в край, а я хочу именно если все ники перечислять слева направо. Или сss шевелить?

    Код (PHP):
    1. echo "<div class='img' data-title='$user[name]$user2[name]$user3[name]$user4[name]$user5[name]'><a href='?id=$user[id]'> <img src='/$user[id].jpg' alt=''></div></a>"; 
    Выводит так:

    $user[name]$user2[name]$user3[name]$user4[name]
    $user5[name]

    Можно ли так;?

    $user[name]
    $user2[name]
    $user3[name]
    $user4[name]
    $user5[name]

    Подсказка от модератора:
    Любой код или текст конфигурации пишите между тегом [code=php] и [/code].
    Используйте отступы в коде для форматирования текста.
    Это помогает быстрее понять вас, увеличивает шанс на получение ответа.
    Что выделять? Например: PHP, HTML, CSS, JavaScript, SQL, XML, .htaccess, ini, регулярные выражения, код шаблонизаторов, результаты array/object dump и т. д.
     
  2. Abyss

    Abyss Старожил

    С нами с:
    12 дек 2015
    Сообщения:
    1.298
    Симпатии:
    218
    Адрес:
    Default city
    Зависит от твоего инструмента по созданию тултипов. Что-то мне подсказывает что это бутстрап.
    Код (PHP):
    1. $name_string  = [];
    2. $name_string[] = $user['name'];
    3. $name_string[] = $user2['name'];
    4. $name_string[] = $user3['name'];
    5. $name_string[] = $user4['name'];
    6. $name_string[] = $user5['name'];
    7.  
    8. echo "<div class='img' data-html='true' data-title='".implode("<br>",$name_string)."'><a href='?id=$user[id]'> <img src='/$user[id].jpg' alt=''></div></a>";
    9.  
    10.  
     
  3. General_App

    General_App Новичок

    С нами с:
    25 янв 2016
    Сообщения:
    51
    Симпатии:
    1
    Код (PHP):
    1. IF ($menu==1)  {
    2.  $mm = mysql_query("SELECT * FROM v_monet  ",$db );
    3.  While     ($mm2= mysql_fetch_array($mm))
    4. {
    5. echo "<div class='photo' data-title='$mm2[name_m]'><a href='magazin.php?id_m=$mm2[id_m]&menu=2'> <img src='/moneti/$mm2[id_m].jpg' alt=''></div></a>";
    6.  Echo "<br/>"; } 
    7.    }
    Я вас не совсем понял точнее вообще вас не понял. тк как я ток неделю осваиваю php и прочею лабудень.
    Делаю выборку всех полей и вывожу их картинки на экран, с этих же полей я беру разные данные как name, $fkfk, $mony, $ перстиж. и тд. и вывожу их в всплывающ подсказке
    Оно то все выводиться, но надо чтоб каждая переменная была с новой строки.
    Попробую ваш код но что то кажется это не тот случай.

    Добавлено спустя 5 минут 47 секунд:
    Почитал про бутстрап это фреймворк какой то качать надо это не то. просто на css вот код
    Код (PHP):
    1. .photo {
    2. display: inline-block; /* Строчно-блочный элемент */
    3. position: relative; /* Относительное позиционирование */
    4. }
    5. .photo:hover::after {
    6. content: attr(data-title); /* Выводим текст */
    7. position: absolute; /* Абсолютное позиционирование */
    8. left: 0; right: 0; bottom: 0px; /* Положение подсказки */
    9. z-index: 1; /* Отображаем подсказку поверх других элементов */
    10. background: rgba(0,42,167,0.6); /* Полупрозрачный цвет фона */
    11. color: #fff; /* Цвет текста */
    12. text-align: center; /* Выравнивание текста по центру */
    13. font-family: Arial, sans-serif; /* Гарнитура шрифта */
    14. font-size: 10px; /* Размер текста подсказки */
    15. padding: 5px 10px; /* Поля */
    16. border: 1px solid #333; /* Параметры рамки */