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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> подскажите по HTML CSS белое пятно, Сломал голову
mitzury
mitzury
Topic Starter сообщение 11.8.2014, 22:27; Ответить: mitzury
Сообщение #1


Бывалый
****

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


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

Развернуть/Свернуть
Код
<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
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UFOADV
UFOADV
сообщение 11.8.2014, 23:22; Ответить: UFOADV
Сообщение #2


Новичок
*

Группа: User
Сообщений: 39
Регистрация: 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 раза
Репутация:   2  


UFOADV,

я решил этот вопрос путем переноса separator во внутрь div container1 и присвоение сепаратору позиции absolute и координаты еще прописал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по где купить дёшево домены com info biz net
6 docdie 994 13.12.2017, 18:29
автор: docdie
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1063 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Подскажите аналоги хостинга
0 dimaguru 365 8.12.2017, 14:55
автор: dimaguru
Открытая тема (нет новых ответов) Вёрстка. Per aspera ad html.
С радостью принимаю заказы по вёрстке.
3 ValeryRar 454 1.12.2017, 11:02
автор: ValeryRar
Открытая тема (нет новых ответов) Исправлю HTML ошибки на страницах Вашего сайта
10 guruapps 1207 30.11.2017, 22:59
автор: maxim1249


 



RSS Текстовая версия Сейчас: 16.12.2017, 20:59
Дизайн