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

@FreeZon · Регистрация: 30.12.2013

Студворк — интернет-сервис помощи студентам

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

Прикрепил скриншот, смотрите как сделать чтобы значок прицела был перед каждой новой строчкой, я все перепробовал...

@GrizZLY(= · 10.04.2015, 17:25

Скриншота мало. Код в студию.
Всё, ссылку на сайт не сразу увидел)

Добавлено через 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;
}

@FreeZon · 10.04.2015, 17:28 **[ТС]**

Сообщение от GrizZLY(=

Должно получиться как вы хотите

Должно, да не выходит что-то...

@GrizZLY(= · 10.04.2015, 17:45

Пожалуйста, добавьте сюда следующий 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>

Пробуйте

Амурский · 10.04.2015, 17:47

Короче вот так надо

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 {
/*Здесь все также*/
}

Я последовательность не помню.

@FreeZon · 10.04.2015, 17:54 **[ТС]**

Сообщение от GrizZLY(=

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

Спасибо, работает. Класс cwhite не обязательно было изменять. Я его и не трогал, все ровно стало.

@GrizZLY(= · 10.04.2015, 17:54

Сообщение от Амурский

Короче вот так надо

В задаче не требуется устанавливать hover. Человеку необходимо что-бы в начале каждой строки устанавливался прицел. только и всего. О hover тут ни слова.

@FreeZon · 10.04.2015, 17:57 **[ТС]**

Сообщение от GrizZLY(=

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

А я вот не знаю как сделать отступ, content'a от span ?
Ну знак прицела в лево сдвинуть на 10px; ???

@GrizZLY(= · 10.04.2015, 17:57

Удачи Вам в КВ

вы не могли бы применить то, что работает, на хостинге, так будет легче?

@FreeZon · 10.04.2015, 18:02 **[ТС]**

Сообщение от GrizZLY(=

вы не могли бы применить то, что работает, на хостинге, так будет легче?

Уже поставил

Амурский · 10.04.2015, 18:05

Сообщение от FreeZon

А я вот не знаю как сделать отступ, content'a от span ?
Ну знак прицела в лево сдвинуть на 10px; ???

padding-right: 10px;

Добавлено через 1 минуту

Сообщение от GrizZLY(=

В задаче не требуется устанавливать hover. Человеку необходимо что-бы в начале каждой строки устанавливался прицел. только и всего. О hover тут ни слова.

Я думал, что наводишь и прицел появляется

Короче не суть, hover убрать и все, как вариант.

@FreeZon · 10.04.2015, 18:07 **[ТС]**

Сообщение от Амурский

padding-right: 10px;

Точно! Я же говорю я рак. Все забываю.

@GrizZLY(= · 10.04.2015, 18:09

вот css

CSS
1
2
3
4
5
ul#clan-stat li span.cwhite:before {
  content: "\f05b";
  margin-left: -10px;
  padding-right: 10px;
}

Амурский · 10.04.2015, 18:14

Сообщение от GrizZLY(=

CSS
1
margin-left: -10px;

CSS
1
margin-left: -10px;

- что-бы подвинуть? А то вылазиют

@GrizZLY(= · 10.04.2015, 18:24

Сообщение от Амурский

- что-бы подвинуть? А то вылазиют

Разумеется же :]

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@FreeZon 8 / 10 / 8 Регистрация: 30.12.2013 Сообщений: 577

	Не могу выравнить. Я рак в css & html 10.04.2015, 17:07. Показов 1391. Ответов 14 Метки нет (Все метки) Вот тестовый сайт: http://freezon-save.hol.es/ Прикрепил скриншот, смотрите как сделать чтобы значок прицела был перед каждой новой строчкой, я все перепробовал... Миниатюры 0

@GrizZLY(= 9 / 10 / 9 Регистрация: 06.05.2012 Сообщений: 66
	10.04.2015, 17:57
	Удачи Вам в КВ вы не могли бы применить то, что работает, на хостинге, так будет легче? 1

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

Решение