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
-
как лучше создать таблицу и связать строки с дивом
У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:
0 votes3 answers -
iframe
Здравствуйте! В очередной раз, я — криворукий г.кодер, тля и вообще не человек обращаюсь к Вам, повелителям аккуратного кода, властелинам всего живого и просто, гениям АйТи сферы вот с каким вопросом... Есть iframe, в нём подгружается форма. Как сделать так чтобы после её отправки в этот iframe подгружалось что-то другое. В общем так сказать имитация успешной отправки формы без перезагрузки основной страницы и перехода к верху сайта. Искал -> находил -> читал -> пробовал -> запутался в Нэймах и Таргетах -> пошёл на htmlforum.ru Спасибо за внимание!
0 votes3 answers -
Верстка под IE7 & IE8 - на что обратить внимание
Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)
0 votes4 answers -
Пытаюсь нарисовать
Подскажите как это написать используя css ? http://prntscr.com/a1t0z4
0 votes2 answers -
Квадратные блоки
Как с помощью css сделать квадратный блок при задании только ширины или высоты элемента? Я с помощью javascript меняю размер квадратных блоков, но для этого меняю оба размера. Мне думается, что изменение одного размера будет происходить быстрее.
0 votes3 answers -
:first-child не срабатывает
Здравствуйте коллеги! Неровно центрируются элементы .item тут Пытаюсь выровнять первый элемент с помощью first-child - не получается всё - нашел там h3 + item на первый эл-т работает как закрыть тему ?
0 votes2 answers -
Вёрстка прижатых друг к другу треугольных div'ов с фонами
Как это можно реализовать? Обратите внимание, что оба блока имеют фон, это самое сложное. Если использовать псевдоклассы или вспомогательные div в виде треугольников, то на них background не распространяется, основные секции остаются прямоугольными. Нужно применять svg (который я почти не знаю) или можно как-то проще сделать?
0 votes9 answers -
Почему в форме не работает тень внутрь?
https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?
0 votes14 answers -
Картинка в шапку.
У меня есть сайт в шапке у меня широкая полоска, хочу заменить ту полоску картинкой. Но немогу понять что к чему в коде...( Вот каритинка. http://i.imgur.com/CSHkR9C.png Вот код. <?php/** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package storefront */?><!DOCTYPE html><html <?php language_attributes(); ?> <?php storefront_html_tag_schema(); ?>><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php storefront_title(); ?></title><link…
0 votes3 answers -
Как сделать плитку из фото , не используя таблицы?
Здравствуйте. Есть шаблон на нем расположены фото как плитка выложена. Шаблон: http://template-preview.com/OS/300110857/ Но плитка там сделана на таблицах. А как можно сделать тоже самое но без таблиц и display:table и без bootstrap. Хотя бы идею подкиньте в виде примера. Спасибо.
0 votes1 answer -
футер (картинка)
Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.
0 votes15 answers -
соскальзывание блоков с авторасширением
Приветствую. Нужна помощь опытных програмеров по резиновой верстке. Уже давно мучаюсь с проблемой - есть два блока, которые на мониторах с большим разрешением должны располагаться рядом друг с другом, а на меньшем - соскальзывать друг под друга, растягиваясь на всю ширину. Если я задаю статичную ширину, то при соскальзывании они не растягиваются, а если не фиксированную - то они располагаются только друг под другом. Пока что делал так : <Table width='100%'><tr><td> <div style='float:left; width:460px;'> Текст </div> <div style='float:left; width:460px;'> Текст </div> </td></tr></table> Но в текущем варианте, …
0 votes3 answers -
резиновое меню
Необходимо растянуть горизонтальное меню на всю страницу Как это сделать? http://codepen.io/anon/pen/GoPRvR
0 votes9 answers -
Альтернатива png иконкам
Всем привет, такой вопрос: я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается. С PNG все нормально, но как-то не охото) -js фильтры + весит многовато. Если gif сохранить 1000px X 1000px то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF? СПАСИБО!
0 votes6 answers -
Подмена цвета браузера на м.устройстве
Коллеги! На этом сайте http://www.redmadrobot.ru/ , при открытии с мобильно устройства у браузера меняется цвет со строкой адреса (смотрите скрин с телефона http://prntscr.com/a14me5 ) КАК это реализовать? вообще в какую сторону копать хотябы?
0 votes1 answer -
Вёрстка: Зависимый выпадающий список
Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?
0 votes5 answers -
закрывающие тэги, html и xhtml
скажите, почему когда я пишу <script src="jquery-2.2.0.js"/>вместо <script src="jquery-2.2.0.js"></script> у меня страница просто не загружается? неужели в HTML запрещено сокращать пустые элементы также как в XHTML? и какой DOCTYPE я должен указать в этом случае? или это только с тегом scritpt так причем даже в XHTML?
0 votes6 answers -
Масштабировать код шаблона
Здравствуйте! Есть HTML, CSS страницы, всё вроде нормально, но при сжатии окна браузера до максимума, внизу появляется скрол (ползунок, прокрутка). Как и сообщил ранее - всё вроде сделал, но что-то мешает, может margin, padding где-то проглядел. Просьба подправить с пояснением что и куда. Адаптация под мобильники, планшеты и т.п.
0 votes1 answer -
Адаптивность хлебных крошек
Здравствуйте коллеги! На мелких экранах слишком длинное название в хлебных крошках не влезает в экран Пример Эта же страница на экране мобильного - направьте пожалуйста в нужное русло !
0 votes3 answers -
Анимация фиксированного меню
Здравствуйте. У меня есть два фиксированных меню. У первого высота 150рх и видно оно сразу на странице, а когда пользователь прокручивает страницу меню уменьшается до 60рх. Мне нужно сделать так, что бы маленькое меню выезжало с верху страницы. Примерно как на этом видео: Если есть готовый скрипт, буду благодарен. upd. Задача немного изменилась, нужен эффект fade in , fade out
0 votes4 answers -
необьяснимый z-index
Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez
0 votes20 answers -
стоит ли спользовать EasyUI
Всем привет, Попалась мне такая либа EasyUI (jeasyui.com) и заинтересовала : я php/mysql/javascript программист и зачастую, занимаясь разработкой сайтов, хочется меньше заморачиваться версткой страниц(как бекэндов так и фронтендов), но при этом чтобы мои страницы нормально выглядели (в том числе и с поддержкой Bootstrap-а). HTML я знаю неплохо, но верстка страниц - это несколько иное. Помогла бы мне эта либа ? Если да, то лучше ли использовать html или javascript код для декларации компонентов? Может есть какие более удобные(функциональные и простые в использовании) либы для этого ? Спасибо!
0 votes1 answer -
2 footer'а и масштабирование ширины в Bootstrap 3
Делаю первый раз верстку под bootstrap — решил осваивать фреймворк и все такое. Проблема — «плывет» при сужении экрана. Он высокий, 400px, фоном стоит картинка. При сужении экрана столбцы, которые не помещаются по ширине, уходят вниз, но картинка не «размножается» по вертикали (вариант repeat-y не срабатывает так, как надо). Далее, под футером стоит еще одна строка (div height:80px) более темная по фону (в ней копирайты). При сужении экрана она не уходит вниз под все выстроившиеся вертикально колонки footer, а остается «прилеплена» к нему снизу, таким образом частично закрывая столбцы футера. Вот нормальный футер, который задуман: А вот после сжатия экрана: В вариан…
0 votes0 answers -
Поделитесь опытом
Доброго времени суток. По неопытности не получается сверстать элемент http://static2.keep4u.ru/2016/02/07/BEZIMENI-2.jpg Проблему вижу в том, что не понимаю каким должен быть конечный результат,то есть что ссылкой а что просто статическим элементом. Буду признателен,если кто-то накидает свой вариант
0 votes3 answers -
событие change для select, когда нет изменения
Подскажите, как поймать событие, когда пользователь в элементе select выбирает option, который уже был выбран до этого. Вот если он option с каким-то другим value выбирает, то срабатывает событие change, а как поймать, если value то же самое?
0 votes4 answers