Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php div部分的背景有无法解释的填充,为什么?_Php_Html_Css_Background_Padding - Fatal编程技术网

Php div部分的背景有无法解释的填充,为什么?

Php div部分的背景有无法解释的填充,为什么?,php,html,css,background,padding,Php,Html,Css,Background,Padding,好吧,我花了几天的时间试图弄明白为什么这不起作用,但到目前为止谷歌没有给我任何用处。也许有一个内在的规则,我只是不知道。我讨厌在这样的网站上发帖,提出一些可能微不足道的问题,但我已经竭尽全力了 因此,我在CSS中放置了一个背景,它在alott标记上工作,但它添加了一些未指定的填充。试图改变它是徒劳的。主体的背景会延长屏幕的持续时间,但不会延长此屏幕的持续时间 此处包含标题。 <?php require_once 'classes/Membership.php'; $memb

好吧,我花了几天的时间试图弄明白为什么这不起作用,但到目前为止谷歌没有给我任何用处。也许有一个内在的规则,我只是不知道。我讨厌在这样的网站上发帖,提出一些可能微不足道的问题,但我已经竭尽全力了

因此,我在CSS中放置了一个背景,它在alott标记上工作,但它添加了一些未指定的填充。试图改变它是徒劳的。主体的背景会延长屏幕的持续时间,但不会延长此屏幕的持续时间

此处包含标题。

<?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>
<link href="css/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>

查看这一点的站点位于

默认情况下,您的图像与基线对齐,这意味着它下面的间隙是字母(如p、g、j等)下部的空间

试试这个:

#header a img { vertical-align: middle; }

你是说标志周围的间距吗?只需将display:block添加到图像中

编辑


好的,在正文中添加边距:0。

您是否使用CSS重置?如果您在页眉周围填充空格,请尝试
html,正文{margin:0;padding:0;height:100%
。同意,这对meSorry有效,我的意思是我希望黑色标题一直延伸到屏幕两侧,一直延伸到屏幕顶部。两侧和顶部都有空白(从主体背景开始).Yay,tyvm。我知道这是件愚蠢而明显的事情。这是因为默认情况下,主体提供了一个边距,即使标题在主体标记之前?这取决于浏览器,Chrome添加了8px:)
body {
  background-image : url(images/login-box-backg2.png) no-repeat; 
  background-size: 100% 100%;
  background-attachment : fixed;
  margin: 0;
  padding: 0;
}
body {
  background-image : url(images/login-box-backg2.png) no-repeat; 
  background-size: 100% 100%;
  background-attachment : fixed;
  margin: 0;
  padding: 0;
}