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
-
Неправильное отображение ширины таблицы
Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта netvirusu.net В Google Chrome отображается таблица правильно: http://s018.radikal.ru/i526/1306/2d/2598ddd51c1d.png А в Oper'e, Mozill'e, IE последних версиях таблица растягивается: http://s017.radikal.ru/i421/1306/b8/13e04425a4b9.png Основную ширину таблицы в стиле задал - width: 800px; Google Chrome воспринимает правильно, а остальные браузеры нет(
0 votes3 answers -
Масштабирование картинок и разные разрешения экранов
Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена к…
0 votes6 answers -
Фон
Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?
0 votes12 answers -
Firefox медиа запрос
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…
0 votes2 answers -
FLEX выравнивание. Возможно ли это???
Есть контейнер в котором много других контейнеров. Как сделать заполнение друг за другом с переносом в случае если контейнеру не хватает места. (пример на пикче) У меня получается либо контейнер занимает все свободное место по горизонтали, либо по вертикали. Но ни как не друг за другом " одной колонкой"
0 votes2 answers -
Пункты меню картинками, глюк в IE6
Есть меню, шрифт не стандартный поэтому режу картинками. По :hover пункт меняет цвет. Делал так: <ul class="menu-list"> <li class="menu-1"><a href="#"></a></li> <li class="menu-2"><a href="#"></a></li> <li class="menu-3"><a href="#"></a></li> <li class="menu-4"><a href="#"></a></li> </ul> А для .menu-list .menu-1 a задаю размеры и картинку фоном. Картинки такого вида(голубым красится при наведении): а баг собственно вот в чём. Так меню отображается везде: А так в IE6: hasLayout есть, так как размеры заданы. position:relative не помогает. Есть идеи как это л…
0 votes5 answers -
Проблема верстки. FireFox
Есть страничка http://systems.ax3.net ...На таких браузерах как opera и IE отображается нормально...На Firefox получается смещение..вот ссылка на скрин http://systems.ax3.net/123.png ....На смещение из-за рекламы думаю не стоит обращать внимание...посмотрите пожалуйста исходный код через ваш браузер и подскажите где ошибка. Спасибо. Заранее благодарен..
0 votes7 answers -
0 votes3 answers
-
Градиент и Img
Есть два вопроса 1. Как зделать градиент в блоке ? Как нужно - http://img100.imageshack.us/img100/1907/43514349.png 2. Как зделать чтоб в некотрих браузерах картинку в теге Img нельзя было виделить так как background???
0 votes11 answers -
высота <iframe> 100% не работает в mozilla
Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле карта не растягивается и в самом начале отображается п»ї что это за не понятные символы и не понял в коде их точно нет! как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; backg…
0 votes0 answers -
Проблема с версткой меню
Доброго дня всем! Нужно сверстать меню со следующей структурой: В общем, трехуровневое меню. Во вложении для наглядности картинки. Вопрос: реально ли сверстать такое меню под Джумлу и если да - то как ? Сложность в том, что высота блока меню фиксированная, и заказчик требует именно такое меню! То есть первый
0 votes15 answers -
А возможно ли?
Всем привет! Вот мой сайт http://vs-aqua.ru/ а реально ли его перенести на CMS? Просто он мне очень нравится и не хотелось бы его менять. И если да то подскажите пожалуйста дорогие форумчане как это сделать? Заранее спасибо.
0 votes3 answers -
Резиновая ширина блока
Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО …
0 votes12 answers -
Ссылки и почее
Доброго времени суток,у меня возникла такая проблема,не знаю как сделать ссылку.Я сделал горизонтальное меню и мне нужно сделать переходы,я так понимаю как то с помощью <a href а дальше не знаю что писать что писать
0 votes16 answers -
Расстягиваем внешний div самым внутренним по высоте
Есть вложенные блоки <div id="d1"> <div id="d2"> <div id="d3"> ....... </div> </div> </div> Нужно чтобы все блоки имели высоту 100% и самый внутренний div (он может быть и 4-м... вложением) растягивал все внешние в зависимости от контента если контент больше 100%. Желательно без js.
0 votes8 answers -
Позиционирование дивов
Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…
0 votes1 answer -
Элемент с height: 100% и шестой осел.
Здравствуйте. Имеем код: <!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=windows-1251"> <TITLE>Что-то</TITLE> <style type="text/css"> html,body { height:100%; width:100%; margin:0px; padding:0px; } table { height:100%; margin:0px; padding:0px; border-collapse: collapse; border-spacing: 0px; } tr { margin:0px; padding:0px; } </style> </HEAD> <BODY> <table width="100%" cellpadding="0" cellspacing="0"> <tr style="height: 100%;"> <td style="height: 100%;"&g…
0 votes2 answers -
Боксовая Модель
итак есть проблема произвести расчет Заданы параметры Ширина 200 Педдинг 10 марджин 20 Бордер 5 Задача: Узнать место отведенное под контент в IE6 и в FF На 100% знаю что педдинг считался бы так (в ИЕ от ширины убирается с двух сторон по 10 пикселей соответственно под контент осталось 180 а в FF наоборот область под контент остается 200 а педингом бы блок увеличился до 220 ) я немного потестил получилось что ИЕ и бордер убирает и под контент остаеться уже 200 - пединг(20) - бордер (10) = 170 Верно ? Обьясните подробно как считать а то верный результат у меня не как не выходит ...
0 votes2 answers -
Отступы в тыблице с текстовыми ссылками в FF3?
В Firefox'e 3 появляются какие-то отступы в таблицах с текстовыми ссылками. Глюк? В стилях margin, padding не помогают. СКРИН:
0 votes4 answers -
Background-position:center center; проблема с большим фоном
Добрый день. Помогите пожалуйста. Задача - у меня есть фон 1700 на 1200 и его нужно отобразить на странице так, чтобы центр фона всегда был в центре экрана. Я прописываю Background-position:center center; background-image: url('img/bg.png'); background-repeat: no-repeat; И вместо ожидаемого эффекта наблюдаю, что центральная горизонтальная осевая линия фона является пристугнутой к самому верху страницы (при этом верхняя половина фона обрезана). Что я делаю не так и как правильно сделать? Разрешения нужны любые, браузер тоже в принципе любой, наблюдается в firefox 3.5.5 проблема. Картинка с ошибкой http://s45.radikal.ru/i109/0912/a0/a05917aaea0c.jpg 300 килобайт Там вверх…
0 votes7 answers -
Определить какая функция вызывается в js
Здравствуйте, в консоли разработчика google chrome при нажатии на кнопку можно ли определить какая функция вызывается в js файле ? Непонятно в каком файле вызывается функция
0 votes6 answers -
Вопрос про таблицу
как сделать чтобы таблица при масштабировании браузера не каталась и не масштабировалась? Например у меня таблица из двух столбиков. Начинаю горизонтально, с права на лево, сжимать браузер- левый столбик сжимается. С лева на право - правый. А когда по вертикали масштабируешь появляется полоса прокрутки... что бы такого сделать? <table cellspacing=0> <tr> <td height="250" width="210" bgcolor="ffccff"> </td> <td width="590" bgcolor="ccff99"> </td> </tr> <tr> <td height="350" bgcolor="ccff99"> </td> <td height="350" bgcolor="ccff66"> </td> </tr> </table> код обычной таблицы, просто для приме…
0 votes1 answer -
Не отображаеться текс в IE
Кто нибудь сталкивался с такой проблемой: есть текст либо линки при загрузке окнах в ие их не видно но если курсором! навести на место где она должна быть то она появляется! Если курсор убрать то может исчезнутьа может и нет вчем может быть проблема? верстка или скрипты?
0 votes7 answers -
Использование 3d лент.
Подскажите, кто-нибудь использовал объёмные ленты. Primer: http://my-html.ru/example/3D_css/index.html Поделитесь опытом, все никак не могу реализовать в деле.
0 votes7 answers -
Закругление меню
http://inmyhood213.narod.ru/newfolder/corners.html Не пойму почему не закругляются углы.. Может чего не замечаю??
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-