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

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

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

Сообщение Сергей2003 » 2018.11.17, 15:06

Мне надо в 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
Сообщения: 673
Зарегистрирован: 2012.10.15, 03:09

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

Сообщение dmg » 2018.11.17, 15:50

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

PS. Ошиблись разделом на форуме.

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 16:42

Посмотрел. Но что дальше. Проверять в других в браузерах ?

dmg
Сообщения: 673
Зарегистрирован: 2012.10.15, 03:09

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

Сообщение dmg » 2018.11.17, 19:04

Как смотрели ? В Хроме, например, правая кнопка мыши - Исследовать элемент. Увидите какие стили применяются и кто переопределил - ваши

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 20:55

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

dmg
Сообщения: 673
Зарегистрирован: 2012.10.15, 03:09

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

Сообщение dmg » 2018.11.17, 21:16

Слева html, справа - стили. Слева находите ваш текст, справа - смотрите стили.

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 21:53

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

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

<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
Сообщения: 673
Зарегистрирован: 2012.10.15, 03:09

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

Сообщение dmg » 2018.11.17, 22:30

У вас стили вообще подключаются? Сделайте скриншот, где видно ваш html код и его стили.

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 22:36

А как прикрепить скриншот ?


dmg
Сообщения: 673
Зарегистрирован: 2012.10.15, 03:09

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

Сообщение dmg » 2018.11.17, 22:57

Ваш style.css не подключен

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 23:12

Почему он может быть не подключен ?
Вот мой файл 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
Сообщения: 673
Зарегистрирован: 2012.10.15, 03:09

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

Сообщение dmg » 2018.11.17, 23:27

Посмотрите что у вас в html в разделе head

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 23:34

Я пишу на 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
Сообщения: 799
Зарегистрирован: 2013.03.14, 21:27
Откуда: Россия, Иваново
Контактная информация:

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

Сообщение Dominus » 2018.11.17, 23:48

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

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

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

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

Сергей2003
Сообщения: 76
Зарегистрирован: 2018.08.11, 11:07

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

Сообщение Сергей2003 » 2018.11.17, 23:55

Да, есть. На другом компьютере, правда, я написал на чистом html, используя index.html, все работает. Здесь нет. Ничего не понимаю.

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

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

Сообщение Dominus » 2018.11.18, 00:01

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

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

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

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

/css/style.css
, если подключается нормально, то увидим страницу со своими стилями.
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!


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

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

Сообщение Dominus » 2018.11.18, 00:27

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

Скорее всего не верно настроен сервер. Сервер должен смотреть в папку web, а у вас сейчас смотрит в корень проекта.
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!

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

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

Сообщение Dominus » 2018.11.18, 00:32

Добавьте в корень проекта файл .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>
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!

Ответить