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
-
Помогите перевести на русский шаблон одностраничного сайта
Помогите перевести на русский шаблон одностраничного сайта. Замена английских слов на русские и сохранение в UTF-8 не помогло. На большее знаний не хватает. Подскажите что надо сделать. Не знаю как показать шаблон... Скачала здесь: Моя ссылка
0 votes4 answers -
перемещение скролла в fancybox2
никто не сталкивался с проблемой перемещения скролла экрана в верхнюю позицию при открытии модального окна через fancybox2 ? эта мистика происходит у меня после установки этого плагина с дефолтными настройками. посоветуйте пожалуйста как исправить пробовал отключать по очереди все скрипты, которые используются на странице. безрезультатно
0 votes4 answers -
В хедер запхать 2 картинки и слайдер
Привет всем. Хочу изменить шапку, вместо одной картинки впихнуть по сторонам 2 (эмблемы типа) а по центру слайдер. Я в блок хедер вставляю 3 блока(левый картинка-log_img, центр слайдер-wowslider-container1, правый тоже картинка-log_img2), но так получается что правая картинка переезжает на следующую строчку. Какое свойство в каком блоке поправить что бы все влезло в одну строчку? Шаблон сайта я скачал а слайдер сделал с помощью программы.Не судите строго только учусь. https://www.dropbox.com/sh/huhumx34a01nejz/AADFEG-J98yAJGLqq-wSOQrya
0 votes1 answer -
Настройка тега select
Здравствуйте форумчане Недавно столкнулся с такой проблемой, которую не могу решить уже долгое время(( Даже всемогущий гугл мне не помог, так что рассчитываю на вашу поддержку А сам вопрос довольно прост: есть список select, который обязателен для отправки формы Первой опцией является просто сообщение "выберите персонажа", а остальные уже сами персонажи Мне надо, чтобы форма не отправлялась, если стоит опция "Выберите персонажа" Я ставил на эту опцию атрибут disabled, но это не помогло Вот собственно код <select required name="character"> <option disabled>Выберите персонажа</option> <option>Орк</option> <option>Эльф<…
0 votes4 answers -
Реализация лотерейного билета
Здравствуйте, возможно ли средствами html+css реализовать "стирания монеткой" какой-то области как в лотерейных билетах? или только через флеш?
0 votes3 answers -
Размеры в %
Здравствуйте. Подскажите пожалуйста: если я задам размер картинки в %, то это будет процент от размеров родителя, или....?
0 votes4 answers -
Можно ли вкладывать hr в div
Добрый день! Не могу разобраться со вложенностью элементов. Можно ли hr-тэг засовывать в div? В общем у меня есть класс на php который парсит шаблоны, и этот класс выдает fatal error, когда находит hr внутри div, а hr между div его совсем не напрягает. Вот хотел бы узнать где можно почитать про вложенность тэгов.
0 votes4 answers -
Появление списка на месте картинки
Здравствуйте! Подскажите, пожалуйста, можно ли реализовать чтобы при клике на месте картинки появлялся список с фоном отличным от картинки?
0 votes12 answers -
выравнивание дивов в 1 строчку
Скрытый текст Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? Скрытый текст < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/conte…
0 votes2 answers -
Несколько начертаний шрифта на сайте
На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…
0 votes0 answers -
Верстка вертинкального меню, с положением active у выделенного меню.
Привет. Нужно сверстать с помощью css, без js если конечно возможно, но проблема в том ? 1. нужно, чтобы все действия происходили в одном файле а точнее запихать в один и толстый div, 2. чтобы не при "hover" менюшка была активирована, а при клике по ней, при чем чтобы, когда отводишь мышку в любое место экрана, актив на меню оставался. Не прошу верстать, но может у кого есть какие-нибудь советы... Заранее спасибо. Есть пример ↓
0 votes1 answer -
Помогите пожалуйста
Как сделать так, чтобы все ссылки открывались в новой странице (в Firefox в новой вкладке)? Я такое уже делал (http://www.free-soft-games.narod.ru/), но не помню как, в сво?м коде не наш?л ничего для этого, делал давно, ничего уже не помню. Подскажите пожалуйста.
0 votes1 answer -
Перекрытие плавающего блока вышестоящим в ИЕ (6,7,8)
Не буду писать урезки кода Вот ссылка на тест-страницу: http://rootical.byethost4.com/3/index.html Нужно, чтобы блок чуть-чуть залазил на вышестоящий. В чем, собственно, проблема? З-индексы не помогают. Опера и Фаяфокс - все в порядке. Может другие способы? Рассчитываю на Вашу помощь, спасибо
0 votes3 answers -
Народец помогите со скриптом)
Есть вот Сайт один Как можно сделать аналог картинки, которая при разных размерах и разрешениях монитора тоже меняться помогите с кодом плиз!
0 votes3 answers -
Различия загрузки страниц в IE и Mozille
Как добится что бы IE также кэшировал страницы сайта как скажем Mozilla? Вот конкретный пример сайт Если открыть его в IE то страницы будут подгружаца заново каждый раз, а если попробывать это сделать в Mozille загружаеца толька изменившаяся часть контента, а графика из кэша. Или может быть дело не в этом???
0 votes1 answer -
Немного матчасти по прижатому к низу "подвалу"
Здравствуйте. Вопрос в следующем: если я прижимаю "подвал" к низу, то не поползет ли на экранах с низким разрешением контент на футер (показано стелкой на приложенном рисунке), если вышеупомянутого контента слишком много?
0 votes2 answers -
Слои Футер под слоями
Подскажите пожалуйста как нижнее изображение пустить под слоями как на кортинке , у меня получаеться что после футера вылезает кортинка , а должна быть под слоями ? Спасибо
0 votes6 answers -
применение z-index
Начал изучать пару дней назат блочную верстку сайтов, да и вообще верстку сайтов... столкнулся с такой проблемой =) как с помощью z-index (или есть другие теги какие?) расположить две картинки по очереди? а то одна перекрывает другую... хотелось бы все сделать в 1 блоке <div id="header"> </div> (была мысля разбить 2 изображения по блокам наложить их на друг друга и каждому присвоить очередность отображения) еще z-index это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative, а я выравнивал картинку в блоке с помощью background-position:center, поскольку прийдется применять z-index, background-position:cen…
0 votes7 answers -
Центрированное горизонтальное меню на ul
Есть страница фикс. ширины,меню на списках <div id="navbar"> <ul> <li><a href="...">1</a></li> <li><a href="...">2</a></li> <li><a href="...">3</a></li> <li><a href="...">4</a></li> </ul> </div> #navbar ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 100%; text-align: center; border-bottom: 3px solid #fff; background: #e6e6e6; color: #000; } #navbar a { float: left; width: 11.6em; height: 25px; text-decoration: none; color: #009; background: #E6e6e6; padding: 0.2…
0 votes6 answers -
Проблема в верстке меню
Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: no…
0 votes3 answers -
Проблемы с реализацией эффектов.
Всем доброго времени суток. В общем у меня 2 вопроса. Времени на них убил уже неделю. Рад буду любой помощи. 1) Пытаюсь реализовать эффект с картинкой. В определенном месте сайта висит полупрозрачный логотип в виде прожектора, который должен качаться из стороны в сторону. Пытался сделать на css3 но он мне уже всю плешь проел. 2) Реализовал кнопки с подменой картинок. Но при открытии сайта с мобильно этот эффект естественно не работает. Как можно сделать чтобы при открытии с мобильного устройства показывалась только вторая картинка? Спасибо за внимание, Надеюсь на вашу помощь.
0 votes15 answers -
Проблема с вложенностью блоков
Вот есть у меня уже сверстаный блок. Вот его код: <div id="line1"> <div class="block-line1"> <div class="block-header"> <h1>About WhiteSquare</h1> <span></span> </div> <div class="block-body"> <div class="block-image"><img src="images/img1.png" alt="" /></div> <div class="block-text"> <p>In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor…
0 votes2 answers -
Локальное использование ssi
Добрый день. Возможно ли избегая всякие сборки типа денвера, wingnix или open server, использовать локально ssi ?
0 votes3 answers -
Не получается выделить первую букву через псевдоэлемент
Как первую букву в слове "Новье" выделить жирным штифтом и цветом? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Псевдоэлементы</title> <style> P.new:after { content: " - Новьё!"; /* Добавляем после текста абзаца */ } </style> </head> <body> <p class="new">Ловля льва в пустыне с помощью метода золотого сечения.</p> <p>Метод ловли льва простым перебором.</p> </body> </html>
0 votes3 answers -
Оптимизация меню
<style> * { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menudiv { padding-right: 8px; height:17px; border-top: solid 3px #ef3e35; background: #eaeaea; } .menu { width: 100px; margin-left: 1px; float:right; background: #ef3e35; font-size: 11px; color: #fff; text-decoration:none; text-align:center; display: block; } .menu i { display: block; border:#eaeaea 4px solid; border-top-color:#ef3e35; border-bottom-width:0; } .menu:hover { background-color:#007fc3; color: #fff; } .menu:hover i { border-top-color:#007fc3; } </style> <div id="menudiv"> <a href="news.htm" class="menu" onMouseOut="documen…
0 votes1 answer