Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 577
1

Не могу выравнить. Я рак в css & html

10.04.2015, 17:07. Просмотров 963. Ответов 14
Метки нет (Все метки)

Вот тестовый сайт: http://freezon-save.hol.es/

Прикрепил скриншот, смотрите как сделать чтобы значок прицела был перед каждой новой строчкой, я все перепробовал...
0
Миниатюры
Не могу выравнить. Я рак в css & html  
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.04.2015, 17:07
Ответы с готовыми решениями:

HTML&CSS vs HTML5&CSS3
Здравствуйте! Я хочу научиться писать сайт с нуля,сейчас читаю книгу по HTML&CSS и ,буквально,...

выравнить css
Здравствуйте, подскажите ,пожалуйста, вот стиль <div style="width: 940px; margin: 0pt;...

html&css шаблон и Joomla
Всем привет.Подскажите пожалуйста слышал что можно обычный шаблон html&CSS переделать под joomla...

Не работает простое подменю на HTML&CSS
Тренировался тут делать подменю на HTML&CSS и появилась одна загвоздка, вот вообщем код ul{...

__________________
14
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 17:25 2
Скриншота мало. Код в студию.
Всё, ссылку на сайт не сразу увидел)

Добавлено через 13 минут
буду краток. у вас не выходит потому, что:
1. вы используете много спанов. Рекомендую в

HTML5
1
2
3
4
5
6
<ul id="clan-stat">
            <li><span class="fa fa-crosshairs clan-list-style left"></span><span class="left cwhite">Глава клана: <span class="corange">Каптюшка</span></span></li>
            <li><span class="fa fa-crosshairs clan-list-style left"></span><span class="left cwhite">Лучший игрок месяца: <span class="corange">Фризоон</span></span></li>
            <li><span class="fa fa-crosshairs clan-list-style left"></span><span class="left cwhite">Очки клана: <span class="corange">100'000'000</span></span></li>
            <li><span class="fa fa-crosshairs clan-list-style left"></span><span class="left cwhite">Место клана (Ежемесячный): <span class="corange">1</span></span></li>
        </ul>
провести следующие замены:

HTML5
1
2
3
4
5
6
<ul id="clan-stat">
            <li><span class="left cwhite">Глава клана: <span class="corange">Каптюшка</span></li>
            <li><span class="left cwhite">Лучший игрок месяца: <span class="corange">Фризоон</span></span></li>
            <li></span><span class="left cwhite">Очки клана: <span class="corange">100'000'000</span></span></li>
            <li></span><span class="left cwhite">Место клана (Ежемесячный): <span class="corange">1</span></span></li>
        </ul>
и дописать следующее в коде CSS

CSS
1
2
3
ul#clan-stat li:before{
 content:"\f05b";
}
Должно получиться как вы хотите

по умолчанию прицел будет черным.
что бы сделать белым, соответсвенно пропишите:

CSS
1
2
3
4
ul#clan-stat li:before{
 content:"\f05b";
 color:#fff;
}
0
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 577
10.04.2015, 17:28  [ТС] 3
Цитата Сообщение от GrizZLY(= Посмотреть сообщение
Должно получиться как вы хотите
Должно, да не выходит что-то...
0
Миниатюры
Не могу выравнить. Я рак в css & html  
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 17:45 4
Лучший ответ Сообщение было отмечено FreeZon как решение

Решение

Пожалуйста, добавьте сюда следующий CSS код

CSS
1
2
3
4
5
6
7
8
ul#clan-stat li span.cwhite:before {
  content: "\f05b";
}
 
.cwhite {
  color: white;
  float: left;
}
и сделайте следующее

так было:
HTML5
1
2
3
4
5
6
<ul id="clan-stat">
            <li><span class="left cwhite">Глава клана: <span class="corange">Каптюшка</span></li>
            <li><span class="left cwhite">Лучший игрок месяца: <span class="corange">Фризоон</span></span></li>
            <li></span><span class="left cwhite">Очки клана: <span class="corange">100'000'000</span></span></li>
            <li></span><span class="left cwhite">Место клана (Ежемесячный): <span class="corange">1</span></span></li>
        </ul>
так должно стать

HTML5
1
2
3
4
5
6
<ul id="clan-stat">
            <li><span class="cwhite">Глава клана: <span class="corange">Каптюшка</span></span></li>
            <li><span class="cwhite">Лучший игрок месяца: <span class="corange">Фризоон</span></span></li>
            <li><span class="cwhite">Очки клана: <span class="corange">100'000'000</span></span></li>
            <li><span class="cwhite">Место клана (Ежемесячный): <span class="corange">1</span></span></li>
        </ul>
