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
-
Списки форм + Ссылки (я наверное дурак?)
Хочу сделать так, чтобы список, который выпадает с формы, по клику на него, срабатывал, как ссылка. Если не правильно объяснился, я думаю из кода все станет понятно. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Группа</title> </head> <body> <p><b>Приключения электронников</b></p> <form> <select> <option>Выбрать альбом</option> <option><a href="http://#">Прекрасное далёко</a></option> <option>&…
0 votes3 answers -
Обрезать Изображение При Экране Меньше 800 Шириной
Скажите, как обрезать средствами ксс изображение при экране 800х600. Когда изображение меньше ширины 800 пикселей.
0 votes2 answers -
Bug с дивами в IE7
Второй день мучаюсь с проблемой , чего уже только не перепробовал: в ie7 див наезжает на див. В остальных браузерах все работает нормально: Сам проект находится тут. http://rabota.4ital.ru/ie7bug/ Помогите плз советом, как решить эту проблему
0 votes5 answers -
Как выровнять в ячейке таблицы?
Чё-то не могу понять: делаю форму таблицей, в одной ячейке у меня два объекта input и img (img к тому же является ссылкой, но это не существенно). Когда input один -- он нормально выравнивается по вертикали посередине ячейки, но при добавлении img всё разлетается... Пробовал двигать padding и top -- безрезультатно. Должно выглядеть вот так. Как же их выровнять?
0 votes3 answers -
Site INTRO (нужен совет)
Здравствуйте Всем. Есть конкретное задание - полностью продублировать Flash сайт используя обычную верстку, PHP, Java и сопутствующие языки. Оригинал (flash): http://simplyfitcanada.com/ Сверстанный дубликат (html, php, java...): http://simplyfitcanada.com/test Если вы пройдёте по ПЕРВОЙ ссылке, то уведите "site intro" на флеше. Там позирует парень на белом фоне. Только после этого загружается главная страница. Задача: Сделать такое же сайт-интро на новом сайте. Другими словами, сделать точно такое же вступление с позирующим парнем на новом сайте. Мне сказали, что это достаточно простая задача. Но я с таким раньше не сталкивался. ПРОШУ ВАШЕЙ ПОМОЩИ! Отвечу на любые вопрос…
0 votes7 answers -
Вертикальное выравнивание div в процентах от родителя. Нужна помощь.
Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height…
0 votes3 answers -
Как отобразить кнопку в Google Chrome?
Дело в том, что в мозиле отображается всё нормально а в гуле нет. Помогите решить проблему? Код кнопки: <div class="cont2" align="center"> <input id="wm-pay-button" class="pay-button" type="submit" value="Отправить" alt="Осуществить платеж с Webmoney!" name="wmsubmit"> </div> Css .pay-button { -moz-box-sizing: border-box; background: -moz-linear-gradient(center top , #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 100, 145, 0.5); color: #FFFFFF; display: inline; font-size: 15px; height: 30px; li…
0 votes7 answers -
Пустить блоки по 2 зигзагом ?
Как пустить блоки на css вот так по 2 штуки, в блоке всегда отображаются только 4 блока 2х2 3 и 4 блок должны перенестись на строку ниже, 5 и 4 должны подняться на уровень с 1 и 2 вот такой зигзаг получается, можете подсказать? Разметка вот такой будет <div class="slider"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>
0 votes9 answers -
javascript
http://codepen.io/anon/pen/LJmDx Kak propisat java script ili kakoe video posmmotret chtoby sdelat eto zadanie.
0 votes8 answers -
Недвижимость в виде фонового рисунка
Подскажите пожалуйста,у меня на фоновом рисунке пятна разного размера в которые я вписал текст(через создание таблицы),когда я уменьшаю экран фоновый рисунок естественно остается на месте а вот весь текст съезжает со своих мест и надписи оказываются где попало (а не на своих пятнах) Как сделать что бы при уменьшении размера окошка надписи оставались на своих местах и просто скрывались за надвигающейся границей экрана??? Я чайник,поэтому попрошу ответить по-доступнее и если можно со сцылками
0 votes6 answers -
Input type="file"
Есть форма загрузки файла. Можно ли заставить контрол выбора файла (Input type="file" ) не сбрасывать значение при submit? Если возникают ошибки в указании каких-то полей, то и имя файла приходится заново выбирать. Пользователи недовольны... Имя файла скрипт отдает уже без полного пути, так что запомнить его и подсунуть в форму снова нет возможности.
0 votes3 answers -
Горизонтальное выпадающее меню
Здравствуйте. Пожалуйста, отзовитесь, помогите. У меня гор.выпадающее меню на Js. При ширине экрана 1024 в IE последние две ячейки перескакивают вниз. Еще замечено, что в ячейках, после нажатия, исчезает текст и она полностью залита в один цвет. Очень хочу исправить, если нужно кардинально переделать меню, только помогите. Ниже привожу код и таблицу стилей. <table align="center" border="0" cellpadding="4" cellspacing="2" width="100%"> <tr> <td class="nonp"> <div class="horizontalcssmenu"> <ul id="cssmenu1 menu"> <li style="border-left: 1px solid #EE5C20;"><a href="index.html">Главная</a></li> <li><a href="clas…
0 votes2 answers -
div не обтекает картинку в IE 6
Сложилась такая проблема: Мы имеем картинку размером 340x105 px, и теперь нам надо всунуть её в div, да так чтобы он ее полностью обтекал. Для этого: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> main </title> <style type="text/css"> body { margin: 0; padding: 0; border: 0; } /* Данный блок тех же размеров что и изображение */ #header { width: 340px; height: 105px; background-color: red; } </style> </head> <body> <div id="header"> <img src="logotype.gif" width="340" height="105"> </div> </body> </html> Во всех остальных…
0 votes2 answers -
Помогите советом по CSS
Уважаемые! Ввиду необходимости приходится постигать азы CSS, установил на сайт менюшку. Возникает масса проблем. Помогите разобраться или дайте наводку где найти информацию. Несколько вопросов: через разные браузеры по-разному выводится менюха, а также как мне изменить размер шрифта? Сайт делаю через FrontPage, там вроде все нормально. Но как открываю в инете страницу, ж..па... Подскажите!!! Сайт лежит http://shower-doors.ru Премного благодарен!
0 votes5 answers -
Анимированую иконку в адресную страку
можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???
0 votes4 answers -
В Opera и IE не работают ссылки и кнопки
Сайт открывается во всех браузерах, но в IE и Opera вся страница становится не кликабельной. Не могу понять в чем дело, раньше все работало. Вот css @charset "windows-1251"; /* CSS Document */ .main_border {border:0px solid #000000;} p {font-family:Verdana; font-size:12px; margin:15px;} .left {border-right:0px solid #424242;padding:0px 0px 0px 15px;} a:link{ color: #C03;text-decoration: none;} a:active{ color: #C03;text-decoration: none;} a:visited{ color: #C03;text-decoration: none;} a:hover{ color: #C03; text-decoration: underline;} p.title { color: black; font-weight:bold; margin:5px; padding:5px; } .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto …
0 votes1 answer -
растянуть страницу вертикально
Имеем с нуля таблицу в 3 строки TR. Верхняя TR строка шапка. Нижняя строка TR копирайт и тп. В средней TR допустим всего несколько строк тескта. Нужно, чтобы средняя TR растягивалась на всё окно браузера, так чтобы нижняя TR оказывалась у нижнего края окна. Если в простом коде, то так примерно <HTML><HEAD></HEAD><BODY> <table> <tr><td> -1- </td></tr> <tr><td height="90%"> -2- </td></tr> <tr><td> -3- </td></tr> </table> </BODY></HTML> Перерыл яндекс и спецификации , но по названию этой темы в кавычках ничего нет. Интересу…
0 votes5 answers -
Проблемы совместимости + дизайн выпадающего списка
столкнулся с проблемой, что в IE10 по умолчанию отключена возможность использования JavaScript (работает только в режиме совместимости). Поэтому вынужден прописывать: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">а вот дальше уже случается проблема верстки выпадающего списка. Использовал вот этот рецепт В ИЕ10, FF и Chrome всё норм отображается а вот в ИЕ10 в режиме совместимости отображается так: Возможно ли это как-то перебороть?
0 votes3 answers -
Переход с табличной вёрстки на вёрстку слоями
Добрый день, друзья! Я даже не знаю как сформулировать свою проблему. Нужно код ниже сверстать слоями. <table width="950px"><tr><td><nobr>Очень длинный текст</nobr></td><td><nobr>Ещё один очень длинный текст</nobr></td><td width="100%">Резиновый блок</td></tr></table>Ни какие размеры блоков заранее неизвестны, кроме ширины макета. display: table не предлагать. Т.е. что я имею ввиду: есть блоки, которые должны быть размещены по горизонтали, при этом последний из них должен занять всё оставшееся место. Количество блоков неизвестно, но их явно не меньше двух.
0 votes8 answers -
Помогите разобраться с tabs
Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...
0 votes6 answers -
Не работает буква "б" в хроме при вводе тегов с фронта
Здравствуйте. Возникла интересная проблема. В хроме при вводе тегов на странице не вводится буква "б". Ведёт себя как enter. http://joxi.ru/L21jZw0Sk6dOAX Везде всё хорошо. Буду рада, если кто-то подскажет
0 votes3 answers -
Как сделать плитку из фото , не используя таблицы?
Здравствуйте. Есть шаблон на нем расположены фото как плитка выложена. Шаблон: http://template-preview.com/OS/300110857/ Но плитка там сделана на таблицах. А как можно сделать тоже самое но без таблиц и display:table и без bootstrap. Хотя бы идею подкиньте в виде примера. Спасибо.
0 votes1 answer -
Задать свой курсор в contenteditable
В Internet Explorer при наведении на элемент находящийся внутри contenteditable нельзя задать свой курсор. Вопрос: как задать свой? https://jsfiddle.net/3pdyhj8s/
0 votes2 answers -
Как лучше реализовать?
Я надеюсь тут можно задавать вопросы по php, т.к на php-ных форумах все до жути злые. В общем суть, есть модальное окно и в нем надо сделать кнопки при клике на которые информация об этом вносится в БД, суть проблемы в том что я нашел лишь способ который выводит фиксированное количество кнопок из БД. а требуется вывод разного количества кнопок, т.к у меня там страницы, допустим надо чтобы на 1 стр было 4 кнопки, а на второй 2, а у меня получилось сделать лишь чтобы на всех страницах было одинаковое кол-во кнопок. Я прошу от вас лишь совета того что гуглить, желательно именно методы реализации, функцию определенную и тп.
0 votes8 answers -
нули в mozille
Для всех размеров в мозиле обязательно проставление единиц измерения (px) Обязательно ли проставление px для нулевых значений? то есть работать будет но будет ли выдавать ошибку при проверке?
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-