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
-
position:relative - задница в ИЕ6
На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Проверка</title> <style> #menu { float:left; display:inline; width:180px; height:200px; margin:0px 10px 0px 10px; background-color:#6666FF; } #obr { float:left; display:inline; margin:0px 20px 0px …
0 votes4 answers -
SASS. Миксин медиазапросов, избыточный код
Решил освоить SASS, очень мне нравится его идея, большое коммьюнити, все нравится, но столкнулся с проблемой, собственно ниже и опишу. Хочу сделать миксин медиазапросов есть 4 переменные, в них описаны размеры экрана, и создан несложный миксин. $screen_xs: 320px;$screen_s: 768px;$screen_m: 1024px;$screen_l: 1200px;$screen_xl: 1376px;@mixin mediaquery($media) { @if $media == screen_s { @media only screen and (max-width: $screen_s + 1) { @content; } } @else if $media == screen_m { @media only screen and (min-width: $screen_m + 1){ @content; } } @else if $media == screen_l { @media only screen and (min-width: $screen_l + 1) { @content; } } @else if $media == screen_xl …
0 votes1 answer -
фигня с таблицами
есть код: <table cellspacing=0 cellpadding=0 width="100%" height="100%"> <tr> <td style="background-image: url('/img/title.png'); width: 526px" align=center> </td> <td style="background-image: url('/img/title-border.png')"> </td> </tr> </table> т.е. по идее он должен поделить вс? сво? пространство на две части: первая - 526 пикселей, а вторая вс? остальное доступное пространство. В опере 9.2 работает, а в Netscape(как движок IE, так и Firefox) вс? доступное пространство занимается первой ячейкой. Как сделать правильно, чтоб первая часть 526 пикселей, а вторая вс? остально доступное пространство?
0 votes1 answer -
Проблемы с таблицами в IE
Сейчас я редактирую скин для форума, и сделал по обеим сторонам колонки в виде картинок формата png Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" /> <link rel="shortcut icon" href="favicon.ico" /> <title><% TITLE %></title> <% GENERATOR %> <% CSS %> <% JAVASCRIPT %> </head> <body> <table width="1078" align="center" cellpadding="0" cellspacing="0">…
0 votes2 answers -
Проблемы с валидатором
Подскажите пожалуйста! Валидатор ругается: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag. Сайт - klin-zdrav.ru ещ? буду очень благодарен, если подскажите, как сделать, чтобы сайт не скакал в Mozille при переходах! Спасибо заранее!
0 votes4 answers -
Защита сайта
Привет. Пожалуйста оцените / дополните некоторые пункты для защиты сайта: Защита папок в которые грузятся аватарки, фотки и проч - .htaccess кидается в закрываемую папку # ЗАПРЕТ ЛИСТИНГА ВСЕХ ПАПОК И ПОД-ПАПОК Options -Indexes # ЗАПРЕТ ДОСТУПА К ФАЙЛАМ Order Deny, Allow Deny from all # ЗАПРЕТ НА ЗАПУСК ФАЙЛА RemoveHandler .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml AddType application/x-httpd-php-source .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml Защита файла который отвечает за вход в админку CMS 1. входим на страницу admin/admin.p…
0 votes6 answers -
форматирование "по ширине"
Еще раз всем Привет! Есть интересный вопрос для УмНиКоВ: все мы знаем, что при форматировании текста "по ширине" появляются дыры между словами, а хочется, что бы было красиво! Есть ли такой инструмент, который можно было бы вставить в текст, но он при этом работал только тогда, когда нужен перенос. Т.е. в слове например какая-нибуть штуковина типа: мозго<abr>путало, и её при этом в браузере не видно, а она работает и при очень узком расстоянии рвет слово на 2 части. Было ьы классно, что бы оное еще и дефис ставило !!! Опять Спасибо!!!
0 votes7 answers -
позиционирование по центру экрана.
всем добрый день. проблема в следующем: есть div с шириной 1450px, таких размеров требует его содержимое. <body> <div class="wraper"> его нужно спозиционировать по центру экрана причем скрол должен появляться только если ширина меньше 1000px. а до этого момента содержимое блока должно прятаться часть с левой стороны экрана и часть с правой стороны экрана. подскажите плиз как это сделать.
0 votes5 answers -
Как лучше реализовать?
Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.
0 votes21 answers -
резина
Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?
0 votes5 answers -
Загрузка анимированного .gif из кеша браузера
Доброго времени суток всем! Вопрос: Есть ли способ загружать анимированные .gif изображения из кеша браузера не теряя анимацию? Подробнее. Думаю известная проблема - если мы делаем при каких-то событиях мыши загрузку анимированных изображений, то анимацию мы будем видеть ровно до тех пор, пока изображение не закешируется браузером, обычно этих разов будет 1, если не предпринять доп. усилий. После кеширования мы будем видеть уже не анимированное изображение, а его последний кадр. Стандартное js-решение этой проблемы - добавление случайного числа к урлу загружаемой картинки, это приводит к загрузке изображения снова с сервера. В моем случае это решение содержит изъян: карти…
0 votes18 answers -
Задание стиля для ячеек всего столбца в таблице
Как задать стиль (выравнивание, например) для всего столбца в таблице? Естественно без вариантов "в лоб" (задание класса для каждой ячейки).
0 votes3 answers -
Проблема с беком в блоке.
Приветствую вас. Ребята, к вам стучусь уже в самом последнем случае. Уже все перепробовал, или с мозгом что-то или черт его знает. В общем, проблема следующая. Есть блок "#head", к нему есть стиль: #head { background: url('k/horizontal.jpg') left repeat-x; width: 100%; height: 134px; margin: -5px 0 0 0; } Стиль этот вместе с множеством других вынесен в отдельный файл. До этого момента пока все нормально. А теперь красота! background: url('k/horizontal.jpg') left repeat-x; - не работает! Все остальное работает (не только для #head, но и для других блоков), а именно это правило - нет! Все перепроверил сотни раз, и пути к изображению и все остальное - все равно лажа. А т…
0 votes17 answers -
Можно ли добавлять новые пункты меню на все страницы сайта одновременно
Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.
0 votes12 answers -
[jQuery] выпадающее меню ajax
Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(da…
0 votes1 answer -
Как сделать исполнение кода CSS в зависимости от его поддержки броузером?
У меня двух колоночное меню: .menu > li { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #fff; /*белая линия в конце блока. вместе с серой линией тэга <a> образует бело-серую линию*/ }.menu a { text-decoration: none; display: block; text-align: center; font-size: 14px; border-right: 1px solid #dedede; /*вместе с белой линией тега <li> образует бело-серую линию*/ }.menu > li:nth-child(2n), .menu > li:nth-child(2n) a { border-right: none; /*убираем у правых пунктов меню линии разграничения - они там не нужны, там граница самого меню*/ }Поскольку бордюр тега <а> должен влезть в <…
0 votes21 answers -
Как растянуть SVG всю ширину блока?
<div class="logo"> <a href="/" class="logo-link"> <img src="/logo.svg" class="logo-svg"> </a> </div> .logo { width: 250px; height:100%; } Как сделать, чтобы лого было шириной 250 и высотой 100%? т.е. во весь блок. Если выбрать GIF лого - оно само растягивается. SVG же автоматом уменьшается визуально. как я понял, надо что-то в самом свг поправить: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1407.9 938.4" style="enable-background:new 0 0 1407.9 938.4;" xml:space="preserve"> Пробовал менять preserve на defa…
0 votes2 answers -
IE padding в input не учитываеться
Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?
0 votes3 answers -
Как сделать чтобы сайт воспринимал теги как обычны текст
Здравствуйте! Подскажите пожалуйста, как можно сделать так, чтобы в определенном блоке сайт воспринимал теги как обычный текст и показывал их мне? Например: Я пишу материал на сайт, и мне нужно рассказать о каком-то теге, например <a></a>. Я пишу его в документ, естестно в готовом материале он не показывается. Как сделать так, чтобы все теги в определенном контейнере воспринимались как обычный текст?
0 votes3 answers -
Кривое отображение сайта в сафари
Есть такая проблема.. Верстаю сайт, адаптирую, все отображается ровно во всех браузерах, кроме сафари на маке и Ipad. Не пойму в чем проблема. http://yana23fv.bget.ru/ - вот сайт Вот так выглядит в сафари - так в хроме Сафари - хром Может кто знает в чем дело? Спасибо
0 votes1 answer -
форма отправляет пустые поля
Здравствуйте Дорогие форумчане! Может найдется у кого время и желание помочь, буду очень благодарна!Форма отправляет пустые поля ввода вместо заполненных не пойму в чем дело.Вот код формы пишу весь, но основное выделяю <form class="form" action="mail.php" method="POST""> <input type="hidden" name="hidden_page_id" id="hiddenPageId" value="294508"> <input type="hidden" name="hidden_main_form" id="hiddenMainForm" value="1"> <div class="contact_form"> <div class="form-group field-namephonecontactform-name required"> <input type="text" class="form-control" name="name" placeholder="Имя" aria-required="true"> <div …
0 votes2 answers -
Вопрос о размерах шрифта
Ребят,у меня следующая проблема: Все мои свёрстанные сайты при изменении размера шрифта на больший(чем больше шрифт,тем хуже),сразуже распадаются кто куда,один блок там,другой там..так вот вопросы: 1) Существует ли какие нибудь способы или правила,по которым нужно задавать шрифт на сайте.чтобы при его увеличении вёрстка не портилась? 2) И где можно об этом почитать?
0 votes10 answers -
Раскрывающийся список
Добрый день! Скачал пример у Влада с сайта пример с раскрываюшимся меню и использовал его для скрытия-отображения контента. На локальном компьютере все работает гуд, а вот на сайте не хочет ни в какую! Вот ссылка на страницу: http://www.compasstour.ru/content/section/49/450/ Подскажите в чем проблема?
0 votes9 answers -
Помогите с expression(document.getElementsBy
Привет всем. Вот вожусь с проблемкой - необходимо сделать отступ дива относительно контейнера/другого дива. В CSS пишу left: expression(document.getElementsById( 'container' ) + 300px'); но что-то пока не работает. подскажите как сделать. Спасибо.
0 votes3 answers -
Лишнее пространство в таблицах
Не получается убрать пустое пространство в ячейках таблиц. Уже границы объединил, отступы убрал, всё равно пространство остаётся, причём в каждой таблице разное, видимо зависит от количества контента. Пустое пространство находится именно внутри ячеек. Как его убрать?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-