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
-
Не отображаются картинки в 'essential grid'
Добрый день. Сайт на вордпрес, не понимаю что блокирует картинки плагина "Essential grid". Подскажите с решением, кто сталкивался. Сайт - http://airybeats.com/ Сразу после "Contact form".
0 votes0 answers -
Помогите разобраться с версткой
<div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…
0 votes0 answers -
Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля
Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знани…
0 votes1 answer -
какой локальный сервер можно использовать с флэш-накопителя
Какой локальный сервер можно использовать на отдельном накопителе? Заранее спасибо!
0 votes1 answer -
Сожержимое страницы центрируется, а не должно...
Помогите, пожалуйста, справиться с IE! Нужно было сделать карту сайта.. Проблема такая - если мало в строчке текста, td начинает куда-то разъезжаться. Что я делала против сего ужаса - в стилях писала text-align:left, и float:left, в html - align="left", и td ширина фиксирована - ничего не помогает, такая ситуация только у IE, в Mozilla и Opera все нормально, текст выровнен влево, как и надо. . <table width="100%" cellspacing="0" class="map"> <tr> <td colspan="2"><a href="#" ><div>О Банке</div></a><a href="Компания «Энергобаланс»" class="level1"></a></td> </tr> <tr> <td class="mapl…
0 votes2 answers -
Навигация по сайту
Вот условный макет сайта Как можно добиться того, чтобы шапка с подвалом оставалась неизменной, а в рабочей области содержание изменялась в зависимости от выбранной ссылки и эта область изменялась по высоте? Я знаю только с помощью фреймов. Ну и include("./footer.inc.php3");. А какие есть еще варианты? Спасибо!
0 votes3 answers -
вопрос по вставке картинок
суть вопроса такова - есть картинка (надпись) сделаная в фотошопе на прозрачном фоне и сохранена в .png при вставке ее в коде HTML, все хорошо надпись есть фона картинки не видать, а при вставке ее с помощью CSS фон надписи становиться непрозрачным и дает "поля" надписи, как этого избежать?
0 votes2 answers -
Вопрос По Дивам.
Прошу подсказать в вопросе. Т.к. Сам понять не могу . есть сайт Вот такой , для которого я делаю шаблон. Центральный блок maincol имеет внутри див centerhead, вот внутри этого дива еще один див. Так вот почему когда я для последнего дива ставлю маргинтоп, то он отмеряет его не от тега centerhead, а вообще от нидера.
0 votes3 answers -
Проблема padding
Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/
0 votes6 answers -
Верстка бокового меню на джумла через ul li
Бьюсь с css, не выходит сделать пункты меню с фоновым изображением одинаковой фиксированной ширины - или все ломается или делает по ширине текста. Может кто сталкивался? Настраиваю через ul и li Сейчас такая каша уже: .hlink li { line-height:42px; width:180px; text-align:right; font-size:16px;} .hlink ul li a {width:180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image:url(../images/80.png); border:1px solid #999; padding:8px 25px; text-align:right; font-size:16px; text-shadow:#555; color:#000; text-decoration:none} .hlink li a:hover { background-image:url(../images/bluebtn.jpg); background-repeat:repeat-x; color:#FFF} hashimk…
0 votes3 answers -
Как верстать по ИЕ 6?
Помогите пожайлуста, как верстать по ИЕ 6, решать проблемы Internet Explorer 6 при помощи чего и как?
0 votes2 answers -
наложение изображений
задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…
0 votes1 answer -
Подскажите как реализовать hover
<div id="menu"> <ul> <li><a href="http://google.ru">Ссылка которая должна менять цвет</a> <div> <ul> <li><a href="http://google.ru">Ссылка из-за которой верхняя должна поменять цвет</a></li> </ul> </div> </li> </ul> </div> Вот меню, при наведении на первую ссылку открывается подменю, которое находится в <div>. Как сделать, чтобы при наведении на ссылки в диве, верхняя ссылка тоже меняла цвет? Вот наглядно, на первом изображении то, что есть, на втором то, что хочу сделать: Подскажите пожалуйста.
0 votes3 answers -
Проблема с вертикальным меню
Вопрос к знающим людям! Есть вертикальное меню, а где ошибка не могу понять. Пункт подменю(номер3) должен быть скрыт и при нажатии(номер 2) должен появляться. <ul class="leftmenu"> <li><a href="#">номер 1</a></li> <li><a href="#">номер 2</a> <ul class="podmenu"> <li><a href="#">номер 3</a></li> </ul></li> <li><a href="#">номер 1</a></li> </ul> ul.leftmenu { padding:0; margin:0px 0 0 0px; list-style: none; width: 220px; } ul.leftmenu li { float: left; } ul.leftmenu li a, ul.leftmenu li a:visited { display: block; …
0 votes2 answers -
Помогите разобраться с border для div
Доброго времени суток! Есть два div`а: в одном большая картинка, в другом превьюшки. Для второго div назначен стиль border. Проблема в том, что border рисуется не вокруг самого div, а как отдельный элемент. Под спойлерами исходники и скрины. Так отображается в ФФ 11, Хром 17, Опера 11.62. Если вставить в HTML нужного div картинку самому(не яваскриптом), то результат не меняется Картинки HTML-код CSS-код javascript-код, отвечающий за создание превьюшек
0 votes4 answers -
ine-height и единицы измерения (продолжение)
Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…
0 votes4 answers -
Вёрстка вывода пользователей в категориях...
Здравствуйте. Я занимаюсь своим проектом уже давно. На данный момент осталось не много. Сейчас загвоздка с выводом пользователей в категориях меню. Сейчас это выглядит так: http://neveste.by/category/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B/ А я хочу сделать, что бы это выглядело так: , не считая красной рамки. Её я буду делать позже. Подскажите пожалуйста, как мне это сделать ?
0 votes4 answers -
Верстка подписей под элементами форм
Задача: добавить к верстке форм вывод валидационных сообщений. По задумке дизайнера поля и подписи могут быть самыми разнообразными: Сейчас реализовано в связке label (block или inline-block) + input Нужно выводить сообщения непосредственно под инпутом. Например, Проблема в том, что ширина label и отступы могут быть самыми разнообразными. В идеале должен нормально смотреться и многострочный комментарий, т.е. абсолютное позиционирование не подходит. Уже голову себе сломала, но ничего, кроме оборачивания каждого инпута во враппер и вывода error-message прямо под ним, туда не приходит Только вот решение мне это совсем не нравится. Может сталкивался кто-то с таким, подкинь…
0 votes3 answers -
Плейлист
Доброе времени суток. У меня есть несколько видео которые надо воспроизводить по очереди,нужно создать плейлист,но я не знаю как. Может можно как нибудь указать воспроизводить не файл,а полностью папку? Тогда надобность в создании плейлиста отпадет. Причем чтоб я мог слегкостью добавлять видео. Тока учусь, плз, помогите. Сделал так: <script> var videoPlayer; var video_count=1; window.onload=function(){ videoPlayer=document.getElementById("video"); videoPlayer.addEventListener("play",function(){ },false); videoPlayer.addEventListener("ended",function(){ video_count++; …
0 votes3 answers -
Вопрос №2 как сделать резиновый футер
Друзья, с хедером как то разобрался, но вот с футером беда!!! .footer{background:#575757;height:150px; text-align:center;color:#fff;}нужен совет!
0 votes2 answers -
как расположить гифку в нужном месте
Задумка была такая: В бакграунде столбца табличного дизайна, висит картинка подсвечника с огарком свечи. Над ним хотел расположить гифку горящего огонька. Но огонек висит слишком высоко над огарком и немного правее. Как его подвести к нужному месту? Пробовал абсолютное позиционирование в CSS, почемуто ничего не получилось. Как можно еще в браузере расположить гифку в нужном месте? Спасибо. Хотел вставить скриншот, но не понял как это здесь делается.
0 votes2 answers -
div с margin-left вылезает за экран но прокрутка не появляется
Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?
0 votes9 answers -
Функционал для лендингов WP
Привет всем! Многие наверное знают, что на фриланс биржах часто просят сделать лендинг и натянуть его на wp. Подскажите пожалуйста какой функционал должен быть у лендинга. Да, я понимаю, что всегда по-разному, но может у вас был какой-то функционал, который повторялся во всех проектах, скажите пожалуйста.
0 votes0 answers -
Проблемы с отображение backgroun в IE
Есть код вот css и html. Проблема в том что в IE установленные background в классах .bottom и .top не отображаются. В остальных браузерах все норм. В чем проблема, подскажите. .navigation{ margin-top: 10px; width: 236px; height: 270px; background: #84b2e6; } .navigation .top{ height: 41px; padding: 10px 0px 0px 0px; background: url('images/top-navigation.png')no-repeat; } .navigation .bottom{ height:19px; background: url('images/bottom-navigation.png')no-repeat; } .navigation h4{ color: #ffffff; font-family: sans-serif; } .navigation-menu{ list-style-type: none; color: #ffffff; padding: 0px 0px 0px 8px; } .navigatio…
0 votes2 answers -
Задание цвета определенной ссылки
Привет. Такой вопрос. Мне надо задать цвет ссылке в определенной области. Пример: <font color="CC0000">Тут идет какой то текст, а дальше <a href="google"> сделалась ссылка </a> и текст продолжается</font> Как можно задать цвет этой ссылке, но не используя опций тега <a>, а например заключить всю конструкцию в тег <font> или еще каким то образом? Может можно задать какой то класс и потом прописать его в таблице? Если так, напишите пожалуйста синтаксис записи, а то чета не могу найти. Заранее благодарен.
0 votes3 answers