Как сделать картинку справа от текста, отчего глюки

Discussion in 'Общие вопросы программирования' started by Nikolet, 11 May 2021.

  1. Nikolet

    Nikolet New Member

    Joined:
    11 May 2021
    Messages:
    1
    Likes Received:
    0
    Reputations:
    0
    Я не пониманию как вставить картинку сбоку, справа от текста, все время выходят какие-то глюки, и даже страница портится из-за этого. Почему это происходит? Нужно чтобы это было средствами CSS, так как все что касается формления я считаю должно быть там. Еще фон почему-то спал, хотя я все сделала правильно, и даже по ссылке на него переходит! Как вернуть фон? Что не так с моим кодом?
    http://joxi.ru/8233kxosaJMoa2
    http://joxi.ru/n2Y1kaxh7o4Xx2
    http://joxi.ru/zANLDYWi8BXEOm - почему оно сделалось таким прималеньким я вообще не знаю..
    А если делаю внутри абзаца, то получается такое! - http://joxi.ru/l2ZyNRkFRwO6Zm
    Получилось сразу несколько вопросов.
     
  2. web456web

    web456web Banned

    Joined:
    4 Apr 2021
    Messages:
    27
    Likes Received:
    11
    Reputations:
    1
    Нужно весь текст завернуть в
    Code:
    <div id="text1">
    текст 1
    </div>
    а картинку в
    Code:
    <div id="img1">
    </div>
    а css прописать так:
    Code:
    body{
       background-color: #3366CC; /* Цвет фона веб-страницы */
       }
    #text1{
    float:left;
    width:200px;
    height:200px;
    border: 1px solid red;
    }
    #img1{
    float:left;
    width:200px;
    height:200px;
    border: 1px solid green;
    background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
    }
     
Loading...