HTML + CSS!HELP

(Ответов: 5, Просмотров: 461)
  1. Новичок
    • Регистрация: 05.12.2012
    • Сообщений: 7
    • Репутация: 0
    Мне снова нужна ваша помощь!
    У меня никак не получается изменить css, так чтобы фон был не только цветом, но и была картинка.

    сайт

    http://aniwar.ru/
    [свернуть]

    вот html код:
    Код:
    <div class="main-top-block">
              <div class="suns">
                Делитесь своим
                <span>
                  Расскажите про что-то новое, добавив новость!
                </span>
              </div>
    CSS:
    Код:
    .main-top{overflow: hidden;clear: both;margin: 0 0 10px 0;}
    .main-top-block{padding: 0 10px 0 0;float: left;width: 25%;height: 120px;font-family: "PT Sans";color: #fff;text-transform: uppercase;} .main-top-block:last-child{padding: 0;}
    .main-top-block div{padding: 10px;height: 100%;position: relative;text-align: center;font-size: 16px;}
    .main-top-block span{display: block;position: absolute;bottom: 0;height: 50%;width: 100%;margin: 0 -10px;padding: 10px;text-align: left;font-size: 11px;}
    .seas{background: #1BBC9B;}.seas span{background: #16A086;} 
    .suns{background: #F1C40F;}.suns span{background: #F39C11;} 
    .carrots{background: #E77E23;}.carrots span{background: #D25400;} 
    .alizars{background: #E84C3D;}.alizars span{background: #C1392B;}
    Собственно на сайте это 4 блока после headera, бирюзового, оранжевого, красного и жёлтых цветов! Помогите!
    • -1
  2. Опытный Аватар для Valerij
    • Регистрация: 23.11.2012
    • Сообщений: 497
    • Репутация: 68
    • Webmoney BL: ?
    Kegan,:before, :after псевдоэлементы CSS Вам помогут.
    • 1

    Спасибо сказали:

    Kegan(02.02.2015),
  3. Дипломник
    • Регистрация: 06.06.2011
    • Сообщений: 105
    • Репутация: 11
    возможно подойдет:
    background: #ХХХХХХ url(ПУТЬ_К_КАРТИНКЕ);
    • 1

    Спасибо сказали:

    Kegan(02.02.2015),
  4. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    есть
    Код:
    background-color
    background-image
    в чём проблема?
    • 1

    Спасибо сказали:

    Kegan(02.02.2015),
  5. А компот??!!
    • Регистрация: 28.11.2011
    • Сообщений: 2,066
    • Репутация: 720
    • Webmoney BL: ?
    Код HTML:
    background: url("../img/bg.png") no-repeat scroll 0px 0px #000;
    • 1

    Спасибо сказали:

    Kegan(02.02.2015),
  6. Новичок
    • Регистрация: 05.12.2012
    • Сообщений: 7
    • Репутация: 0
    Всем спасибо за помощь! Ошибка была с моей стороны. Пробовал всё что вы писали. Были проблемы с хостингом! Не заливались файлы на него! Спасибо за потраченное время!
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Верстка из psd в html.
Создание сайтов 11 04.09.2014 12:51
psd to html/css за 1$
Создание сайтов 1 06.04.2013 00:05
Помогите убрать: sait.ru/kategoria.HTML/material.html
Joomla 9 26.10.2012 18:38
Верстка HTML+CSS
Создание сайтов 2 14.07.2011 18:06
HTML верстка сайтов. HTML/CSS верстка.
Реклама партнерских программ 2 26.07.2010 13:12

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры