вывод текста разными шрифтами в футере на Yii2

Общие вопросы по использованию второй версии фреймворка. Если не знаете как что-то сделать и это про Yii 2, вам сюда.
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

вывод текста разными шрифтами в футере на Yii2

Сообщение Сергей2003 »

Мне надо в footer вывести 2 строки разными шрифтами. Но чтобы я не делал, шрифты не меняются.
Фрагмент файла style.css:

Код: Выделить всё

footer {
	background: #7e7e7e;
	color: #dbdbdb;
}

.footer {
	margin: auto;
	padding: 10 0;
	height: 90px;
}

.footer a {
	color: #dbdbdb;
}

.footer-href {
	float: left;
	margin-left: 20px;
	padding-right: 15px;
}

.footer-href a {
	display: block;
	text-decoration: none;
	font-size: 28px;
	margin-bottom: 5px;
}

.footer-social {
	float: left;
	margin-left: 20px;
	padding-right: 15px;
}

.footer-social a {
	display: block;
	text-decoration: none;
	font-size: 8px;
	margin-bottom: 5px;
}
Фрагмент кода файла main.php:

Код: Выделить всё

<footer>
	<div class="footer">
		<div class="footer-href">
			<a href="/href11">Ссылка_11</a> |
			<a href="/href12">Ссылка_12</a> |
		</div>
		<div class="footer-social">
			<a href="/href21">Ссылка_21</a> |
			<a href="/href22">Ссылка_22</a> |
		</div>
	</div>
</footer>
Ребят, подскажите, пожалуйста, что делать. Что может мешать выводить символы в указанных шрифтах ?
Последний раз редактировалось Сергей2003 2018.11.17, 20:56, всего редактировалось 1 раз.
dmg
Сообщения: 685
Зарегистрирован: 2012.10.15, 03:09

Re: вывод текста разными шрифтами в футере

Сообщение dmg »

Смотрите в браузере какие стили применяются к вашим строка.

PS. Ошиблись разделом на форуме.
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере

Сообщение Сергей2003 »

Посмотрел. Но что дальше. Проверять в других в браузерах ?
dmg
Сообщения: 685
Зарегистрирован: 2012.10.15, 03:09

Re: вывод текста разными шрифтами в футере

Сообщение dmg »

Как смотрели ? В Хроме, например, правая кнопка мыши - Исследовать элемент. Увидите какие стили применяются и кто переопределил - ваши
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере

Сообщение Сергей2003 »

В хроме кликаю правой кнопкой мыши появляются 2 столбца. В левом код программы. И как узнать стиль какой стиль применяется ?
Что-то я совсем запутался. Вообще ничего не меняется, ни цвет фона, ни цвет текста. Что не так ? Подскажите, пожалуйста.
dmg
Сообщения: 685
Зарегистрирован: 2012.10.15, 03:09

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение dmg »

Слева html, справа - стили. Слева находите ваш текст, справа - смотрите стили.
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Сергей2003 »

Слева мой код при просмотре:

Код: Выделить всё

<font style="vertical-align: inherit;">HREF12
</font> == $0
Что проверить справа:
Если Inherit from a, то

Код: Выделить всё

a {
  color: #337ab7;
  text-decoration: none;
}
Почему нет font-size ?
Если Inherit from body, то

Код: Выделить всё

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}
Если в body менять font-size, то шрифт меняется в футере. Как мне быть ?
dmg
Сообщения: 685
Зарегистрирован: 2012.10.15, 03:09

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение dmg »

У вас стили вообще подключаются? Сделайте скриншот, где видно ваш html код и его стили.
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Сергей2003 »

А как прикрепить скриншот ?
dmg
Сообщения: 685
Зарегистрирован: 2012.10.15, 03:09

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение dmg »

Ваш style.css не подключен
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Сергей2003 »

Почему он может быть не подключен ?
Вот мой файл AppAsset.php

Код: Выделить всё

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
        'css/style.css', 
	];
    public $js = [
        'js/jscript.js',
	];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}
dmg
Сообщения: 685
Зарегистрирован: 2012.10.15, 03:09

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение dmg »

Посмотрите что у вас в html в разделе head
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Сергей2003 »

Я пишу на Yii2. У меня в разделе head файла main.php:

Код: Выделить всё

<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
</head>
Аватара пользователя
Dominus
Сообщения: 892
Зарегистрирован: 2013.03.14, 21:27
Откуда: Россия, Иваново
Контактная информация:

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Dominus »

В этом же файле, main.php, в самом верху есть такие строки?

Код: Выделить всё

<?php
//...
use app\assets\AppAsset;

AppAsset::register($this);
?>
если есть то должен подключаться.
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!
Сергей2003
Сообщения: 92
Зарегистрирован: 2018.08.11, 11:07

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Сергей2003 »

Да, есть. На другом компьютере, правда, я написал на чистом html, используя index.html, все работает. Здесь нет. Ничего не понимаю.
Аватара пользователя
Dominus
Сообщения: 892
Зарегистрирован: 2013.03.14, 21:27
Откуда: Россия, Иваново
Контактная информация:

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Dominus »

Проверить подключение можно так, открыть исходный код страницы в браузере, в секции head посмотреть подключение

Код: Выделить всё

<link href="/css/style.css" rel="stylesheet">
, щелкнуть по

Код: Выделить всё

/css/style.css
, если подключается нормально, то увидим страницу со своими стилями.
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!
Аватара пользователя
Dominus
Сообщения: 892
Зарегистрирован: 2013.03.14, 21:27
Откуда: Россия, Иваново
Контактная информация:

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Dominus »

Сергей2003 писал(а): 2018.11.18, 00:17 Вот скриншот:
Изображение
У вас путь до css файла /web/css/style.css а должен быть /css/style.css

Скорее всего не верно настроен сервер. Сервер должен смотреть в папку web, а у вас сейчас смотрит в корень проекта.
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!
Аватара пользователя
Dominus
Сообщения: 892
Зарегистрирован: 2013.03.14, 21:27
Откуда: Россия, Иваново
Контактная информация:

Re: вывод текста разными шрифтами в футере на Yii2

Сообщение Dominus »

Добавьте в корень проекта файл .htaccess со следующим содержимым:

Код: Выделить всё

# Mod_Autoindex
<IfModule mod_autoindex.c>
    # Disable Indexes
    Options -Indexes
</IfModule>

# Mod_Rewrite
<IfModule mod_rewrite.c>
    # Enable symlinks
    Options +FollowSymlinks
    # Enable mod_rewrite
    RewriteEngine On

    # Redirect all requests to web
    RewriteCond %{REQUEST_URI} ^(.*)$
    RewriteRule ^(.*)$ web/$1
</IfModule>
и в папку web с таким содержимым

Код: Выделить всё

AddDefaultCharset utf-8
# Mod_Autoindex
<IfModule mod_autoindex.c>
  # Disable indexes
  Options -Indexes
</IfModule>

# Mod_Rewrite
<IfModule mod_rewrite.c>
  # Enable symlinks
  Options +FollowSymlinks
  # Enable mod_rewrite
  RewriteEngine On

  # If a directory or a file exists, use the request directly
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  # Otherwise forward the request to index.php
  RewriteRule . index.php
</IfModule>
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!
Ответить