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
-
помогите разобраться почему контент наесжает нафутер
Добрый день, подскажите как отобразить правый блок, что он не вылазил за пределы контента и не налазил на футер?ниже код + картинка с ситуацией и оригинал как должно быть.http://pixs.ru/showimage/Poluluxpng_2006138_13481157.png то что получилосьhttp://pixs.ru/showimage/VillaSanMa_6140906_13481174.jpg PSDв центральном блоке бэкраунд - картинка по высоте 700пикс. как в псд. проверял по высоте и отступам каждый блок все задано правильно! Спасибо за помощь! http://jsfiddle.net/mrfrunze/ogn360n6/9/
0 votes5 answers -
Как сверстать такую схемку
Не подскажет ли кто - как сверстать такую вот схемку без использования картинок на чистом css ? Пусть даже фигурки будут прямоугольные без загибов....
0 votes7 answers -
Порядок изучения
Обучаюсь верстке не так давно. Чего-то уже пытаюсь сверстать. Знаний, естесственно, маловато. Проблема в чем: не знаю, с чего начать продолжать. Вот такая странная формулировка. То есть - есть знания HTML, CSS, Sass. Каждый день стараюсь что-то по этим направлениям читать новое. Параллельно изучаю JS. А еще нужно знать, как я считаю, дофига всего другого, например Bootstrap, PHP, MySql, кучу фремворков и так далее. А что именно поставить в начало - не знаю. Кто-нибудь посоветует, как быть? В каком порядке вы проходили/проходите обучение? Сколько времени на это уделяли? Спасибо.
0 votes8 answers -
Плавающие блоки неопределенной высоты
работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …
0 votes2 answers -
transition и событие окончания анимации
Можно ли установить событие окончания анимации для transition? Походу нет :(. Не хотелось бы прикручивать анимацию jquery и других фремворков. Что посоветуете?
0 votes1 answer -
Помогите с датой публикации
Помогите чайнику с датой публикации, на странице отображается только слово Опубликовано... http://delicate.dp.ua/keramicheskaya-zashita-laka/ Помогите сделать чтобы дата публикации отображалась нормально Спасибо
0 votes6 answers -
Помогите пожалуйста с созданием блока
Помогите как мне создать с права или слева на фоне блок как только не пробовал он постоянно либо выше сайта либо под сайтом создается
0 votes3 answers -
перестает работать :hover после клика на чекбокс.
Ребятки, если не трудно, гляньте пожалуйста кодик. Вот есть блок, по нему мышой ходишь, он реагирует, но после клика по нему ховер перестает работать. Хотелось бы чтоб он на ховер продолжал реагировать даже после клика. Хотя б в какую сторону копать? https://jsfiddle.net/7vsov03o/4/ Знаю что надоел уже, гуглить учусь, но не совсем понимаю как составить правильный запрос в данном вопросе.
0 votes1 answer -
Скроллинг при нажатии на заголовок (вертикальный аккордеон)
У меня стоит простой бутстраповский аккордеон, при нажатии открывается одна и закрывается другая скрытая информация. Но есть проблема, когда в скрытом содержимом большое количество информации, при попытке открытии следующей, аккордеон сдвигается наверх. Нужен скрипт для фиксированного заголовка аккордеона. Смогли бы вы помочь с этим? Cнизу код html <div class="panel-group accordion" id="panel-651270"> <div class="panel panel-default"> <div id="yazyk-kurs" class="panel-heading"> <i class="fa fa-globe fa-lg" aria-hidden="true"></i> <a class="panel-title colla…
0 votes0 answers -
Многоколоночное боковое выпадающее меню
1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?
0 votes0 answers -
не могу найти
ни где ни могу найти в торрентах не активна помогите на яндексе есть 25 рублей с удовольствием кого-нибудь перешлю
0 votes1 answer -
тянущяяся не повторяющяяся картинка бекграунда
Подскажите пожалуйста, есть ли какой-то способ заставить картинку бекграунда растягиватся во весь экран, чтобы картинка пропорционально увеличивалась или уменьшалась в зависимости от разрешения иэкрана и "развернутости" окна браузера? я нашел только такую симуляцию, но она категорически не нравится 6-му експлореру <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: fixed; /* можно absolute, в зависимости от цели */ left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body> <div id="layer1"> <img src="satelit.jpg" width="100%" alt=""> </div…
0 votes2 answers -
Проблемы с img в ie 6
Доброго времени суток Уважаемые коллеги. Проблема с тегом img в IE 6. К сожалению ссылку не могу выложить сайт находиться в стадии разработки. Постараюсь объяснить на "пальцах". Тег img в документе с полупрозрачными границами должен всплывать в левом верхнем углу блока. В FF и Opera всё ОК. Обнулил margin и подключил експрешон всё равно в IE 6 даёт отступ 10px слева Вопрос почему???? Заранее спасибо за ответ.
0 votes2 answers -
Странный зазор в меню
Посмотрите пожалуйста, вот тут меню, после первых 2-х пунктов появляется странный зазор, помогите разобраться откуда он
0 votes4 answers -
Расстояние между строками таблицы
Здравствуйте всем. У меня вопрос по теме. Есть код, или вот страница : <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> tr td img { display: block; } </style> <title>Audi site</title> </head> <body> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="3"><img src="./images/audi_new_02.png"></td> <td style="float: right;"><img src=…
0 votes1 answer -
tooltip скрывается при наведении
возникла странная проблема, причем раньше с этим не сталкивался имеется такой вот код http://codepen.io/usf/pen/GgzxJ при наведении на квадрат появляется подсказка, если навести на подсказку то она сразу исчезает! хотя не должна, по идее. причем в хроме это работает нормально, а в мозилле и опере нет, ума не приложу, что такое.
0 votes3 answers -
Страница выглядит нормально на одних дисплеях/компах и криво на других
Вот на этой странице http://demo.romanreimche.com/questtravel/?post_type=tours&wz_country=&wz_month=&wz_type=&wz_ajax=&wzi_season=2 На MacBook Air 11'' в Сафари и Хроме есть дефекты: - кнопки-буквы слева не помещаются и последние буквы рядов становятся новыми рядами - внизу страницы, сразу после оранжевого блока с подпиской, логотипы, которые должны быть "в одну строчку", не помещаются и последний переносится. При этом на MacBook 13'' всё нормально, как и на iMac и на мониторе Samsung 24''. Как и в iOS. Это что за беду такую я нашёл? P.S. Просьба обладателям маленьких мониторов протестировать. Особенно, если есть обладатели MacBookAir 11'' с ОС НЕ Moun…
0 votes2 answers -
Таблицы: непонятные отступы
В общем, взял для тренировки на этом форуме один макет. Начал делать. Я большой любитель верстать таблицами. Знаю, что это плохо, но все равно это удобнее. И, как видно на картинке, логотип приклеен к верху без промежутка. А у меня, хотя я не делал никаких отступов и, наоборот, делал margin, padding, border равными нулю, между логотипом и верхом страницы есть промежуток в 1 пиксель. При чем во всех браузерах. Посмотрел через Firebug, table с body без промежутка, а вот table с tbody с промежутком в 1 пиксель, как будто у table padding: 1px. И padding: 0 не помогает. Скриншот и архив. P.S. Только давайте без "верстай через div"
0 votes4 answers -
Помогите разобраться с примером всплывающего окна
Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" i…
0 votes7 answers -
Opera Mini и отображение текста
Всем привет! При тестировании сайта http://xn--80aagh4alouex5ff.xn--p1ai/ в опере мини текст собирается в узкую колонку, что я только не пробовала для нормально отображения. Кто чем может помогите И еще форма обратного звонка почему то в середине шапки отображается Скрины: http://prntscr.com/38thgy http://prntscr.com/38thdt
0 votes3 answers -
msie
Здравствуйте. Мне нужно сверстать сайт под последнюю версию IE. Но у меня стоит XP (максимум могу увидеть с IE8). Поэтому интересует есть ли чтото наподобие browsershots.org, чтобы была возможность сделать скриншот из ie10+?
0 votes2 answers -
проблема с фреймами
начинаю учить html. в процессе возникла такая ситуация - создал страницу, разбитую фреймами на 3 области (заголовок, слева список и справа основная часть). при переходе по элементу списка в основную часть, как и задумано, загружается отдельное окно. однако, если обновить страницу (ф5 или тыкнуть обновить), то в основную часть автоматически загружается главная страница (та, которая отображается изначально на главном окне). как сделать так, чтобы при обновлении в основной части оставалось то, что я загрузил туда со списка?
0 votes4 answers -
неработает padding
не работает padding у 2-ой li-шки(на что бы не менял, padding-top,padding-bottom,местоположения и области выделения текста не меняется), вот html <ul id="menu" > <li class="kolonki" style="position:relative; top: -4px;padding:13px;padding-left:29px;padding-right:29px;"><b>ГЛАВНАЯ</b></li> <li class="kolonki" style="position:relative; top: 1px;padding-top:2px;padding-bottom:0px ;padding-left:22px;padding-right:22px;"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li>Wwwwwww|</li> <li>Owwwwww|</li> <li>Rwwwwww|</li> <li>LDwwwww</…
0 votes2 answers -
Загрузка нескольких CSS
Друзья! Вместе с bootstrap загружаю в такой последовательности еще один стиль, чтобы все что буду править в стандартном шаблоне, выносить в него. Загружаю в head, в такой последовательности <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/template.css"> Надо поменять стиль шрифта. Делаю так - в файл template.css добавляю @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); body { font-family: 'Open Sans', sans-serif; } Но на странице все равно загружается дефолтный шрифт body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; На стр…
0 votes2 answers -
Не работает анимация кнопки
Привет, http://clevertrans.ru у кнопки заказать звонок есть анимация,я скопировал код этой кнопки, скопировал код скриптов на свой шаблон, но почему то эта анимация у меня не работает, в чем причина? animate css и js код с того сайта тоже вставил, все равно никак
0 votes0 answers