+ Ответить в теме
Показано с 1 по 4 из 4

Тема: Как отпустить картинку с текстом "Подробности в описании к видео" чуть ниже?

  1. #1
    Новичок codor на пути к лучшему Аватар для codor
    Регистрация
    09.06.2018
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Как отпустить картинку с текстом "Подробности в описании к видео" чуть ниже?

    Привет!

    Как отпустить картинку с текстом "Подробности в описании к видео" чуть ниже? Чтобы выло видно, что это говорит Алмаз из Уфы?

    Сейчас выглядит немного коряво www.ufa.octawa.ru
    Гуглил, но не смог найти подходящий тег для изображений.


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Уфимцы на бизнес-тренингах Тони Роббинса</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div id="header"></div>
    <div id="head">
    <p><font face="Droit Serif"><em>Белеме барҙың ҡәҙере бар. <br>Выше всего ценятся знания (башкирская пословица). <br>Знание - половина ума (русская пословица).</em></font></p>
    <img src="значок стрелка вниз.png" width="48" height="48" alt=""/><br>
    <img src="самолетик.png" width="48" height="48" alt=""/><br>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/xS7sIBztBCI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br>
    <br>
    <br>
    <br>
    <img src="speech balloon with words.png" width="280" height="157.5" alt=""/><br>
    <p><font face="Droit Serif"><a href="https://youtu.be/xS7sIBztBCI">Алмаз из Уфы (с 00:40:54): "Изменилось очень многое. Физиология... Изменения <br>в бизнесе, то есть финансы. Ну, мы и до этого были не бедные люди. Скачок был <br>феноменальный. Изменения впечатляющие. Серьезные цифры."</a></font></p>
    <p><font face="Droit Serif"><a href="https://www.youtube.com/channel/UC12htG3aU9E5ABojYxs4DwA?sub_confirmation=1">По мотреть другие видеоотзывы и обучающие ролики Тони Роббинса"</a></font><img src="значок класс.png" width="" height="" alt=""/><img src="значок play.png" width="" height="" alt=""/></p>
    <br>
    <br>
    <br>
    <p>Фото: https://flic.kr/p/Ffv7Yw (CC BY 2.0)</p>
    </div>
    </body>
    </html>

  2. #2
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,919
    Thanks
    141
    Thanked 142 Times in 142 Posts
    Не надо ничего менять, очень красиво и так.

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

    css margin
    css position: relative

  3. #3
    Новичок codor на пути к лучшему Аватар для codor
    Регистрация
    09.06.2018
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Degradator Посмотреть сообщение
    Не надо ничего менять, очень красиво и так.

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

    css margin
    css position: relative
    Все равно картинка ниже не отпустилась... Что я делаю не так?

    Добавил в style.css margin-bottom:
    @charset "utf-8";
    /* CSS Document */
    #header { position:absolute; top:0px; left:0px; min-width:700px;
    max-width:1920px;
    width:100%;
    height:400px;
    background-image:url(/25762026606_97c6e77772_o.jpg);
    background-repeat:repeat;
    background-size: 50%; }
    #head{
    margin-top: 410px;
    }
    #balloon{margin-bottom: -10px;
    }


    Добавил в index.html <div id="balloon"></div>:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Уфимцы на бизнес-тренингах Тони Роббинса</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div id="header"></div>
    <div id="head">
    <p><font face="Droit Serif"><em>Белеме барҙың ҡәҙере бар. <br>Выше всего ценятся знания (башкирская пословица). <br>Знание - половина ума (русская пословица).</em></font></p>
    <img src="значок стрелка вниз.png" width="48" height="48" alt=""/><br>
    <img src="самолетик.png" width="48" height="48" alt=""/><br>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/xS7sIBztBCI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br>
    <br>
    <br>
    <br>
    <div id="balloon"><img src="speech balloon with words.png" width="280" height="157.5" alt=""/><br></div>
    <p><font face="Droit Serif"><a href="https://youtu.be/xS7sIBztBCI">Алмаз из Уфы (с 00:40:54): "Изменилось очень многое. Физиология... Изменения <br>в бизнесе, то есть финансы. Ну, мы и до этого были не бедные люди. Скачок был <br>феноменальный. Изменения впечатляющие. Серьезные цифры."</a></font></p>
    <p><font face="Droit Serif"><a href="https://www.youtube.com/channel/UC12htG3aU9E5ABojYxs4DwA?sub_confirmation=1">По мотреть другие видеоотзывы и обучающие ролики Тони Роббинса"</a></font><img src="значок класс.png" width="" height="" alt=""/><img src="значок play.png" width="" height="" alt=""/></p>
    <br>
    <br>
    <br>
    </div>
    </body>
    </html>
    Последний раз редактировалось codor; 15.06.2018 в 05:49.

  4. #4
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,919
    Thanks
    141
    Thanked 142 Times in 142 Posts
    отлично получилось

+ Ответить в теме

Похожие темы

  1. Ответов: 3
    Последнее сообщение: 21.12.2012, 18:00
  2. Ответов: 2
    Последнее сообщение: 03.01.2012, 19:44
  3. Ответов: 2
    Последнее сообщение: 06.03.2011, 20:31
  4. Ответов: 4
    Последнее сообщение: 07.01.2010, 23:27

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения