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
29,542 questions in this forum
-
Убрать лишний код в css
Задача: как убрать не использованные стили в css? может кто подскажет какой ни будь сервис?
0 votes6 answers -
Скачут элементы формы под разными браузерами
Доброго времени суток. Создал форму, содержащую три элемента: input text, select и input submit. Под IE 6 все выглядит как надо, т.е. все элементы выровнены по верхней границе. Но в FireFox 2 и Opera 9 эти элементы скачут. Буду признателен, если подскажите, в чем может быть причина. Пример формы: http://rdk.at.nsu.ru/test.htm
0 votes3 answers -
Ширина блока в IE
У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!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> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Cen…
0 votes4 answers -
Корректное отображение position в Опере
Друзья, возникла проблема, которую очень хочу решить. Есть код страницы <html> <head> ... </head> <body> <table> ... </table> <div> <div class="section"> <div class="r-star-shape"> <div class="cn tl"></div> <div class="content" id="left"> </div> <div class="cn bl"></div> </div> </div> <div style="position: absolute;">© 2008—2009 Все права защищены</div> </body> </html> Проблема с самым последним дивом. В IE и в Мозиле он располагается под предыдушим дивом, а вот в Опере его заносит вверх, он становится после <table>. Нагляд…
0 votes8 answers -
Элементы ins и del
Читал сейчас DTD HTML 4.01, и обратил внимание, что элементы ins и del не входят ни в список строчных (%inline;) ни в список блочных (%block;). Собственно, вопрос - как это возможно и какими тогда эти элементы должны считаться при анализе структуры документа? Мне раньше казалось, что каждый элемент должен быть строго определен на уровне контекста как строчный или блочный...
0 votes4 answers -
форма и 2 кнопки
как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?
0 votes6 answers -
«Резина» и таблицы
Много гуглил - инфы практичеки по этой теме нет... Такая проблема: сделано горизонтальное меню (панель навигации) через таблицу. Вроде всё нормально... Но обнаруживается паскудная особенность - при растягивании окна браузера, таблица соответственно тоже тянется. Но тянется она «пропорционально» - т.е. контент ячеек (текстовые ссылки навигации) неизменен и наращивание размера происходит за счёт... Не знаю даже чего... Паддингов ячеек, наверное же? Так вот эти паддинги высчитываются пропорционально длине ячейки (читай - содержимого ячейки). Смотрится несколько убого. Длинная строка (например, «Главное меню») имеет огромные отступы!.. А «FAQ», допустим, ужат до нельзя. Можно…
0 votes12 answers -
Адаптивный дизайн
Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…
0 votes4 answers -
IFRAME и border
Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…
0 votes1 answer -
Что такое SPAN?
До сих пор не могу понять ЧТО делает этот тэг? Для чего он нужен?
0 votes3 answers -
Как выровнять все по центру?
Как выровнять все элементы внутри контейнера по центру не используя тег <center>, при text-align: center; выравнивается только текст, а нужно чтобы все элементы тоже...
0 votes2 answers -
Помогите пройти валидацию
У меня есть форум, есть блог. И то и то работает, но вот приспичило мне проверить валидность кода. Использую для этого HTML Validator для Firefox. Сейчас исправляю форум. Некоторые ошибки сам исправил. Но еще много осталось. Около 100. Может что-то и осталось, что я сам смогу исправить, но в таком количестве тяжело ориентироваться. Начал "читать" с начала. И первая ошибка на строчку... "<!DOCTYPE html>" Не пойму что с ней не так. Делал как в статье автора Марк Пилгрим. Спецы, может поможете чуток. Адрес форума from-kpi.com.ua
0 votes10 answers -
редирект в .htaccess
Добрый день уважаемые разработчики. Есть вопрос по поводу редиректа. Прочитал кучу материала но до меня что то не доходит как реализовать такой редирект? *sait.com.ua/s-etogo/* -> *sait.com.ua/na-etot/* Спасибо!
0 votes4 answers -
О css фреймворках
Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…
0 votes7 answers -
Границы inline-block
http://jsfiddle.net/Launder/d70c2kg1/4/ <ul class="menu"> <li><a href="#">Разные вкусности</a> <ul> <li><a href="#">Суп с клёцками</a></li> <li><a href="#">Пироги с капустой и яйцом</a></li> <li><a href="#">Торт Медовый</a></li> </ul> </li> <li><a href="#">Узбекская кухня</a> <ul> <li><a href="#">Плов по-бухарски с изюмом</a></li> <li><a href="#">Плов с бараниной и нутом</a></li> <li><a href="#">Халва из ядрышек урюка</a></…
0 votes7 answers -
как сделать токую обводку
как сделать такую обводку как наскрине помогите
0 votes7 answers -
Bootstrap 3 проблема в мобильном меню
Всем привет! Подскажите пожалуйста, как решить данную проблему? На телефоне раскрыты сразу все пункты подменю внутри самого меню, мне же необходимо, чтобы при открыии меню, пункты навигации у подменю были скрыты, и раскрывались лишь при клике. Как можно решить данную проблему не дублируя код и создания отдельной навигации для телефонной версии?Код вёрстки <!-- MainNav --> <nav class="navbar-collapse collapse" id="mainnav"> <ul class="nav navbar-nav"> <li class="dropdown active"><a href="./">Home</a> <ul class="dropdown-menu"> …
0 votes4 answers -
Изображение в строку на всю ширину экрана.
Доброго всем дня! Подскажите, пожалуйста, начинающему верстальщику. Как сделать подобное в строку и что бы крайние изображение растягивались на всю ширину экрана, в зависимости от того, какое разрешение у пользователя. К слову, может есть способы не картинками, а блоками сделать подобное? Скриншот прилагаю.
0 votes2 answers -
Работа с радиокнопками. Вопрос.
Как сделать так, что бы несколько групп радиокнопок были независимы друг от друг при переключении. Пример: Есть форма, в ней несколько таблиц, скажем 4-ре, нужно что бы в каждой из этих таблиц не зависимо от других можно было выбирать только одну кнопку? А все эти таблицы с радиокнопками находятся в контейнере form.
0 votes2 answers -
подскажите по работе с svn
подскажите по работе с svn чем отличаеться checkout от export ?
0 votes3 answers -
Может ли сайт не идти исключительно на IE6
Сайт www.elevel.ru Жалобы на IE6029005512 - грубо говоря он просто повисает. Скажите тут дело в верстке... ну или в битриксе или еще в чем-то может быть?
0 votes4 answers -
как создать рекламное окно с помощью css без джаваскрипт
как создать рекламное окно с помощью css без джаваскрипт.надо чтобы окно еще и закрывалось при клике на какую-то его область или окно нельзя закрыть с помощью html+css ?Тогда наверно придется делать копию страницы,но уже с рекламой,а нажимая на рекламу перейдет на главную страницу?
0 votes8 answers -
Помогите правильно выставить позицию в html (joomla)
Уважаемые форумчане. Помогите с проблемкой. Реализовал на сайте с Joomla модуль JUNewsUltra Pro (для вывода блока с случайными статьями). Также на главной странице реализован модуль последние новости. Проблема в том, что не могу правильно подобрать позицию с правильными параметрами для JUNewsUltra Pro. Вот код html шаблона: <?php /** * @package Joomla.Site * @subpackage Templates.beez5 * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ // No direct access. defined('_JEXEC') or die; JHtml::_('behavior.framework', true); // get params $color = $this->para…
0 votes1 answer -
Найти сайт по коду
Здравствуйте Коллеги! Работаю над сайтом-визиткой. Требованием заказчика является отсутствие каких либо данных о разработчике сайта, кроме того заказчик не сообщает ни имя сайта, ни доменное имя. По условиям ТЗ необходима лишь настроенная CMS (свёрстанный шаблон, настроенное меню, слаидбоксы и т.п.) без контента. Вопрос: Что можно вписать в код для того чтобы потом можно было легко найти "свою работу"?
0 votes2 answers -
Вставка кнопки поверх изображения.
Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-