Как сделать полоску сверху?

Awe · October 30, 2008

У меня возникла проблема. Мне надо создать начальную страницу для сайта. Она должна быть такая: сверху впритык к верхнему краю страницы должна быть полоска (с фоном, может даже фон-картинка) на которой посередине ссылка на главную страницу...а под полоской посередине картинка вот макет:

С помощью таблиц не получаеться, так как я непомню как убрать отступ страницы, тоесть вот это:

Прошу, помогите!

Зарание благодарен!

Anami · October 30, 2008

Код таблицы! В студиииюю!!

Awe · October 30, 2008

<table width=100% height=20 style="position:top" bgcolor=ff00ff>
<tr>
<td>
<a href="ссылка"><center>Ссылка</center></a>
</td>
</tr>
</table>

В этом скрипте сама таблица отступает от самого начала страницы...

Anami · October 30, 2008

убрать отступ страницы

body

{

	margin: 0;

	padding: 0;

}

Убрать отступы таблицы

<table border="0" cellpadding="0" cellspacing="0">

Нет такой буквы позиции

 style="position:top"

И всетаки приведите код, в котором картинка отступает, в приведенном коде img не был замечен

rus · October 30, 2008

Можно вот так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style>
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
#wrap {
margin:0;
padding:0;
width:100%;
height:100%;
position:relative;
}
#header {
text-align:center;
background-color:#000000;
width:100%;
height:50px;
}
#header h1 {
font: bold 12px Verdana;
text-decoration: none;
color:#FFFFFF;
margin-top: 15px;
}
#content {
position:absolute;
top:250px;
width:100%;
height:100%;
text-align:center;
}
#content img {
border:#000000 solid 1px;
width:200px;
height:200px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header"><a href="#"><h1>Ссылка</h1></a></div>
<div id="content"><img src="images.jpg" alt="Картинка"></div>
</div>
</body>
</html>

Awe · October 31, 2008

Вы не представляете...сам нашел...самый легкий способ! Вот вам код:

<body topmargin=0 leftmargin=0 bottommargin=0>
</body>

Вот и все :-)

_axl · October 31, 2008

ну это html аналог css Anami

body

{

	margin: 0;

	padding: 0;

}

Sign In

Как сделать полоску сверху?

Question

Awe

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Anami

Link to comment

Share on other sites

Awe

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Awe

Link to comment

Share on other sites

_axl

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information