Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.05.2018, 09:22
Новичок на форуме
Отправить личное сообщение для heratz Посмотреть профиль Найти все сообщения от heratz
 
Регистрация: 16.05.2018
Сообщений: 4

Помогите составить структуру div
Добрый день
Есть вот такой css class

.placeholder-panel .available-construction LABEL.iron-mine, .right-panel .building-info-panel LABEL.iron-mine {
    background-image: url(iron-mine.jpg)
}


Помогите с него составить структуру div-ов


Как это выглядит в живую

На 55 секунде с права видно, что должно получиться ("Select Building") там изображение и т.д.

Как бы у меня есть весь готовый css, но все страницы для примера не успел взять) вот осталось сделать часть которая на видео справа, сам я не front-end разработчик, не могу разобраться с этим, если вы поможете, остальное пойдет полегче.

Я так понимаю приведенный мной класс отобразит только изображение, но дальше как и писал возможно сам уже справлюсь) Заранее спасибо

Если по куску кода Вам потребуется еще, что либо из классов я Вам предоставлю)
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2018, 22:09
Новичок на форуме
Отправить личное сообщение для spacema77 Посмотреть профиль Найти все сообщения от spacema77
 
Регистрация: 20.05.2018
Сообщений: 1

Приветствую. Можно ли чуть по-подробнее. Откуда берется css ?

В данном случае css можно переписать в виде

.placeholder-panel .available-construction LABEL.iron-mine{
background-image: url(iron-mine.jpg)
}

.right-panel .building-info-panel LABEL.iron-mine {
background-image: url(iron-mine.jpg)
}

То есть фоновая картинка задается для двух элементов
Ответить с цитированием
  #3 (permalink)  
Старый 21.05.2018, 06:19
Новичок на форуме
Отправить личное сообщение для heratz Посмотреть профиль Найти все сообщения от heratz
 
Регистрация: 16.05.2018
Сообщений: 4

Сообщение от spacema77 Посмотреть сообщение
Приветствую. Можно ли чуть по-подробнее. Откуда берется css ?

В данном случае css можно переписать в виде

.placeholder-panel .available-construction LABEL.iron-mine{
background-image: url(iron-mine.jpg)
}

.right-panel .building-info-panel LABEL.iron-mine {
background-image: url(iron-mine.jpg)
}

То есть фоновая картинка задается для двух элементов
Спасибо за ответ
Css это с готового проекта)
Я пробую портировать себе это дело, но без успешно, картинку портировать мало, там куча всего другово еще(
Ответить с цитированием
  #4 (permalink)  
Старый 21.05.2018, 07:28
Новичок на форуме
Отправить личное сообщение для heratz Посмотреть профиль Найти все сообщения от heratz
 
Регистрация: 16.05.2018
Сообщений: 4

Вообще для меня странно

.building-info-panel LABEL.iron-mine


т.е. для этого элемента может быть фоновое изображение
Но таких элементов может быть много(с разными изо)

Но как бы по названию это panel т.е. в одном экземпляре) эх, не понятно
Ответить с цитированием
  #5 (permalink)  
Старый 21.05.2018, 07:35
Новичок на форуме
Отправить личное сообщение для heratz Посмотреть профиль Найти все сообщения от heratz
 
Регистрация: 16.05.2018
Сообщений: 4

Вот попытался накидать структуру (по логичным названиям классов)

<div class="right-panel">
                    <div class="body">
                        <div class="building-info-panel">
                            <div class="building-details-dlg">
                                <div class="building-description">
                                    <label class="radium-mine"> </label>
много текста
<table>
                                        <tr>
                                            <td>
                                                <span class="resource iron">53</span>
                                            </td>
                                            <td>
                                                <span class="resource iron">53</span>
                                            </td>
                                            <td>
                                                <span class="resource iron">53</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <span class="resource population">53</span>
                                            </td>
                                            <td>
                                                <span class="resource time">53</span>
                                            </td>
                                        </tr>

                                    </table>


Но не сработало как надо building-details-dlg может иметь scrollable, но его нет)))

Если кто сможет помочь разобраться, могу стили для данных классов выложить
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Раскрытие не полностью раскрытого div по клику MrNix21 Элементы интерфейса 2 28.03.2016 14:41
Div position z-index. Помогите OOA1969 Элементы интерфейса 23 01.12.2015 15:49
Помогите составить регулярное выражение Ucorp Общие вопросы Javascript 1 17.10.2012 16:28
Помогите составить скрипт для списка Новенькая Общие вопросы Javascript 9 10.09.2012 06:58
Помогите делетанту! Скрипт показывающий/скрывающий div kuzkuz Общие вопросы Javascript 2 22.10.2011 17:06