Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
HTML, CSS Почему если убрать высоту то фон съезжает Почему если в идентификаторе #dark убрать высоту то фон почти исчезает? Я хочу чтобы высота формировалась по высоте контента внутри блока div c идентификатором #dark <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Main page</title> <style> ... https://www.cyberforum.ru/ html/ thread1544116.html Резиновая вёрстка HTML, CSS
Здравствуйте! Необходимо создать резиновый макет одностраничного сайта, представленный на картинке. Как я понимаю, структура div'ов должна выглядеть следующим образом: <div class="b"> <div class="b-1"> <img src=""> </div> <div class="b-2">
HTML, CSS Неправильное отображение блоков Есть виджет, по стандарту выглядит вот так : CSS виджета : @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300); .awecf:before, .awecf:after { content: " "; display: table; } https://www.cyberforum.ru/ html/ thread1543982.html HTML, CSS Не отображения контента по не ясным причинам https://www.cyberforum.ru/ html/ thread1543927.html
Доброй всем ночи. Помогите разобраться Есть страничка - http://prudcky-workroom.hol.es/check.php Если вы ее посмотрите то увидите шапку и пустой блок после нее. Но дело в том что он не пуст. Там есть теги input, кнопки, текст. Это все видно и по исходному коду странички, та и на локалке все что написано в коде есть в браузере. Не пойму что это такое... никогда такого не встречал. Помогите...
Две разных анимации на одну картинку HTML, CSS
Всем привет! Можно ли сделать две разных анимации на одну картинку через CSS? чтобы можно было навести на разные места и срабатывала одна из анимаций?
HTML, CSS Анимация Всем привет! У меня такой вопрос, я написал такую анимацию: <div id="axis" class='one'> <img class="object van move-up" src="https://www.cyberforum.ru/images/ani.jpg" alt="" />css: #axis:hover .move-up{ transform: translate(0,-3100px); -webkit-transform: translate(0,-3100px); } .object1{ transition: all 3s linear; https://www.cyberforum.ru/ html/ thread1543868.html
HTML, CSS Движение кнопки при прокрутке https://www.cyberforum.ru/ html/ thread1543827.html
Здравствуйте. Нужно сделать такую же кнопку как на сайте: https://callbaska.ru/ Речь идет о кнопке в правом нижнем углу. Саму кнопку и анимацию переворота я сделал (переворот происходит когда наводим мышку на кнопку). Но не могу понять как сделать чтоб кнопка так же двигалась при прокрутке и при этом делала один раз анимацию переворота трубки. Подскажите пожалуйста, как это реализовано на...
HTML, CSS Как в фоне одну картинку положить поверх другой?
Через background-image сделал градиент в div-е. Теперь надо положить сверху png-картинку с прозрачностями так, чтобы через ее дырки виднелся градиент. png тоже будет фоновым, на весь браузер. Можно так сделать, задав свойства одному диву, или надо делать 2 дива, чтобы у внешнего был градиент, а у внутреннего png?
HTML, CSS Не работает параллелепипед в ie 11 В общем проблема изложена в заголовке, не работает css, который отвечает за отображение элемента в форме параллелепипеда в ie 11. Хотел использовать фоновую картинку, но меня не удовлетворил этот вариант. Скажите пожалуйста, есть какие то хаки или что то подобное для ie (11), чтобы работал параллелепипед! https://www.cyberforum.ru/ html/ thread1543734.html HTML, CSS Bootstrap 3 Появляется непонятный отступ справа когда сжимаешь окно https://www.cyberforum.ru/ html/ thread1543719.html
При ресайзе окна броузера появляется непонятный отступ с права. Подскажите пожалуйста в чем может быть дело.
HTML, CSS Как выровнять 4 окна на веб-странице?
Какие теги для выравнивания 4 окон на одной веб-странице? Буду благодарен за помощь.
HTML, CSS Поправить выпадающий список select Как можно исправить это: выпадающий список на телефоне появляется слишком крупным. @media не работает. .form_search select { width: 253px; height: 48px; font-size: 30px; padding-left: 10px; border: none; https://www.cyberforum.ru/ html/ thread1543672.html
2 / 2 / 3
Регистрация: 21.08.2015
Сообщений: 110
04.10.2015, 21:04  [ТС] 0

4 окна на одной веб-странице! - HTML, CSS - Ответ 8149726

04.10.2015, 21:04. Показов 1439. Ответов 2
Метки (Все метки)

Лучший ответ Сообщение было отмечено thefo как решение

Решение

А как тогда на 4 окна разделить?

Добавлено через 4 часа 49 минут
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
    <head>
        <style>
   .leftcol { 
     position: absolute; /* Абсолютное позиционирование */
     top: 0px; /* Положение от верхнего края */
     left: 10px; /* Положение от левого края */
     width: 47.7%; /* Ширина блока */
     height:48%;
     background: darkgreen; /* Цвет фона */
     border: 1px solid #000; /* Параметры рамки */
     padding: 10px; /* Поля вокруг текста */
    } 
   
    .rightcol { 
     position: absolute; /* Абсолютное позиционирование */
     top: 0px; /* Положение от верхнего края */
     right: 10px; /* Положение от правого края */
     width: 47.7%; /* Ширина блока */
     height:48%;
     background: darkblue; /* Цвет фона */
     border: 1px solid black; /* Параметры рамки */
     padding: 10px; /* Поля вокруг текста */
    }
    .bottomleft { 
    bottom: 0px; /* Расстояние от нижнего края окна браузера */
    width:47.7%;
    height:48%;
    position: absolute; /* Абсолютное позиционирование */
    background: #f0f0f0; /* Цвет фона */
    padding: 7px; /* Поля вокруг текста */
    border: solid 1px black; /* Параметры рамки */
   }
   .bottomrigth { 
    bottom: 0px; /* Расстояние от нижнего края окна браузера */
    width:47.7%;
    height:48%;
    position: absolute; /* Абсолютное позиционирование */
    background: yellow; /* Цвет фона */
    padding: 7px; /* Поля вокруг текста */
    border: solid 1px black; /* Параметры рамки */
   }
  </style>
  </head>
  <body>
   <div class="leftcol">1</div>
  <div class="bottomleft">2</div>
  <div class="rightcol">3</div>
  <div class="bottomright">4</div>
    </body>
</html>
Вот я дописал код. Но тут не получается написать 4 окно, и подровнять их.

Вернуться к обсуждению:
4 окна на одной веб-странице! HTML, CSS
0
Заказать работу у эксперта
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.10.2015, 21:04
Готовые ответы и решения:

Открытие нескольких веб-страниц, на одной главное веб-странице
Всем доброго времени суток. Перед новым годом, нам всем задали индивидуальные задания, но я...

Как добиться, чтобы при изменении шапки на одной веб-странице шапка на всех веб-страницах менялась автоматически?
Подскажите, пожалуйста, как добиться, чтобы, если я что-то меняю в шапке сайта на одной...

Как выровнять 4 окна на веб-странице?
Какие теги для выравнивания 4 окон на одной веб-странице? Буду благодарен за помощь.

Реклама только на одной веб-странице
Здравствуйте! При просмотре веб-страницы http://vsiodliakukol.ru выскочила страница с рекламой...

2
04.10.2015, 21:04
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.10.2015, 21:04
Помогаю со студенческими работами здесь

Как вывести переменную, записанную в cookie на одной странице, на другой странице?
Доброго времени суток всем! Помогите пожалуйста советом новичку. Как вывести переменную,...

Вытаскиваем необходимые данные из одной таблицы и вписываем в другую на одной странице
Всем привет ..... сразу к делу &lt;?php $res = mysql_query(&quot;SELECT id FROM `album`...

Не могу обновить Аvira, выскакивают рекламные окна на странице, и запускаются отдельные рекламные окна
Здравствуйте! Не могу обновить Аvira. Ошибка: служба Планировщика не запущена. В СЛУЖБАХ...

Значение из одной ячейки gridView на одной странице добавить в gridView на другой
Нужно значение из одной ячейки gridView на одной странице добавить в gridView на другой.. (через...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru