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
-
выровнять блок меню с любым количеством пунктов
подскажите пожалуйста метод, с помощью которого можно выровнять по горизонтали меню с произвольным числом пунктов или посоветуйте сайты использующие хорошо работающий подход к решению проблемы. я сверстал страничку, на которой использовал метод равномерного распределения пунктов меню по горизонтали, найденный на этом форуме. для центрирования блока меню я задал отступы по 60px слева и справа. в случае сайта, работающего на движке с админкой заранее узнать количество пунктов невозможно. например если их будет в два раза больше, то меню будет выглядеть так. то есть слева есть оступ в 60px, а с права нет - несимметрично. задача типовая и, я думаю, должны существовать наработ…
0 votes3 answers -
Фиксированный Div в Блоке
Добрый день. Подскажите, как сделать так, чтобы фиксированный div block двигался только в div 1, при скролле не наезжая на другие блоки и не выходя за div 1. То есть у block стоит position:fixed и чтобы он двигался в div 1, не выходя за этот блок. Надеюсь понятно рассказал. Спасибо.
0 votes3 answers -
Непонятные мне линии
У меня при просмотре в любом браузере образуются непонятные линии Код такой: Подскажите, пожалуйста. Что это за полосы могут быть? Это из-за border-collaps?
0 votes3 answers -
Кривое отоброжение в IE
Не могу нормально вывести форму поиска на сайте, если смотреть оперой, мозилой, или хромом, все нормально, а в ie7 дизайн разъезжается. Помогите понять в чем ошибка. Вот адрес сайта _http://ural-as.com/ Сильно не пинайте так как новичок.
0 votes3 answers -
Firefox или я: кто сошел с ума?
Всеми привет Бьюсь всю ночь... Не могу понять. Есть код (черновой вариант). Суть: Firefox показывает лишний отступ в 1px. Вот черная полоска (бордер) над красным прямоугольником "Пурум"... Chrome, Opera ее перекрывают, а FF нет (IE тоже нет, но с ним хоть ясно, как бороться). Что может быть не так? Что я не учитываю? Спасибо. <BR><BR><BR><BR><BR><BR> <DIV style="background-color:#EFEFEF; border-top:1px solid #000000; border-bottom:1px solid #000000;"> <TABLE width="100%" cellspacing="0" cellpadding="0" style="position:relative;top:-28px;"> <TR> <TD valign="top"><DIV style="float:left; font:20px/24px Arial; …
0 votes3 answers -
Form:select,checkbox,input
Доброе Утро! Подскажите пожалуйста кто знает: Кроссбраузерные плагины для Form(select,checkbox,input)! Сделать это необходимо на следующую страницу: http://yamaradg.narod2.ru/history/Hosting_Company/1.html Верстаю под: Mazillu,Safari,Operu,Google Chrome,IE-7,8,9... P.S. В заранее благодарен за помощь...
0 votes3 answers -
Помогите с меню справится
Здравствуйте! проблема с меню при наводке на ссылку не работает :hover в chrome и safari работает в FF IE Opere. здесь можно посмотреть меню ghost1981.co.cc Помогите если не сложно... спасибо! <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th…
0 votes3 answers -
проблема со спрайтами
После подключения файла reset.css перестали работать спрайты в опере, хотя в мозиле отображается всё как положенно. Изменение значения background-position результатов не даёт.
0 votes3 answers -
Выровнять по центру
Как выровнять по центру содержимое тега div с помощью CSS. Если в HTML сделать вот так: <div align="center">, то всё будет по центру. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link href="http://www.___.ru/style-all.css" rel="stylesheet" media="all"> <title> </title> </head> <body> <div align="center"> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Middle"> …
0 votes3 answers -
Проблемы с футером и врапером
Не могу разобраться с футером. У меня есть там div class=wrapper. По идее в css у меня указана высота auto, но он не растягивается. Если подсветить этот div с помощью firebug то все это будет хорошо видно. Из-за этого footer остается где-то вверху а текс съезжает в ближащие свободное место. страничка правда без картинок но это не суть важно
0 votes3 answers -
Стили не отображаются в ИЕ
Что делать? что-то уж сильно ужасно даже в 8 выглядит http://site.druzhina.org/ судя по сайтам проверки отображения в разных браузерах вплоть до 8 выглядит ужасно, в 9 как и должно быть
0 votes3 answers -
Открытие pptx в браузере
Всем привет. Возможно ли сделать ссылку так, чтобы при нажатии на неё открывался документ pptx ? В новой вкладке, как pdf.
0 votes3 answers -
тег address
существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?
0 votes3 answers -
Отображение границ таблицы
Такая у меня проблема возникла. Мне нужно сверстать таблицу, но нужно отразить не все границы. Конкретнее, мне нужно спрятать все границы одной ячейки. Возможно ли это и если да, то как?
0 votes3 answers -
::after в IE8
Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?
0 votes3 answers -
Совместная верстка.
Доброе времени суток. Я бы хотел спросить, как сделать совместную верстку ? Типо, человек создаёт что-то типо блокнота, потом он даёт сылку другому человек он заходит и видит что пишет другой + может редактировать или же добавлять. Заранее огромное спасибо.
0 votes3 answers -
Рассылка СМС с сайта
Приветствую Вас веб-программисты, подскажите пожалуйста, как организовать массовую рассылку смс сообщений с сайта или с кокого-нибудь другого клиента, планируемое количество отправляемых смс более 20 тыс. штук...
0 votes3 answers -
Верстка бокового меню на джумла через ul li
Бьюсь с css, не выходит сделать пункты меню с фоновым изображением одинаковой фиксированной ширины - или все ломается или делает по ширине текста. Может кто сталкивался? Настраиваю через ul и li Сейчас такая каша уже: .hlink li { line-height:42px; width:180px; text-align:right; font-size:16px;} .hlink ul li a {width:180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image:url(../images/80.png); border:1px solid #999; padding:8px 25px; text-align:right; font-size:16px; text-shadow:#555; color:#000; text-decoration:none} .hlink li a:hover { background-image:url(../images/bluebtn.jpg); background-repeat:repeat-x; color:#FFF} hashimk…
0 votes3 answers -
Запись формы с checkbox в БД
Надо, чтобы отмеченные чекбоксы записывались в БД в одно поле "polecheckbox" (тип поля varchar(255)). Записывались в таком виде: option1, option2, option5 или a1, a2, a5 как правильно? Напишите, пожалуйста, правильный вариант формы с передачей отмененных значений в БД. И чтобы при выводе, если значение в БД записано (присутствует в поле polecheckbox), то оно было отмечено, если не записано, то не отмечено. <form method="POST"> <input type="checkbox" name="option1" value="a1">один<br> <input type="checkbox" name="option2" value="a2">два<br> <input type="checkbox" name="option3" value="a3">три<br> <input type="checkbox" name="op…
0 votes3 answers -
Фрейм
Добрый день. Как правильно называется этот прием, когда одна страница появляется поверх другой? Например, как в "в контакте", когда нажимаю на фото появляется страница с обсуждениями и увеличенной фоткой.
0 votes3 answers -
Непонятный отступ :(
Недавно начал изучать css, но вот наткнулся на каую-то непонятную проблему. Откуда-то берутся отступы между #header и #menu вот здесь:http://packo.ucoz.ru/second_verst/Index.html (на посленей опере и фаер-фоксе проверено) тут файловый вариант:http://packo.ucoz.ru/second_verst/second_verst.zip Подскажите откуда они, и как их убрать? правда помагает установка свойства padding >=1px, но может без него как-то обойтись можно?
0 votes3 answers -
Подскажите начинающему
<div style="width: 600px; height: 500px; "> <div style="position: absolute; bottom: 15px; right: 15px;"> <img src="i/string_line.png"></img> </div> </div> Почему картинка позиционируется относительно окна браузера, а не родительского div'а? Как сделать, чтобы было относительно родительского div'а?
0 votes3 answers -
картинка под ссылкой
Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?
0 votes3 answers -
НУЖНА ПОМОЩЬ!
РЕБЯТА ВЫРУЧАЙТЕ КАК СДЕЛАТЬ? модуль/компонент для InstantCMS. Функции модуля: 1. загрузка пользователями через личный кабинет на сайт аудио-файлов в формате mp3, создание краткого описания для файла (название, исполнитель, жанр и т.п.) 2. отображение в личном кабинете списка своих загруженных файлов с возможностью прослушивания их с помощью плеера прямо на сайте, удаление загруженных треков, редактирование атрибутов файла. Список дорожек доступен для просмотра другими пользователями 3. отображение на главной странице списка файлов, загруженных другими пользователями, с возможностью прослушивания прямо в списке (без перехода в отдельное окно) и в окне подробной информац…
0 votes3 answers -
Подборка гарнитуры
Здравствуйте, я начинающий верстальщик, вот решился на свой первый макет и столкнулся с проблемой подборки гарнитуры, например как определить что за шрифт и размер?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-