HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Помогите научиться понимать как сделать сложный дизайн div
Спасибо огромное создалелю сайта это первое! Я понял 80% написанного! Читал читал)и наткнулся у вас на странице http://htmlbook.ru/content/?id=79 есть пример дизайна страницы с помощью div, вопрос звучит так, как слой "copyright" сделать после всех, вот скриншот вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Красивый дизайн</title> <style type="text/css"> body { margin: 0 0 0 0; } #top_title { width: 100%; height: 150px; background-color: #eee;} <!-- !--> #m_main {…
0 votes3 answers -
Как (в данном примере) понять изменения размера-фона контейнера при наличии у него рамки и без оной?
body { background: #474747; margin: 0px; padding: 0px; font-family: verdana; color: #000; } #container { background: #9cf; position: relative; margin: 0px auto; padding: 0px; width: 700px; border: 1px solid #fff /* !—РАМКА ТУТ!*/ } /* header ———————————————-- */ #pageHeader { height:100px; background: pink; } /* text ———————————————-- */ p { font-size: 12px; line-height: 16px; margin: 0; } h6 { margin-left: 0px; margin-right: 0px; margin-top: 24px; margin-bottom: 24px; } Значения для заголовка h6 вписал только для наглядности - это его дефолные значения вычесленные мной опытным путем. Собственно вопрос в том, что при наличии рамки у контейнера поле margin-top: 24px…
0 votes7 answers -
Проблемы с z-index.
Добрый день! Есть сайт bizprofi.ru На главной слайдер - он работает нормально. Картинки имеют z-index больше 100, javascript'ом они увеличивается на единицу при смене картинок (но едва ли кто-то дойдет до 1000) И есть проблемный блок. По умолчанию он скрыт. Чтобы его увидеть нужно нажать на ссылку в шапке под телефонами "написать нам". У всплывающего блока z-index 1000 но картинка его все равно перекрывает. Очень прошу помочь разобраться в чем же дело?
0 votes6 answers -
footer залазиет на блок
Здравствуйте. Делаю сайт, возникла проблема, блок-растяжка (у меня в коде id="text") налазиет на контент, а не идёт после него, из-за этого футер закрывает часть контента. Ниже скрин: - Тут видно, как распорка ушла под блок с цифрами "454", если эти три блока (зелёные и синий, с цифрами "454") продолжить в высоту они будут идти поверх распорки и зайдут под футер. Подскажите, пожалуйстка, как это исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>КРЕПОСТЬ РУСЬ</title> <meta http-eq…
0 votes1 answer -
Слабонервным не смотреть
Всем привет маялся я значится фигнейпрактиковался суть проблемки такова непоказывает заголовки и списки извеняюсь за ужасы в стилях сам уже запутался вот ссылка : http://jsfiddle.net/KcxB9/ FF показывает все нормально )) ну это жеж ПА с подсветкой разобрался убираем таблицу и все чикер-пикер Вот вопрос: апчему непоказывает списки и заголовки ? и чего он мне подсвечвает красным закрывающие теги вконце ?
0 votes7 answers -
Поиск в HTML5 по тегам
Доброе утро друзья. У меня возник вопрос, html 5 я начинаю осваивать с низов. Возник вопрос, в частности как осуществить поиск по своему сайту на HTML. Кнопку я поставил, но как заставить работать поиск. Второй вопрос, как осуществить поиск по тегам с другого сайта. Допустим на работе стоит workpoint, необходимо чтобы с самописного сайта был поиск по отдельным разделам в workpoint'a по тегам. Я понимаю что у меня фантазия большая, но хотелось узнать возможно это сделать и с чего начать. Заранее благодарю.
0 votes3 answers -
Ссылка с якорем и без.
Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?
0 votes8 answers -
Анимация на сайте
Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.
0 votes3 answers -
Почему же не работает class?
Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....
0 votes4 answers -
нижний паддинг больше в ie7
почему в ie7 при 'padding: 4px' в css нижний отступ выглядит болше пиксела на два. в опере и хроме все нормально. задание марджинов для картинки дает тот же самый результат. как это обойти? заранее спасибо.
0 votes7 answers -
Динамичный контент
Здравствуйте, форумчане! На вашем форуме пишу впервые, по этому не смейтесь над вопросами. Помогите разобраться в следующем: Есть сайт на Народе, есть новости сайта, на каждой страницы есть отдельная графа - ''последние 5 новостей'' С каждым разом сайт увеличивается по количеству страниц и уже становится трудно отображать каждую новую новость заново на каждой страницы. Подскажите как сделать динамичное отображение новости на каждой страницы. В css такого не нашёл, возможно я что-то не допонял. Или хотя бы наведите на мысль, я быстро дойду до истины. Спасибо, надеюсь решить проблему с Вами.
0 votes11 answers -
Как это делаетья?
Вот как например тут http://kuhni-mila.ru/ между блоками сайта, на границах полоска с тенью, с левой стороны, на самих картинках её нет, как это сделано?
0 votes4 answers -
Проблема масштабирования
Привет, есть код html: <div id="content"> <div id="content_1"> <div class="text1"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> <div class="text2"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> …
0 votes5 answers -
Выравнивание в текстовом блоке: как так сделать?
Здравствуйте! Подскажите, пожалуйста, как можно выровнить телефоны по правому краю. На ум пока приходят плавающие колонки.
0 votes12 answers -
Как добраться до последнего элемента в строке ?
Разумеется это flexbox с переносом Количество элементов не известно На данный момент крайние это : 2 4 8 10 Если добавить то и схема изменится Есть ли возможность добраться до каждого последнего элемента строки ? https://codepen.io/topicstarter/pen/bOQyKm вот здесь весь геморой Забыл написать что добраться надо на css до последнего div в строке ...если это возможно конечно <div class="container"> <div class="c1">1</div> <div class="c2">2</div> <div class="c3">3</div> <div class="c4">4</div> <div class="c5">5</div> <div class="c6">6</div> …
0 votes5 answers -
Не работает выпадающий список
Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP
0 votes3 answers -
margin
Хочу запихнуть таблицу в центр экрана, прочитал что это делается примерно так: <head> <title>Новый Документ</title> </head> <body> <style type="text/css"> table {margin:0 auto;} </style> <table width="50" border="1" align="center"> <tr> <td> </td> </tr> </table> </body> </html> но, у меня не работает, подскажите плиз где я ошибся.
0 votes5 answers -
Гиперссылки, помогите я запуталась.
Ребят помогите, я запуталась, понимаю что тупость. Как сделать ссылку с одной страницы на другую так что бы первая страница открывалась в определенном месте, а не с самого начала страницы. Как сделать якоря на одной странице знаю, а вот как для 2 нет... Сильно не ругайтесь.
0 votes2 answers -
Ссылки На Другие Сайты
Хочу изменять внешний вид ссылок на другие сайты, т.е. мне нужно свойство CSS которое позволит изменять ссылки на сайты, при этом не затрагивая внутренних страниц данного сайта Помню такое где-то видел, но не могу вспомнить =(
0 votes2 answers -
ошибка с div
Подскажите пожалуйста, где я допустил ошибку. Код: <span id="some_id"> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> </span> При проверке валидатор выдает следующую ошибку: P.S. доктайп - xhtml P.S.S. в том случае, когда меняю строку <span id="some_id"> на <span id="some_id"></span&…
0 votes7 answers -
<br> или <br />
Здравствуйте. Частенько вижу, что тег br пишется как <br> или <br />. Подскажите, пожалуйста, в чём различия между ними?
0 votes7 answers -
Не могу выровнять по центру картинку и текст
привет есть следующий код .title /текст/ { font-weight:bold; } .cell /ширина текстового поля/ { float:left; min-width:150px; } .img/картинка/ { border:none !important; float:left; padding:5px 5px 5px 0; } визуально получается картинка прижатая к краю, и с правой стороны обтекается текстом необходимо же чтобы картинка была по центру ячейки, а текст был прописан под ней делаю следующую конструкцию: .title /текст/ { font-weight:bold; display:block; text-align:center; } .cell /ширина текстового поля/ { min-width:150px; } .img/картинка/ { border:none !important; display:block; margin:0 auto; padding:5px 5px 5px 0; } результата нет... что я делаю не так?
0 votes5 answers -
Съезжает элемент списка (li)
Подскажите, почему съезжает элемент списка (li). Никак не пойму, что не так. Код: http://cssdeck.com/labs/rofpq3bh
0 votes4 answers -
У меня вопрос про баннер!
Как можно картинку поставить на картинку?? Одна картинка -это баннер! А вторая картинка это кнопка! они в формате jpeg. Через Дримвэвер можно это сделать?? Я уже день мучаюсь! ПОМОГИТЕ ПЛИЗ! http://fotoplenka.ru/users/sokol14/446922/.../#mainImageLink Вот мой баннер! я хочу кнопку главная пренести на полоску !
0 votes6 answers -
Общая полоса прокрутки для 3х фреймов
Есть 3 фрейма(столбцы). Как сделать одну полосу вертикальной прокрутки? Привязать их друг к другу так сказать... и было бы круто, если бы эта полоса была справа. Заранее спасибо.
0 votes3 answers