Jump to content
  • 0

Как убрать отступы вверху страницы?


nemo59
 Share

Question

Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код:

<!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]"></script> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/scroll.js"]scripts/scroll.js[/url]"></script></head> <body> ?<div id="header"> <img src="[url="http://localhost/myheroi/images/scroll.png"]images/scroll.png[/url]" onclick="scrollmclick();" onmouseover="scrollmouse(true);" onmouseout="scrollmouse(false);" alt="" id="scrollupid" /> <div id="clock">Завантаження...</div> <div id="sitelogo-all"> <div id="sitelogo-left"></div> <div id="sitelogo">Мій герой</div> <div id="sitelogo-right"></div> </div> <div id="menu"><a href="[url="http://localhost/"]/[/url]"><span class="link">Головна</span></a><a href="[url="http://localhost/myheroi/guestbook.php"]guestbook.php[/url]"><span class="link">Гостьова книга</span></a></div> </div> <div id="content-top"></div> <div id="content"> <p style="margin-top:0;"> Зміст сторінки </p> <div style="clear:both;"></div> </div> <div id="content-bottom"></div> </body> <html>

:

CSS:


[color=#000000]body {[/color]

background: url('images/background.png');
margin: 0 auto;
width: 1000px;
}

#header {
background: url('images/header.png');
height: 300px;
width: 997px;
margin-bottom: 15px;
}

#sitelogo {
display: inline-block;
font-size: 70px;
font-weight: bold;
color: white;
background: url('images/sitelogo.png');
height: 100px;
vertical-align: top;
}

#sitelogo-left {
display: inline-block;
height: 100px;
width: 50px;
background: url('images/sitelogo-left.png');
}

#sitelogo-all {
height: 100px;
margin-left: 300px;
margin-top: 50px;
display: inline-block;
font-size: 0;
}

#sitelogo-right {
display: inline-block;
height: 100px;
width: 50px;
background: url('images/sitelogo-right.png');
}

#content {
width: 735px;
background: url('images/content.png');
}

#content-top {
width: 735px;
height: 25px;
background: url('images/content-top.png');
}

#content-bottom {
width: 735px;
height: 25px;
background: url('images/content-bottom.png');
}

#clock {
height: 20px;
width: 290px;
background: url('images/clock.png');
margin-left: 500px;
text-align: center;
font-weight: bold;
padding: 5px;
}

button {
height: 25px;
vertical-align: middle;
background: silver;
}

.b {
font-weight: bold;
}

.i {
font-style: italic;
}

.u {
text-decoration: underline;
}

.o {
text-decoration: overline;
}

.s {
text-decoration: line-through;
}

table {
border-collapse: collapse;
width: 100%;
}

.comment {
background: url('images/comment.png');
width: 690px;
padding: 0 5px;
}

.comment-top {
height: 10px;
width: 700px;
background: url('images/comment-top.png');
}

.comment-bottom {
height: 10px;
width: 700px;
background: url('images/comment-bottom.png');
margin-bottom: 10px;
}

#scrollupid {
margin: 50px;
position: fixed;
opacity: 0.5;
}

#menu {
height: 50px;
width: 980px;
background: url('images/menu.png');
margin: 50px auto 0;
}

#menu a .link {
display: inline-block;
background: url('images/menubut.png');
height: 30px;
}

Страница на даный момент пока недоработана.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Могу подсказать... Эта страница написана с использованием php. В первом сообщении исходный код, который я скопировал с браузера. Только-что я решил скопировать код с исходного кода в текстовый файл, сохранить в виде html документа и открыть. Отступы остались. Но тут я увидел, что в текстовом файле кусок кода <div id="header">? написан почему-то меньшими буквами. Я его выделил и ввел заново (нормальными буквами), сохранил, открыл в браузере. Отступ пропал. Этот код - начало шапки. Шапка у меня находится в отдельном файле header.inc и прикреплена к документу с помощью функции include() Я пробовал в нем заново набирать этот кусок - не помогло. Что делать?

Edited by nemo59
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy