Страница 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">
, щелкнуть по
, если подключается нормально, то увидим страницу со своими стилями.
Re: вывод текста разными шрифтами в футере на Yii2
Добавлено: 2018.11.18, 00:17
Сергей2003
Вот скриншот:
Re: вывод текста разными шрифтами в футере на Yii2
Добавлено: 2018.11.18, 00:27
Dominus
У вас путь до 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>