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
-
CSS3 filter
Почему не работает фильтр? http://jsfiddle.net/Q5S96/1/
0 votes2 answers -
Ширина div-блоков в зависимости от текста и оставшегося места
В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…
0 votes1 answer -
Скачет вертикальное меню
Сделал вертикальное меню.... хочу "подсвечивать" элемент по событию hover. Точнее, выделять его шрифтом большего размера ... но у меня при этом начинает прыгать меню, потому-что li меняет свою высоту. Как можно обойти этот косяк....? пробовал magrin-ы и паддинги во всех мыслимых и немыслимых комбинациях, и для li, и для роительского ul, но ничего не получилось.... Пример кода здесь: http://jsfiddle.net/Lbrc1n94/ *{ margin:0; padding:0; } html, body{ height:100%; width:100%;} div.main{ border:1px solid black; width:400px; height:80%; margin:auto auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px; text-align:center; } ul.m…
0 votes3 answers -
SEO frendly перемещение блоков
Добрый день. Есть известная фишка о том, что для SEO полезно, чтобы текст содержащий ключевые слова был как можно выше по коду страницы, таким образом робот присвоит ему более высокий коэффициент значимости и в целом это даст положительный эффект. Из соображений красивости дизайна у меня есть необходимость того, чтобы перед этим самым "ключевым" текстом (выше него на странице) шел достаточно большой, но бессмысленный с точки зрения SEO блок. Так вот, есть ли возможность поместить этот блок по коду ниже, но так, чтобы он выводился на странице выше и при этом влияние используемых средств (z-index или что-то другое) не оказало негативного воздействия на продвижение в целом?
0 votes0 answers -
Помогите с checkbox-ами!
.Помогите разобраться.... При клике на текст chekbox отмечается. Проблема, что он отмечает только при первые строчки, а на все остальное не реагирует. Надеюсь я понятно объяснила, может с кодом станет ясней... <div class="menu"> <input type="checkbox" id="Hot" data-bind="value:cost" value="" class="chk"> <a data-bind="text:name,click:function(){$root.saveReservation(this)}" href="#"></a> <span data-bind="text:cost"></spam> <p data-bind="text:engrediens" class="structure">Текст</p></div> self.saveReservation = function(obj){ $("#"+obj.category).attr("checked","checked"); …
0 votes3 answers -
Фиксированный сайдбар не всегда влазит по высоте страницы и не его не получается прокрутить
При скролле страницы сайдбар должен оставаться зафиксированным. Высота сайдбара должна быть всегда во весь экран. При этом нижний блок сайдбара всегда должен быть прибит к низу. Это все реализовано, НО что делать если высота экрана низкая: в этом случае сайдбар начинает прятаться вниз, а так как он position: fixed он не скроллиться вместе с таблицей. http://skrinshoter.ru/s/161018/xV91Tuns https://codepen.io/anon/pen/MPrKKq Как решить эту проблему?
0 votes3 answers -
баг или ошибка
В общем, ситуация следующая: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…
0 votes4 answers -
Помогите решить простую задачу
Нужно сделать простенькую табличку с несколькими ячейками. Хотелось бы его сделать на дивах.. Какая-то хрень выходит, причем в разных браузерах выглядит по разному... Подскажите где косяк? <style> /* Задаю границы по ширине, центральное выравнивание, бордюр */ .otziv{width:750px; margin: 0 auto; padding:0; border: 1px solid #feb735; background-color:#222;} /* Левая верхняя ячейка */ .author_otziv{width: 599px; height:25px ;position: relative; float: left; border-bottom:1px solid #feb735;} /* Правая верхняя ячейка */ .date_otziv{width:150px;height:25px ; position: relative; float: right; border-bottom:1px solid #feb735; border-left:1px solid #feb735; } /* Прав…
0 votes11 answers -
Объясните на пальцах про позиционирование
Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…
0 votes2 answers -
Форма обратной связи. Оформление e-mail
Прошу помочь специалистов. Мне нужна форма обратной связи на сайте (сайт html+php), в виде анкеты. Но что бы ПРиходило письмо, на ящик - не абы как, а красивое - с разметкой, стилями-тегами, отступами, цветами. Перерыл весь инет, рабочие скрипты на <? находил валом, но все письма с данными что приходят на ящик - в txt оформлении. ПОделитесь наработками, может у кого есть пример готовый ? Заранее большой вам харизмы за ответ!
0 votes4 answers -
ссылка з треугольником
Как сверстать ссылку чтоб внизу ее был треугольник?
0 votes2 answers -
Табы для joomla 1.5.
Здравствуйте. Кто то может подсказать или помочь с установкой табов на joomla 1.5. ? Как лутше всего сделать, модулем, плагином, или самом писать. В интернете понаходил модули, но конкретного описания установок негде нету.
0 votes1 answer -
расстояние между
подскажите пожалуйста вот есть такой вот класс section и при помощи него сделана такая вот конструкция ! http://jsfiddle.net/7FC9E/ так вот ! каким способом можно смешать скажем третий дви подинуть чуть ближе ко второму ??? joomla.metko.ru вот на сайте что бы Аксессуары для ipod подвинуть немного влево,а все остальное осталось на своём месте ?
0 votes3 answers -
Не могу подключить css-документ к html
Привет всем. Такая проблемка - не могу подключить сss-документ к html. Раньше подключал, сейчас не в какую. <link type="text/css" rel="stylesheet" href="netcat_template/template/103/css/style.css"> строка из html index.html лежит в qb-interactive. в этой папке есть netoat_template и так далее - template/103/css/style.css чего оно не подключает? т.е. я попробовал запустить через дримвивер. то там видит. что эти документы связаны. но когда я что-то задаю в css в html оно не выполняется
0 votes2 answers -
в ie8 не видет картинку
добрый день проблема у меня такая никак не магу понять в ie10 ie9 паказывает картинку а в ie8 невидет картинки http://sait-ru.1gb.ru/
0 votes0 answers -
display:table и overflow: hidden
Добрый день Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки. Спасибо.
0 votes3 answers -
как сверстать вот такой блочок
Я понимаю, что всем надоела уже, но плиз как вот такой кусочек сверстать http://prntscr.com/3lwwi9
0 votes6 answers -
Как сверстать такое?(1)
Всем доброе утро, день, вечер! Сабж.
0 votes6 answers -
jQuery Template, я не понимаю
В чём смысл существования jQuery Template, в чём его преимущество? Вот у нас есть стандартный сайт с обычной схемой вывода данных, когда php берёт данные из БД, пихает их в smarty, а в шаблонах уже через переменные smarty идёт вставка данных. И зачем на таком сайте вводить дополнительную прослойку, когда сначала данные из smarty идут в JS-переменные (как скрестить smarty и jQuery Template отдельный вопрос), а уже только потом данные вставляются в DOM-структуру посредством JS? Или есть какие-то кейсы, когда это оправдано?
0 votes5 answers -
Что изменяет .abv_wrapper?
Здравствуйте. Скажите, пожалуйста, как понять, что меняет размеры элемента с классом .abv_wrapper на этой странице по сравнению с главной? Из-за разных размеров элемента у обертки нет белого фона на приведённой странице
0 votes4 answers -
Плеер на сайт
Заранее извинюсь если тема затронута ранее, просто 10 000 тем перерывать тяжко, поиск результатов интерестных не дал. И так... Хочу подключить плеер, максмаааально удобный! Что бы был плейлист, и можно было загружать в него файлы прямо через сайт, примерно как в соцсетях(вк или одноклассники). Ищу, пытаюсь, и насилую код уже второй день, толку мало... Кто может посоветовать ресурсы, гайды или что то тому подобное по подключению плеера?
0 votes2 answers -
масштабируемое изображение для фона сайта
Что-то мне подсказывает, что велосипед давно изобретен. Подскажите как лучше сделать сабж. Образец: www.whitehouse.gov
0 votes4 answers -
Блокирование Popup окна
Здравствуйте! При вызове popup окна происходит затемнение (fade in) и окно блокируется, в него не передаётся фокус. Хотя модальное окно должно всплывать над затемнением. Прошу, по возможности, подсказать где ошибка. Спасибо ссылка: http://xstrongumbrella.com в футере линк "Limited Five (5) Year Warranty for Unbreakable® Walking-Stick Umbrella Standard"
0 votes5 answers -
хостинг на яндексе
Привет всем! Вот решил залить сайтик на бесплатный хостинг narod.ru, но у меня выскакивает ошибка, буд-то бы у меня нет главной страницы. Сам сайт состоит из index.html и style.css, короче представляет из себя каркас сделанный при помощи таблицы. Разместить решил, чтобы иметь представление, как работать с хостингом, если кто знает как решить эту проблему отпишитесь пожалуйста. Заранее спасибо. Скрины прилагаются: Так я размести его на народе: http://img14.imageshack.us/my.php?image=errorvc0.jpg Пройдя по ссылке выскакивает вот такая билибердень: http://img5.imageshack.us/my.php?image=403xr2.jpg
0 votes1 answer -
Позиционирование
Всем привет! Друзья,помогите понять,для чего/зачем и когда нужно применять position,читаю книжки/самоучители,токо я чё то допереть никак не могу,кому не трудно,расскажите по подробнее о позиционирование,если можно с примерами,мб есть статьи какие,на русском,где,как говорится,всё расжёванно... Хелп!)
0 votes1 answer