Пробуйте
1
34 / 32 / 12
Регистрация: 11.11.2014
Сообщений: 303
10.04.2015, 17:47 5
Короче вот так надо
CSS
1
2
3
4
5
6
7
8
9
#clan-stat li:before:hover {               
        font-family: FontAwesome;  
        padding-right: 8px;            
        font-style: normal;               
        font-weight: normal;
        text-decoration: inherit;
        color: #000;       
        content: "\f011";    
}
или, если не покатит, то первую строчку такую надо
CSS
1
2
3
#clan-stat li:hover:before {
/*Здесь все также*/
}
Я последовательность не помню.
0
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 577
10.04.2015, 17:54  [ТС] 6
Цитата Сообщение от GrizZLY(= Посмотреть сообщение
Пожалуйста, добавьте сюда следующий CSS код
Спасибо, работает. Класс cwhite не обязательно было изменять. Я его и не трогал, все ровно стало.
0
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 17:54 7
Цитата Сообщение от Амурский Посмотреть сообщение
Короче вот так надо
В задаче не требуется устанавливать hover. Человеку необходимо что-бы в начале каждой строки устанавливался прицел. только и всего. О hover тут ни слова.
0
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 577
10.04.2015, 17:57  [ТС] 8
Цитата Сообщение от GrizZLY(= Посмотреть сообщение
Пожалуйста, добавьте сюда следующий CSS код
А я вот не знаю как сделать отступ, content'a от span ?
Ну знак прицела в лево сдвинуть на 10px; ???
0
Миниатюры
Не могу выравнить. Я рак в css & html  
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 17:57 9
Удачи Вам в КВ
вы не могли бы применить то, что работает, на хостинге, так будет легче?
1
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 577
10.04.2015, 18:02  [ТС] 10
Цитата Сообщение от GrizZLY(= Посмотреть сообщение
вы не могли бы применить то, что работает, на хостинге, так будет легче?
Уже поставил
0
34 / 32 / 12
Регистрация: 11.11.2014
Сообщений: 303
10.04.2015, 18:05 11
Цитата Сообщение от FreeZon Посмотреть сообщение
А я вот не знаю как сделать отступ, content'a от span ?
Ну знак прицела в лево сдвинуть на 10px; ???
padding-right: 10px;

Добавлено через 1 минуту
Цитата Сообщение от GrizZLY(= Посмотреть сообщение
В задаче не требуется устанавливать hover. Человеку необходимо что-бы в начале каждой строки устанавливался прицел. только и всего. О hover тут ни слова.
Я думал, что наводишь и прицел появляется Короче не суть, hover убрать и все, как вариант.
1
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 577
10.04.2015, 18:07  [ТС] 12
Цитата Сообщение от Амурский Посмотреть сообщение
padding-right: 10px;
Точно! Я же говорю я рак. Все забываю.
0
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 18:09 13
вот css
CSS
1
2
3
4
5
ul#clan-stat li span.cwhite:before {
  content: "\f05b";
  margin-left: -10px;
  padding-right: 10px;
}
0
34 / 32 / 12
Регистрация: 11.11.2014
Сообщений: 303
10.04.2015, 18:14 14
Цитата Сообщение от GrizZLY(= Посмотреть сообщение
CSS
1
margin-left: -10px;
CSS
1
margin-left: -10px;
- что-бы подвинуть? А то вылазиют
0
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 18:24 15
Цитата Сообщение от Амурский Посмотреть сообщение
- что-бы подвинуть? А то вылазиют
Разумеется же :]
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.04.2015, 18:24

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

как сделать меню по центру в css и html&
не могу сделать это меню по центру, справа/слева могу сделать! помогите плиз, третий день мучаюсь

Не могу разобраться с CSS и HTML
Здравствуйте, формучане! У меня к вам такой вопрос: скачал готовый код кнопки (html и CSS) и не...

Не могу соединить Html и CSS
прописываю &lt;link rel/type/ /&gt; и все что надо внутри, но Html и CSS не конектятся на моем компе. То...

Ни как не могу выравнить блок
Есть таблица стилей * {margin:0px;padding:0px;font-size:16px;font-family: &quot;GOST&quot;;overflow-x:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.