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