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
-
валидация формы
можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…
0 votes4 answers -
Как лучше сверстать?
https://lh3.googleusercontent.com/-fH4VyvsPX2Y/UJElP7YKl4I/AAAAAAAAFA4/iS6z77A6ZQM/w634-h669-p-k/666.png требуется сделать подобный макет. важно, чтоб меню было на всю ширину экрана и футер тоже. а середина фикс - 4 колонки. не могу понять ,как сделать так, чтоб логотип и текстовое начало меню были на том же месте, что и начало первой колонки. блоками верстать не особо умею, в идеале таблицами, тк информации будет очень много в середине, боюсь расползется все. как это лучше реализовать? пока у меня идеи сделат ьменю отдельной таблицей, но как тогда, чтоб текст. начало было вровень с первой колонкой? ну и с лого так же только в середине не три, а 4 колонки!!
0 votes2 answers -
Ширина страницы при печати
Подскажите пожайлуста, можно ли через стили указать принтеру, что не нужно подгонять ширину печатаемой страницы под ширину страницы ? В общем чтобы при печати не изменялась ни ширина , ни масштаб
0 votes1 answer -
Ограничить размер img сверху, без растягивания
Братцы, так бывает, что из базы на страничку картинки тянешь, а в базе, понятное дело картинки разных размеров и форматов (jpg gif png) и выяснить их размер "налету" вряд ли возможно. А область под картинку фиксированного размера. Так вот, желательно картинки больше известного размера масштабировать, а меньше - оставить как есть. Это реально?
0 votes6 answers -
Сложный фон
Здравствуйте! Есть макет https://dl.dropboxusercontent.com/u/27003510/01_home_page_kessonov_ru_3.jpg Не могу сообразить, как лучше поступить с фоном. Если ставить ahy целиком, то фоновая картинка весит около 3 Mb - это много. По хорошему надо наверное горизонтально резать на 3 части...но как потом на это еще и текст наложить, у меня текст сползает. В общем ничего не выходит. Ткните, может есть похожие решения?
0 votes3 answers -
Кнопка
Здравствуйте. Сделал кнопку тегом button, оформил стилями, вставил ссылку. Получилось отлично, кнопка нажимается и переводит по ссылке. Всю малину испортил валидатор, выдавший ошибку. Оказывается тег "а" нельзя вставлять в тег button. Подскажите пожалуйста где об этом узнать подробно и доступно для новичка.
0 votes6 answers -
телефонное меню в bootstrap
помогите пожалуйста сделать меню, которое при малой ширине экрана преобразуется в иконку, кликнув по которой пользователь получает меню в виде выпадающего списка на страничке я использовал те же классы что и в примерах с официального сайта bootstrap. но у меня при малой ширине экрана меню просто пропадает, без появления иконки
0 votes2 answers -
Как сделать подгузку страницы?
Здравствуйте, как сделать так, чтобы сначала скачивалась одна часть страницы, а потом, когда дойдешь до конца страницы погружалось остальное?
0 votes3 answers -
подогнать фон
помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой
0 votes7 answers -
Контент не зависит от содержимого?
Решил задать нужный стиль номерам задач, т. е. выставить по горизонтали, но пропала зависимость контента от информации (см. скриншот). Вообще не в первый раз сталкиваюсь с такой проблемой, с чем вызвано эта проблема, ведь интуитивно понятно, что контент, от имеющийся информации, должен увеличиваться, если я не хочу этого, то задаю конкретные размеры по высоте, разве я не прав? http://jsfiddle.net/1ty2mdsm/
0 votes1 answer -
Можно ли сайдбары убрать под контент?
Есть сайт с такой структурой: сайдбар1 сайдбар2 контент http://cssdeck.com/labs/3r2rkid7 Можно ли как-то визуально переместить контент наверх?
0 votes4 answers -
Трудности при вёрстке меню сайта.
Итак ... Проблема заключается в неопытности в вёрстке . Есть меню , обычное . При нажатии на главное меню кидает на главную , при нажатии на "Фото" кидает на фото . "Фото" состоит из тех же элементов что и "Характеристики" кроме текста , и пары других незначительных вещей . Как сделать переход на "Фото" или "Характеристики" , "Отзывы".Нужно ли создавать по 20 страниц , или можно сделать так чтобы просто менялась часть сайта ? в любом случае если что-то понадобится то пишите , я скину код или скриншот .
0 votes0 answers -
flexbox и nth-last-child
Добрый день. Возникла проблема следую щего плана, нужна адаптивная верстка с mobile-first. При этой верстке я сначла сверстал mobile получилась как на pictute1 picture1.psd. Чтобы сделать расстояние между блоками, которые я обвел бордером я задал margi-bottom, а у последнего элемента я его соответственно почистил. Но затем на tablet версииpicture2.psd и desktop picture3.psd у последнего элемента высота стала больше чем у остальных трех. При margin-bottom 0; для последнего элемента ничего не меняется. Что это за лишняя высота у последнего блока, откуда она появилась и как ее убрать?
0 votes2 answers -
Не работающий слайдер
Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul clas…
0 votes2 answers -
проблема с размещением
У меня такая проблема, в разных браузерах, текст меню отоброжается поразному(в опере-выше..в фоксе-ниже)вчем проблема? PS я начинающий верстальщик. <html > <head> <title>Новый Документ</title> </head> <style type="text/css"> body{ background: #FFFFFF;} #head{ /*margin-top:-8;*/ margin: auto; padding:0px; width:800px; height:auto; background: #FFFFFF; } #head_1{width:112px; height:300px; float:left; margin-top:50px; margin-left:30px; text-align:center; background: #CCCCCC; } .head_2{width:800px; height:auto; float:left; background: #FFFFFF; …
0 votes1 answer -
Выделение ссылки
Приветсвую всех! Прошу вашей помощи, совета. Не могу найти способ как сделать выделение ссылок. К примеру нажали на контакты и ссылка контакты выделена. Вот пример сайта _http://thematicmedia.ru - в коде не могу разобраться Подобной темы на форуме не нашел, извеняюсь если была.
0 votes1 answer -
Помогите чайнику!
Здравствуйте! Я здесь новенькая, поэтому простите, если не в тот раздел добавляю свою тему.... Задачка такая.... Есть главная страничка сайта, где основа - это изображение дисконтных карт разных фирм.... так вот на каждой из этих карт должны располагаться 2 формы ввода - номер карты и PIN + submit ОК... таких карт + форм должно быть порядка 9 штук... где-то поля ввода будут активны, где-то нет. Также под каждой из карт должны будут располагаться ссылки на пресс-релиз данной фирмы\компании. Итак вопрос: как осуществить эту, простую с первого взгляда задумку...? Сделать в фотошопе фоновую картинку с изображением этих карт, а дальше мучаться с наложением форм в нужные мес…
0 votes2 answers -
Блоки в две колонки
Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.
0 votes1 answer -
вопрос по верстке горизонтального сайта
добрый день уважаемые форумчане есть такой сайт mediteczt точка ру / cleanrus имеется ряд вопросов 1. скачет меню в разных браузерах вместе с контентом - особенно видно в опере. помогите отредкатировать 2. сайт представляет собой горизонтальную прокрутку которая осуществляется через ряд JS библиотек(приложил исходник) . так почему непонятно в один из BOX ов(boxaМИ называю эти самые сектора горизонтальной странички) я не могу вставить например простейшие lightbox или другие JS модальных окон? теоретически вставить можно но тогда идет конфликт с другой JS библиотекой и горизонтальная плавная анимация просто пропадает. как быть? ccылка на пример http://files.mail.ru/SPA4OX з…
0 votes1 answer -
Вопрос По Обтеканию Картинки Текстом...
есть на странице з закладки при выборе каждой из закладок текст на странице изменяется без перезагрузки страницы. поверх текста слева фотка. внимание вопрос как сделать так, чтобы фотку обтекал текст не зависимо от выбора закладки. пока мои идеи 1 разместить фотку в каждую закладку 2 в каждой закладке сделать пустое оптекаемое место(див) по размеру фотки может както попроще можно?
0 votes1 answer -
Изменение стиля объекта с якорем при переходе на него.
Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?
0 votes4 answers -
Фоотер
Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно
0 votes3 answers -
Создание 3D эффекта.
Итак, потребовалась ваша помощь, Верстаю сейчас макет, мне необходим ваш совет. У меня есть два блока, причем один вложен в другой. Как мне создать КРОССБРАУЗЕРНЫЙ эффект "приподнятости" на дивом-ролителем? Вот код блоков: <div class="parent"> <div class="child"> lorem ipsum dolor sit amet </div> </div>
0 votes6 answers -
Прошу помощи с формой отправки
Коллеги, помогите, плиз, решить задачу с формой. Имею: <select name="pay_mode"> <option value="21">Банковский платёж</option> <option value="3">Почтовый перевод</option> <option value="4">WMR</option> <option value="2">RBK Money</option> </select></td></tr><tr><td height="20" colspan="2"> </td></tr> </table> <input type="hidden" name="count" value="1"><input name="tovar_id" value="2"> и так далее... КАК сделать так, чтобы при выборе, например "Почтовый перевод", информация отправлялась не с <input name="tovar_id" value="2">, а с <input name="tovar_id"…
0 votes7 answers -
текст не обтекает картинку
помогите пожалуйста решить проблему. в резиновом блоке есть картинка и текст, который должен обтекать её с левой стороны. текст почему то располагается под картинкой, хотя clear: left; установлен. вот адрес странички с кодом
0 votes2 answers