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
-
Brackets
Подскажите как это исправить в brackets? Внизу в результатах кваказябры http://radikal.ru/fp/c831a58501194286bd2bc89b38deff0b
0 votes8 answers -
Опустить колонки до футера, а футер до низа
Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …
0 votes5 answers -
Комментарии VKontakte и Facebook на сайт.
Здравствуйте! Так как не нашол решения по сети интернет и дядя гугл некак не помог... решил обратится сюда. У меня сайт создан для рекламы по своему городу... рекламы для кафешок, ресторанов, магазинов, учреждений и т.д. Сайт мне делали, когда я еще не брался за умы розвития по языку html, css и т.д вот только начал. Сам сайт на PHP, все обьекты (кафе, маг. и т.д) подключены с помощю MySQL Значит в чем проблема, хочу поставить себе на сайт комментарии VKontakte и Facebook, все вроде бы как разобрался, но... под каждым разным обектом на сайте, фейсбучные комментарии дублируются... тоисть все коммнтарии фейсбука под каждой разной темой.... одинаковые, в чем может быть причи…
0 votes7 answers -
Адаптивный дизайн. Расстояние между карточками
Добрый день всем! Имеется проблема. необходимо в адаптивном дизайне расположить карточки товаров выровненные по обе стороны. Есть решение этой проблемы, но как только появляется вторая строка, она ведет себя неадекватно, или выравнивается по левому краю, или рушится сетка вот тут пример http://css-live.ru/Primer/viravnivanie-items/pseudo-element.html Вопрос как выровнить карточки по ширине в адаптивном дизайне, сохраняя сетку? Всем заранее спасибо!
0 votes2 answers -
Позиционирование
Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…
0 votes15 answers -
таблицы
делаю таблицу. не могу убрать лишнее расстояние между строками. добавляется порядка 10px несмотря на margin : 0; padding : 0; в css как для строк, так и для ячеек
0 votes10 answers -
Валидатор ругается на тег - table.
Здравствуйте. Валидатор ругается на тег - <table>, подскажите как устранить эту ошибку ? https://validator.w3.org/check?uri=http%3A%2F%2Fxn--b1aaib2asvk.xn--p1ai%2Fkustom.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices , а также говорит про устаревшую запись - <p><a name="lst1"></a></p>, как её правильно переписать ? Адрес страницы - http://велосвет.рф/kustom.html . Спасибо !
0 votes24 answers -
модуль joomla
Добрый день. joomla3. Установил модуль выплывающего меню ARI YUI Menu. Настроил более менее. В firefox, opera все отлично.А вот в ie при наведение всплывающее меню уходит вверх. В template.css выставил vertical-align: inherit; меню стало отображаться правильно. Но главное меню съежилось. <a href=. /*———————————————-*//* Menus (Left/Right)/*———————————————-*/#leftmenu { width: 211px; margin: 0px; padding: 0px; padding-right: 30px; margin-top: 20px; margin-bottom: 30px; margin-right: 18px; float: left; line-height: 1.7em;}#rightmenu { width: 211px; margin: 0px; padding: 0px; padding-left: 36px; margin-top: 20px; margin-bottom: 30px; margin-left: 12px; float: right; li…
0 votes9 answers -
Мобильные браузеры, body, overflow:hidden
Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}
0 votes4 answers -
Всплывающая подсказка выходит за пределы экрана
Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.
0 votes2 answers -
Кнопка "распечатать" и е? работа
Как сделать ссылку или кнопку, при нажатии на которую распечатывалось изображение?
0 votes5 answers -
? распределение div'ов ?
????????????????? есть div -элемент определенной длины с 4 вложенными элементами расположенных в ширину одинакового размера суммарно меньше родительского как сделать чтобы они расположились равномерно (чтобы расстояние с права и лева были одинаковы)
0 votes5 answers -
дропдаун меню
меню при наведении на элемент перекрывает див котрый под ним, подскажите, как исправить? посмотреть можно тут arsenalprint.kz/archive/archive.html если уменьшить высоту блока mainmenu
0 votes8 answers -
Помогите с java
Как сделать так, чтобы оставаться на текущей странице при нажатии на кнопку перехода от формы, если java скрипт проверяя на валидность увидел ошибку?
0 votes5 answers -
Эффеккт в таблице
Как сделать, вот пример: http://www.honda.co.ru/index.shtml При на ведении на центр где инфрмация Автомобили - появляется фоновая картинка в таблице? Есть примеры?
0 votes13 answers -
Плывет картинка
Здравстуйте. Не получаеться никак выровнять картинку по левой стороне блока. вот ссылка http://fixoni.style-vip.com/ это расположено внизу , колонка "ЛУЧШАЯ ЦЕНА". Вставил слева картинку (лучшая цена) затем следом ячейка идет товары, затем сново маленькая картинка правая для закругливания углов. Все дело в левой картинке (лучшая цена), сделал на ней relative и top: -11px. Но из-за этого нижняя часть не сходиться.
0 votes6 answers -
Загрузка изображений на странице
Как сделать так чобы одна картинка загружалась раньше остальных, а то у меня заголовок сайта загружается чуть-ли не последним, чем картинки на сайте.
0 votes13 answers -
Полоса прокрутки
Не подскажите почему на страницах моего сайта где нету полосы прокрутки изображение выравнивается по центру без проблем с помощь align="center", а на с страницах с полосой вертикальной прокрутки это же изображение, с этим же align="center" смещаться от центра примерно на 10 px, в чем дело?
0 votes11 answers -
Центровка сайта: проблема в Opera
Делаю отцентрованный сайт (Ссылка, narod.ru, исходник на slil.ru), : Всё получается ок, центральная колонка и изображением остаётся ровно в центре, никаких проблем. Однако, к таблице приходится добавлять Чтобы не было зазоров/границ. После этого исключительно в Opera всё это дело слезает: Думал, конечно, жёстко задать ширину левого и правого <td> в процентах/пикселях, но тогда они потеряют свою "резиновость". Как решить проблему? Спасибо.
0 votes11 answers -
Title изменить в php
Добрый день! Подскажите пожалуйста, есть Landing, у него на главной странице нормальный php шаблон в котором простои понятно меняется title. А есть дополнительные страницы: "пользовательское соглашение", "форма регистрации" и "privatу policy". У этих страниц одинаковый title и выглядят они так: <? include('../includes/sql.class.inc');include('../includes/utilites.inc');include('../cnf.inc');include('../includes/pattern.inc');include('../includes/pages.inc');include('../includes/menu.inc'); $body = show_page('privacy'); $pattern = Array('pattern'=>'../patterns/login.html','menu'=>show_menu(),'title'=> 'Privacy Policy','body'=>$body); echo show_pattern($patt…
0 votes3 answers -
Как лучше сохранить веб-страницу на локальном диске?
Народ появилась такая задача, сохранить веб страницу на локалке. НО мне нужно сохранить это не в html формате а лучше как то либо pdf либо картинкой либо еще как, вот пока склоняюсь к pdf ибо если сайт вертикально высокий то не склеивать же каждый скриншот в фотошопе - муторная работа, то есть мне нужно сохранить страницу без возможности ее в дальнейшем редактировать (поэтому варианты типа сохранить в формате Word просьба не предлагать), например для сохранения туторов. Нужен какой то автоматизированный способ, как вы это делаете?
0 votes10 answers -
Замена бэкграунда контента
Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">
0 votes10 answers -
Как зафиксировать меню сверху экрана
Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.
0 votes4 answers -
2 Блока div Изменяют друг друга при наведении
Здравствуйте. Недавно начал изучать HTML и CSS. Хочу сделать рядом 2 блока div которые при наведении на любой из них увеличивались в ширине и изменяли ширину соседнего. А получается что при наведении на блок А он увеличивается и уменьшает ширину блока Б. А при наведении на блок Б он просто увеличивается и перекрывает блок А https://jsfiddle.net/ob4jyz0p/1/ Для наглядности: Курсор не в области этих блоков: |________А_50%________| |________Б_50%________| Курсор наведен на блок А: |____________А_80%____________| |____Б_20%____| Курсор наведен на блок Б: (Перекрывает Блок А) |____А_50%____|____________Б_80%____________|
0 votes4 answers -
Как увеличить поле form и сделать красивое обрамление ?
Создал контактную форму - не могу разобраться - как увеличить поля (через css или нет), тк они получились маленькими, особенно где должен быть текст сообщения php код вот: <form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform"> <strong>Имя</strong>*<br/> <input type="text" class="textbox" id="cp_name" name="cp_name" value="<?php echo $cp_name;?>" /><br/><br/> <strong>E-mail адрес</strong>*<br/> <input type="text" class="textbox" id="cp_email" name="cp_email" value="<?php echo $cp_email;?>" /><br/><br/> &l…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-