1. Вы находитесь в сообществе Rubukkit. Мы - администраторы серверов Minecraft, разрабатываем собственные плагины и переводим на различные языки плагины наших коллег из других стран.
    Скрыть объявление
Скрыть объявление
В преддверии глобального обновления, мы проводим исследования, которые помогут нам сделать опыт пользования форумом ещё удобнее. Помогите нам, примите участие!

Проблема с версткой.

Тема в разделе "Оффтопик", создана пользователем Vampikkkk, 22 апр 2013.

  1. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    Подскажите как вставить картинку в <div> :D
    В документе все нормально работает, переношу на dle не хочет.
    css
    Код:
    #header {
    min-height: 290px;
    background: url(../img/logo-bg.jpg) repeat-x center top transparent;
    text-align: center;
    border-bottom: 1px solid #dedede;
}
 
#header img {
    margin-top: 60px;
}
    html
    Код:
    <div id="header"><img src="{THEME}/img/logo.png" alt="" /></div>
     
    Vampikkkk, 22 апр 2013
    #1
  2. ARGENT

    ARGENT Старожил Пользователь

    Баллы:
    103
    Skype:
    den.argent
    Имя в Minecraft:
    ARGENT
    ../img/logo-bg.jpg
    {THEME}/img/logo.png
     
    ARGENT, 22 апр 2013
    #2
  3. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @ARGENT,нет, в css указывается картинка на фон logo-bg.jpg а потом сверху налаживается logo.png
     
    Vampikkkk, 22 апр 2013
    #3
  4. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    \@ARGENT,вот как это выглядит
    1.png
    А на dle просто белый фон без нечего.
     
    Vampikkkk, 22 апр 2013
    #4
  5. ARGENT

    ARGENT Старожил Пользователь

    Баллы:
    103
    Skype:
    den.argent
    Имя в Minecraft:
    ARGENT
    Мне трудно сказать не видя сайта. Так что хз....
     
    ARGENT, 22 апр 2013
    #5
  6. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @ARGENT, html
    Код:
    <!DOCTYPE html>
<html>
  <head>
    <title>Название сайта</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
  </head>
  <body>
    <div class="navbar navbar-static-top">
        <nav class="navbar-inner">
            <a class="brand">Название проекта</a>
            <ul class="nav">
                <li class="divider-vertical"></li>
                <li><a href="#"><i class="icon-home"></i>Страница</a></li>
                <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Страница<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Ссылка</a></li>
                        <li><a href="#">Ссылка</a></li>
                        <li><a href="#">Ссылка</a></li>
                        <li><a href="#">Ссылка</a></li>
                        <li class="dropdown-submenu">
                            <a href="#">Ссылка</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка2</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Страница</a></li>
                <li><a href="#">Страница</a></li>
                <li><a href="#">Страница</a></li>
            </ul>
        </nav>
    </div>
  <div id="header"><img src="img/logo.png" alt="" /></div>
 
  <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
    css

    Код:
    #header {
min-height: 290px;
background: url(../img/logo-bg.jpg) repeat-x center top transparent;
text-align:center;
border-bottom:1px solid #dedede;
}
 
#header img {
margin-top: 60px;
}
    Расположения папок
    1.png
    Если открывать так, то все работает, если все кидаю на хост в дерикторию шаблона и в Main.tpl копирую текст из index.html то все работает кроме картинки.
     
    Vampikkkk, 22 апр 2013
    #6
  7. ARGENT

    ARGENT Старожил Пользователь

    Баллы:
    103
    Skype:
    den.argent
    Имя в Minecraft:
    ARGENT
    background: url(/img/logo-bg.jpg) repeat-x center top transparent;
    Точки значат, возвращение в пред. директорию.
     
    ARGENT, 22 апр 2013
    #7
    ПриветОтМиднайта нравится это.
  8. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @ARGENT,ну так у меня style.css лежит в папке css, а картинка в img. На скрине видно, как раз он выходит из папки css идет в img и тащит от туда картинку, а на деле не хочет, точней именно на движке.
     
    Vampikkkk, 22 апр 2013
    #8
  9. ARGENT

    ARGENT Старожил Пользователь

    Баллы:
    103
    Skype:
    den.argent
    Имя в Minecraft:
    ARGENT
    Скинь архив с этим в лс, сделаю.
     
    ARGENT, 22 апр 2013
    #9
  10. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @slava00, в ЛС скинул.
     
    Vampikkkk, 23 апр 2013
    #10
  11. Автор темы
    Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    Проблема решена. Slava00 помог.
    Проблема была в указании пути к картинкам, а точней забыл про {theme}
     
    Vampikkkk, 23 апр 2013
    #11

Поделиться этой страницей