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
-
SCROLLBAR - прокрутка
Как в форме убрать горизонтальную прокрутку? Заранее благодарен!
0 votes9 answers -
Проблема с добавлением слайд-шоу nivo-slider на Wordpress
Сайт на wordpress и Вот какая проблема: Когда я добавляю код слайдов (используется nivo-slider), напрямую в файл content.php (рис 1) все отображается нормально. Однако файл content.php грузит определенный контент из базы данных, в зависимости от того к какой странице идет обращение. И здесь есть вот какой недостаток, сл-шоу отображается на всех страницах повсеместно, что на "главной", что "о нас". Казалось бы решением должно бы быть добавить код отвечающий за сл-шоу в ту ячейку базы данных, где хранится наполнение конкретной страницы, например "главная" (рис 2). Но не тут то было, в этом случае слайд-шоу работает не корректно ( не все слайды "собираются" правильно, глючат…
0 votes21 answers -
Инлайновый элемент переносится на другую строку без отступа
Добрый день, образовалась такая проблема. Есть заголовок с фоном (ссылка), у ссылки прописан padding:5px; и display:inline; Но про переносе строки заголовка padding на другой строке слева и справа на предыдущей строке не отображается. Наглядно: Подскажите пожалуйста, как справиться с проблемой.
0 votes18 answers -
checkbox внутри select
Добрый день. Подскажите решение, необходимо в выпадающий список возле каждой строчки установить флажок. Заранее спасибо!
0 votes2 answers -
Как убрать пробелы?
Нужно из куска текста убрать все пробелы.
0 votes12 answers -
маштабирование
Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!DOCTYPE html> <html lang="ru"> <head> <title>Ethereal - Начать играть</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="assets/images/favicon.png"> <link rel="stylesheet" href="assets/css/StartTheGame.css"> <link rel="stylesheet" href="assets/css/Fonts.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:…
0 votes0 answers -
Как убрать тень между элементами?
http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…
0 votes14 answers -
Да input'а поставить рядом
Нужна помощь, суть проблемы в следующем: есть див шириной 223 в нем помещаю два input: text и submit, размерами 196 и 27 px. Они должны быть вплотную друг с другом. Если к тексту ставлю position absolute а submit делаю float: right то прекрасно отображаются в браузерах(лиса, опера, ие8) но если убрать position absolute то в лисе нормально, в остальных кнопка съезжает в низ. Как это можно исправить? Хотелось бы отказаться от position:absolute по "религиозным соображениям".
0 votes9 answers -
IE7
Проблема в общем хреновая (, упустил момент теперь надо думать. В ИЕ7 появилась нижняя полоса прокрутки при разрешении 1024 (чего быть не должно.) В ИЕ6 это решалось с помощью #footer, #header { margin: 0 -1px; } Естественно во всех других браузерах все окей. Может у кого есть соображения ? Я понимаю что не телепаты, но может слыхали ? Пока что буду локализовывать проблему (((, встрял ( блин попробывал было быстро решить прописав и для ие7 то же самое не помогло ). Выявил проблемные участки : /*#main1 { position: relative; min-height: 100%; min-width: 999px; } */ /* #header { position: relative; background: url(../img/lentaBottomImage.png) no-repeat 974px …
0 votes16 answers -
Выравнивание ячеек таблицы по высоте
Здравствуйте. Столкнулся с проблемой - есть таблица, в которой имеются ячейки, разные по высоте из-за контента. Поэтому высота ячеек получается разной. А нужно прижать один элемент к низу ячейки.Будь они одинаковой высоты - воспользовался бы position: absolute . А так все скачет и получается некрасиво. Есть какие либо варианты выравнивания ячеек по самой высокой в ряду?
0 votes13 answers -
Картинки в выпадающем списке
Как сделать сабж? Вот наглядно:
0 votes2 answers -
проблема с фоном
постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.
0 votes18 answers -
3 колонки, шапка, подвал - контент вверху html (после шапки)
Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…
0 votes2 answers -
Растянуть div на высоту body, вычтя высоту header
Всем привет. Необходимо растянуть body на высоту страницы, а вложенному диву с контентом задать высоту: body минус высота header. Если я делаю так <html> <body> <header></header> <div id="#content"></div> <body></html>html, body, #content {height:100%;}то высота #content увеличиваеся на высоту header. Хотя, может быть, я вообще не в ту сторону смотрю. Исходный сайт — s1a.ru; нужно растянуть контейнер #gk-main на всю высоту страницы. Сейчас же на Главной и на страницах, где мало контента, внизу по бокам появляются белые полосы.
0 votes9 answers -
Трехколоночная верстка на DIV'ах
Всем привет! Помогите пожалуйста решить проблему с версткой: <!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=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {margin:0; padding:0;} h1 {font-size: 20px; font-weight:normal;} h2 {font-size: 18px; font-weight:normal;} h3 {font-size: 16px; font-weight:normal;} h4 {font-size: 14…
0 votes4 answers -
Тень таблицы
Здравствуйте как сделать тень у основной таблицы при табличной верстке? в интернете нашел идею, сделать картинку и вставить её) т.к Фотошопом владею вариант лучше некуда, но можно ли сделать так, чтобы эта тень повторялась по вертикали? ну сообственно на всю высоту блока? можно конечно сделать просто огромную картинку, но надеюсь есть вариант более...рациональный что-ли) или мб можно обойтись средствами CSS? видел тег border-shadow вроде бы...но Notepad++ даже не отображает это как тег... Вот примерно как здесь хочу эффект: http://www.zvirec.com/
0 votes2 answers -
Как сдвинуть форму?
Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…
0 votes1 answer -
Центирование слоя
Требуется установить слой по центру страницы с текстовым контентом. У слоя следующие данные: position:absolute; width:65%; height:831px; z-index:11; left: 174px; top: 222px; Как лучше всего это сделать?
0 votes13 answers -
Разъехались элементы страницы. Помогите, плиз...
Куда-то в сторону уезжает ссылка "Контакты", форма для поиска и строка, выводящая время на экран, падают вниз. Адрес, где можно посмотреть на это безобразие: http://StranaSovetov.biz/ Происходит это в Опере и в IE 8, возможно в IE 7 тоже - не удалось проверить. Нормально страница выглядит только в FF и IE 6. Подскажите, пожалуйста, как прописать стиль для этих элементов, чтобы во всех браузерах они отображались корректно? Заранее благодарна всем за помощь.
0 votes17 answers -
Форум на DIV'ах
Везде форумы сделаны табличной версткой, а никто не пробавал реализовать это на дивах! Мне кажется гораздо удобней, и по скорости загрузки, и по обслуживанию дизайна! :cool: Как вы на это смотрите? Какие проблемы могут вознинуть?
0 votes11 answers -
Блоки в IE прыгают на новую строку?
Здравствуйте! Подскажите кто-нибудь пожалуйста? Такой код отображается по разному. В IE блоки прыгают на новую строку, при уменьшении размера окна. Что можно сделать, чтобы они стояли неподвижно? .news{ height: 272px; width:190px; float:left; background-color:red; } .content_menu{ width: 660px; background-color:green; } .text_block{ float: none; background-color:#333; width: 750px; height: 500px;} <div class="news">dfgdgfsd adf ad fasdif aisudfo aiu</div> <div class="content_menu">dfgdgfsd <h1>При уменьшении окна этот блок съезжает вниз.</h1> uhaifu haiufh aiue fau ef</div> <div class="text_block">dfgdgfsd adf ad fasdif a…
0 votes6 answers -
Меню сайта
вот создал меню кнопки сделал в фотошопе.При наведении на кнопку она меняется Я правельно понимаю теперь нужно кнопки залить в папку IMEIGE и прописать код. <a class="shapka" href="http://www.express-mag.ru/index.php">'>http://www.express-mag.ru/index.php"> </a><a href="http://www.express-mag.ru/index.php" onMouseOut="MM_swapImgRestore()" onMouseOve"MM_swapImage('Image18','','Новая папка/knopka1.jpg',1)"><img src="Новая папка/knopka.jpg" name="Image18" width="199" height="40" border="0"></a> <td align="center" valign="middle"> <a class="shapka" href="http://www.express-mag.ru/index.php?show_price=yes">'>http://www.ex…
0 votes29 answers -
Версия страницы для слабовидящих
Подскажите, занимался ли кто-нибудь версиями для слабовидящих. Если да - буду признателен за ссылки на примеры своих работ или на источники где можно подчерпнуть информации на русском
0 votes10 answers -
Эффект лупы на сайте
Привет, можно ли сделать такой эффект для ссылки? Знаю для галереи можно с помощью jQuery прикрутить, а вот как на картинке можно, сделать для иконки - ссылки ?
0 votes7 answers -
Перенос текста при абсолютном позицировании
В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-