подскажите по HTML CSS белое пятно

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Веб-дизайн

подскажите по HTML CSS белое пятно, Сломал голову

Опции

mitzury

Topic Starter сообщение

11.8.2014, 22:27; Ответить: mitzury

Сообщение #1

Бывалый

Группа: User
Сообщений: 296
Регистрация: 22.4.2013
Из: Санкт Петербург
Поблагодарили: 24 раза
Репутация:

Есть такой код страницы:

Развернуть/Свернуть

Код

<HTML>
<HEAD>
<TITLE></TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
    <div class="wrapper">
        <div class="container1">
            <div class="welcomelogo">
<h1>Hello on my first web design</h1>
            <div class="socialmenu">
            </div>
            </div>
        </div>
        <div class="separator">
      <h3>Separator</h3>
    </div>
        <div class="container2">
            <div class="menuup">
            </div>
            <div class="menudown">
            </div>
        </div>

        <div class="container3">
            <div class="footer">
                <div class="copy">
                </div>
            </div>
        </div>
    </div>

</BODY>
</HTML>

В Css

Развернуть/Свернуть

Код

body {
margin: 0 auto;
min-width: 1024px;
min-height: 768px;
}

.wrapper {
width: 100%;
}

.separator {
position: relative;
top: -70px;
color: #fff;
text-align: center;
  background-image: url("images/menubg.gif");
}

.container1 {
position: relative;
height: 950px;
  background-color: #00c17b;
  background-image: url("images/background1.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.container2 {
position: relative;
height: 950px;
  background-color: #00c17b;
  background-image: url("images/background1.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.welcomelogo h1 {
    border-radius: 10px;
    color: #fff;
    padding: 300px;
    margin: 0 auto;
    text-align: center;
}

чтобы не делал, между контейнером 1 и 2 есть белая полоса, которую не убрать.

Результат должен быть такой: див сепоратор должен быть по краю контейнера 1, то есть как бы на нем и прозрачным наполовину (до прозрачности еще не дошел)

Ниже эффект

Развернуть/Свернуть

Сообщение отредактировал mitzury - 11.8.2014, 22:39

Ответить с цитированием данного сообщения

UFOADV UFOADV 11.8.2014, 23:22; Сообщений: 41 Поблагодарили: 3 раза Репутация: 0 Просмотр профиля	11.8.2014, 23:22; Ответить: UFOADV Сообщение #2
Новичок Группа: User Сообщений: 41 Регистрация: 6.4.2014 Поблагодарили: 3 раза Репутация: 0	В класс .container2 Добавь top: -60px; -------------------- Продвижение видео YouTube. Накрутка просмотров. - http://ufovideo.ru Поблагодарили: (1) mitzury

mitzury

Topic Starter сообщение

13.8.2014, 18:10; Ответить: mitzury

Сообщение #3

Бывалый

Группа: User
Сообщений: 296
Регистрация: 22.4.2013
Из: Санкт Петербург
Поблагодарили: 24 раза
Репутация:

UFOADV,

я решил этот вопрос путем переноса separator во внутрь div container1 и присвоение сепаратору позиции absolute и координаты еще прописал.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Веб-дизайн · Следующая тема »

2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Подскажите материал, курс по SEO	0	Evfenii	870	17.1.2025, 20:43 автор: Evfenii
Как убрать html карту сайта из robots.txt от aioseo	7	Baphomets	3134	31.12.2024, 1:50 автор: malamut
Восстановление сайтов из Вебархива в HTML или на Wordpress.	46	freeax	38628	26.12.2024, 16:10 автор: freeax
Выполню работу по современному дизайну и качественной адаптивной верстке (HTML/CSS/JS)	0	zaiko	1233	14.10.2024, 18:40 автор: zaiko
Вёрстка HTML-писем	34	Vampler	34679	20.9.2024, 9:12 автор: Vampler

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.1.2025, 3:12

Дизайн