Фигня с текстом

Тема в разделе "Флудилка", создана пользователем Леонид_19.03.2008, 7 июн 2018.

Метки:
  1. Игрался с HTML.
    Вот сам HTML:
    HTML:
    <html>
        <head>
            <link href="styles.css" rel="stylesheet">
        </head>
        <body>
            <span><img src="amperka.png" class="logo"> </span>
            <span class="desc">Моя любимая компания.</span>
        </body>
    </html>
    И CSS к нему:
    Код (CSS):
    html, body {
        margin: 0;
        border: 10px solid #f17311;
    }

    .logo {
        margin: 10;
        height: 125px;
        text-align: left;
    }

    .desc {
        font-size: 75px;
        margin: 0;
    }
    Нужно чтобы класс desc прибивался к верху страницы. В чём дело?
     
  2. NikitOS

    NikitOS Король шутов Администратор

    Я так понял текст по центру нужно поднять в верх?
     
  3. Он должен быть после лого Амперки и поднят вверх
     
  4. DIYMan

    DIYMan Guest

    Замени <span> на <div>. SPAN - не блочный элемент.
     
  5. надо чтобы классы logo и desc выводились на одной строке
     
  6. DIYMan

    DIYMan Guest

    См. float у CSS.
     
  7. Изменил так:
    HTML:
    <html>
        <head>
            <link href="fonts.css" rel=stylesheet>
            <link href="styles.css" rel="stylesheet">
        </head>
        <body>
            <div><img src="amperka.png" class="logo"> </div>
            <div class="desc">Моя любимая компания.</div>
        </body>
    </html>
    Код (CSS):
    html, body {
        margin: 0;
        border: 10px solid #f17311;
    }

    .logo {
        margin: 10;
        height: 125px;
        text-align: left;
    }

    .desc {
        font-size: 75px;
        margin: 0;
        float: left;
    }
    Ничего. Что-то ещё?
     
  8. NikitOS

    NikitOS Король шутов Администратор

    А обязательно они должны быть отдельно? Нельзя 1 класс logo сделать ?
    Типо так
     
    Леонид_19.03.2008 нравится это.
  9. DIYMan

    DIYMan Guest

    Имхо, неудачный форум, чтобы учиться основам вёрстки ;) Ты сейчас тыкаешься вслепую, вместо того, чтобы прочитать несколько статей ;)
     
    NikitOS нравится это.
  10. NikitOS

    NikitOS Король шутов Администратор

    Ну дык... Сайт то про Амперку...