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 и координаты еще прописал.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по где купить дёшево домены com info biz net
12 docdie 2925 23.5.2018, 21:31
автор: yacovlefan
Горячая тема (нет новых ответов) Подскажите норм VPN-сервис для смартфона?
35 CyberAngel 6194 23.5.2018, 17:17
автор: Vlad_Sokolov
Открытая тема (нет новых ответов) Интеграция html на Wordpress
8 mxxx 1351 16.5.2018, 18:06
автор: Chezarius
Открытая тема (нет новых ответов) Подскажите аналог sape
12 _fan_ 2279 13.5.2018, 16:16
автор: KvadroJ
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 397 9.5.2018, 14:50
автор: blackhead


 



RSS Текстовая версия Сейчас: 25.5.2018, 15:29
Дизайн