Страница 1 из 2

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

Добавлено: 2018.11.17, 15:06
Сергей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>
Ребят, подскажите, пожалуйста, что делать. Что может мешать выводить символы в указанных шрифтах ?

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

Добавлено: 2018.11.17, 15:50
dmg
Смотрите в браузере какие стили применяются к вашим строка.

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

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

Добавлено: 2018.11.17, 16:42
Сергей2003
Посмотрел. Но что дальше. Проверять в других в браузерах ?

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

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

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

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

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

Добавлено: 2018.11.17, 21:16
dmg
Слева html, справа - стили. Слева находите ваш текст, справа - смотрите стили.

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

Добавлено: 2018.11.17, 21:53
Сергей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, то шрифт меняется в футере. Как мне быть ?

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

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

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

Добавлено: 2018.11.17, 22:36
Сергей2003
А как прикрепить скриншот ?

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

Добавлено: 2018.11.17, 22:41
Сергей2003
Скриншот:
Изображение

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

Добавлено: 2018.11.17, 22:57
dmg
Ваш style.css не подключен

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

Добавлено: 2018.11.17, 23:12
Сергей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',
    ];
}

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

Добавлено: 2018.11.17, 23:27
dmg
Посмотрите что у вас в html в разделе head

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

Добавлено: 2018.11.17, 23:34
Сергей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>

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

Добавлено: 2018.11.17, 23:48
Dominus
В этом же файле, main.php, в самом верху есть такие строки?

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

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

AppAsset::register($this);
?>
если есть то должен подключаться.

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

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

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

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

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

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

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

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

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

Добавлено: 2018.11.18, 00:17
Сергей2003
Вот скриншот:
Изображение

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

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

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

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

Добавлено: 2018.11.18, 00:32
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>