Как удалить нижний колонтитул с веб-страницы? (Обновление: не нижний колонтитул ... но строки, которые создают div)

0

Поэтому я подумал, что это проблема с нижним колонтитулом, но похоже, что это связано с divs в коде.

Я воссоздал свой проект на jsfiddle. Как вы можете видеть, у меня есть фоновое изображение на моем сайте. Если вы посмотрите внимательно, вы увидите небольшую строку, проходящую через фоновое изображение над первым полем div (с именем .box2) и ниже второго поля div (с именем .box). Похоже, он повторяется. Почему эти строки там, и я могу их удалить?

Вот ссылка jsfiddle:

http://jsfiddle.net/VmYZh/3/

Вот и фоновое изображение.

Изображение 174551

Добавил лань для тех, кто предпочитает видеть это здесь через jsfiddle.

HTML:

<!DOCTYPE html>
<center>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>    
</head>

<body>

<div class="box2">
<img src="logo" width="134" height="60">
</div>

<div class="box">

<h2>Header</h2>

<p>
    Nice paragraph
</p>

<h4>Header</h4>

<ol>
    <li>Blank text</li>
    <li>Blank text</li>
    <li>Blank text</li>
</ol>

<form method="post" action="mailto:[email protected]">

<table id="minimal_table_for_Master_Evan">
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>

<p></p>

<input type="submit" value="Save" id="save">
</form>
</div>

</body>

</center>
</html>

CSS:

#minimal_table_for_Master_Evan {
    font-family: "Calibri", "Times New Roman", Serif;
    font-size: 12px;
    font-weight: bold;
    margin: 20px;
    width: 55%;
    border-collapse: collapse;
    text-align: left;
}

#minimal_table_for_Master_Evan td {
    color: #000;
    padding: 6px 8px;
    border-bottom: 1px solid #000;
}

html, body {
    background-image:url("ADPBackground.jpg");
    background-repeat: repeat;
}
p, h2, h4, li {
    font-family: "Calibri", "Times New Roman", Serif;
}

li {
    list-style-position:inside;

}

.box {
    width: 50%;
    margin:30px 50px;
    background-color:rgba(255,255,255, 0.3);
    filter:alpha(opacity=60); /* For IE8 and earlier */
    border-radius:25px;
    padding: 2em;
}

.box2 {
    width: 50%;
    margin:30px 50px;
    background-color:rgba(255,255,255, 0.6);
    opacity: 0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    border-radius:25px;
    padding: 1em 2em;
}

.transbox p {
    margin:30px 40px;
    font-weight:bold;
    color:#000000;
}
  • 1
    Давайте посмотрим код.
  • 2
    "Also, what is that box... is it a footer?" Без изображения и кода это все равно что слушать радио. :) Интересно, что это будет. :)
Показать ещё 6 комментариев
Теги:
footer

1 ответ

0

Я считаю, что у вас есть проблема, когда ваш фон повторяется в каждом разделе, поэтому цвета не совпадают. Вы можете исправить это, заменив, background-repeat: repeat; с

background-size: cover; background-attachment: fixed;

Другой альтернативой является объявление фонового изображения только один раз, а не на обоих html, тело, которое может переместить ваш повтор в другое место.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню