Хорошо, ive провел несколько дней, пытаясь понять, почему это не работает, и пока Google не дал мне ничего полезного. Может быть, есть встроенное правило, о котором я просто не знаю. Я ненавижу публикацию на сайтах, подобных этому, с вопросами, которые могут быть тривиальными, но я исчерпал свои собственные усилия.
Поэтому я поместил фон в свой CSS, и он работает с alotted тегом, но он добавляет некоторые дополнения, которые не указаны. Попытка изменить это ничего не делает. Фон для тела растягивает длительность экрана, но не этот.
Здесь заголовок загорается.
<?php
require_once 'classes/Membership.php';
$membership = new Membership();
$loggedin = $membership->confirm_loggedin();
if(!$loggedin){
ob_start();
header("Location: http://lolteamrecruiter.com/login.php");
ob_end_flush();
}
?>
<!DOCTYPE html>
<?php
include @ 'header.php';
?>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
</head>
<body>
<div id="Login">
<!--LOGOUT BUTTON -->
<p>
Results Page
</p>
</div>
</body>
</html>
Здесь содержится файл php.
<link href="/header.css" rel="stylesheet" type="text/css" />
<div id="header">
<a href="index.php"><img src="css/images/angel.png" height="40px" width="20px"></a>
<?php
require_once 'classes/Membership.php';
$membership = new Membership();
$loggedin = $membership->confirm_loggedin();
if($loggedin){
echo ' <div id="header-right-account">
<ul id="nav">
<li><a href="#">My Account</a>
<ul>
<li><a href="#">Edit</a></li>
<li><a href="#">Tacos</a></li>
<li><a href="#">Burritos</a></li>
<li><a href="http://lolteamrecruiter.com/login.php?status=logout">Log Out</a></li>
</ul>
</li>
</ul>
</div>';
}else{
echo '<div id="header-right"><a href="login.php">Log In</a></div>';
}
?>
</div>
Это файл css, который использует фон
#header{
background-image : url(images/black.png);
background-repeat : no-repeat;
background-size: 100% 100%;
background-attachment : fixed;
background-origin:border-box;
margin: 0 auto;
padding: 0;
top:0;
}
Сайт, чтобы увидеть это на http://lolteamrecruiter.com/
Вы имеете в виду интервал вокруг логотипа? Просто добавьте отображение: блок к изображению.
редактировать
Хорошо, добавьте margin: 0 к телу.
body {
background-image : url(images/login-box-backg2.png) no-repeat;
background-size: 100% 100%;
background-attachment : fixed;
margin: 0;
padding: 0;
}
По умолчанию ваше изображение выровнено по отношению к базовой линии, что означает, что пробел ниже его является пространством для нижней части букв, таких как p, g, j и т.д.
Попробуй это:
#header a img { vertical-align: middle; }