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
-
Использование распорок
Нашел на сайте http://htmlbook.city.tomsk.net вот такую информацию: Использование распорок Распоркой называется прозрачный рисунок, как правило, размером 1 на 1 пиксел, предназначенный для контроля пустого пространства. Распорки вставляются в ячейки таблиц, чтобы они не меняли свой размер при изменении окна браузера или разрешения монитора. Не понял зачем нужны эти распорки и где они используются. Кто-нибудь может объяснить и привести пример их использования?
0 votes1 answer -
png в ie
вот что-то не получается вывести в ие <img src="png.png"/> возможно в <head>?</head> надо какой-то скрипт прописать? прописываю: <img src="img/png.png" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’img/png.png’, sizingMethod=’scale’)";/> и не фурычит
0 votes5 answers -
Opera игнорит черный цвет
Всем здрасте!!! Вот столкнулся с небольшим казусом. Делаю контейнер с "закругленными краями", причем часть уголка которая срезана - является прозрачной. Все сделал: нарисовал в шопе частично прозрачный гиф-макет углов, построил таблицу, в угловые ячейки впихнул созданные макеты углов. вот линк: http://codydemosite.h18.ru/test/ Но опера обрезает черную каемку на рисунках, в FF и IE все ок. Вопрос конечно "мутный", согласен. Мож есть какието идеи как это исправить?? буду оч признателен!!! Ой сори, в опире при увиличении пропадет каемка, а в FF все норм. Можно както сделать чтоб блок не реагировал на масштабирование или что то еше??
0 votes2 answers -
Списки в IE6
Здравствуйте. Хотелось бы так как в опере и других нормальных браузерах. Не хотелось бы как у большинства российских пользователей на ИЕ6 и слегка косячно на ИЕ7 <body> <div class="menu"> <ul id="b"> <li ><a href="#"><h6>О КОМПАНИИ</h6></a></li> <li ><a href="#"><h6>ПРОДУКЦИЯ</h6></a></li> <li ><a href="#"><h6>ГОТОВЫЕ ОБЪЕКТЫ</h6></a></li> <li ><a href="#"><h6>КОНТАКТЫ</h6></a></li> </ul> </div> </body> CSS на всякий полностью. *{ margin: 0; padding: 0;} html { height: 100%; …
0 votes7 answers -
shadow-box смещение
Здравствуйте. Сделал вёрстку, футер прижал к низу окна браузера. Всё нормально было. Но надо было у футера тенюшечку вверх сделать. Сделал так -webkit-box-shadow:0 -4px 4px #d4d9da; -moz-box-shadow:0 -4px 4px #d4d9da; box-shadow:0 -4px 4px #d4d9da; behavior: url(PIE.htc); В браузерах всё нормально, кроме Оперы где появляется вертикальная и горизонтальная полоса прокрутки и белые полосы под футером и справа. В "любимом" ИЕ6 футером вообще улетает вниз на свою высоту(до добавления тени всё нормально во всех браузерах). Искал в интернете но ответа не нашёл. подскажите пжлста как можно решить эту проблему.
0 votes6 answers -
::after в IE8
Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?
0 votes3 answers -
Как реализовать эффект рентгена?
Здравствуйте. В веб-программировании я еще нуб, и все-же недавно задался следующим вопросом: каким образом можно реализовать эффект рентгена, как это сделано на главной страничке сайта параллель.юа? Хотел бы попробовать сделать что-нибудь подобное. Возможно, в более упрощенном виде. Из более-менее подходящего, в интернете удалось отыскать лишь такое решение. В принципе оно работоспособно (хотя и с небольшими лагами), но должно же существовать и более изящное решение данной задачи. Из сопутствующих вопросов: мне пока до конца так и не ясно, каким образом можно сделать точно такой же круг, с помощью которого потом посетитель будет "сканировать" изображение. Как его позицион…
0 votes2 answers -
Как всегда проблема IE
Всем день добрый!, у меня такая проблема, разъехались все элементы, находящиеся в тэгах li(т.е. все показывает в столбик, а не в строку), применял display: inline-block - не помогает, помогает только float:left, но и то не слишком корректно все отображается, при этом, у меня двухуровневое меню на css, так там все пункты в развернутом виде отображаются, без background и свойст шрифта...? что делать? подскажите пложалуйста..? Ну, говорить, что во всех других браузерах всё отображается отлично, я думаю не стоит.!! Посмотреть как выглядит можно http://itmag.es/5iNxx и как оно выглядит в рабочем варианте http://itmag.es/5rheU CSS .hor li, li.hor {display: inline-block;} …
0 votes6 answers -
соприкосновение div при изменении разрешения
Проблема при разном разрешении экранов. Как должно быть в идеале (разрешение 1600): А вот что получается при разрешении 1280: Код такой: Центральный блок: margin: 0px auto; width: 1000px; Чат: position: absolute; right: 5px; Сначала я сделал, что для чата следующее: left: 1200px и при разрешениях 1280 и 1600 все было хорошо. Но когда пошел к начальнику и у него разрешении более 1600, там был уже косяк... Как сделать так, чтобы при разрешении 1280, не накладывался чат на центральный блок? Например, чтобы он уходил правее (скроллингом прокручивать вправо). Полный размер:
0 votes10 answers -
Разные стили для картинок с одинаковым классом
Добрый день! Буду признателен, если поможете с решением одной проблемы. Точнее, это даже не проблема, а попытка найти более оптимизированное решение. Есть CMS. Пользователь в текст страниц может вставлять картинки и выбирать для них разный стиль отображения\выравнивания, в частности, float: left и float: right. Стиль прописывается внутрь тега. Вопрос: Можно без применения jquery и др. отловить значение атрибута float в стиле и исходя из этого назначить разные стили? Или может от чего то другого можно оттолкнуться? Может как-то через псевдоклассы из CSS3. Так же немаловажен вопрос кроссбраузерности решения. Пример. Код у картинок внутри текста будет именно в таком виде. К…
0 votes4 answers -
Cufon только для меню
Всем джамбо. Может кто сталкивался, нужно куфоновский шрифт подключить только для пунктов меню, а для остального контента ничего не менять... Если что для всего сайта шрифт вставлял так Cufon.replace("body", {fontFamily : "TucsonOne"});
0 votes21 answers -
Запрет копирования текста
Всем привет, подскажите, каким образом здесь реализован запрет на копирование текста? http://www.tehno-online.ru/arenda-spectehniki/ekskavatori/
0 votes8 answers -
Можно ли сделать margin больше при большом разрешении ?
Проблема при разрешении 1024 блоки стоят по (им задан margin с левой стороны)центру но когда я увеличиваю масштаб то они становятся уже не по центру, можно ли сделать так чтобы когда увеличиваю разрешения margin с лева увеличивался ?
0 votes10 answers -
Фон flex-элемента
Здравствуйте! Проблема в том, что фон flex-элемента занимает по ширине окно браузера, а содержимое блока flex (при горизонтальной прокрутке вправо) остается без фона. Почему это происходит и как мне исправить? Мой пример: https://jsfiddle.net/edx5o927/
0 votes2 answers -
Проблема с таблицей
<table> <td> <div id="label"><img src="PICTURES/label.jpg" width="273" height="48"></div> <div id="menu"><img src="PICTURES/menu.jpg"></div> <div id="picture"><img src="PICTURES/picture.jpg"></div> <div id="menutext1"> <div id="1"><a href="../web/2.html">текст</a></div> <div id="2"><a href="../web/2.html">текст</a></div> <div id="3"><a href="../web/1.html">текст</a></div> <div id="gallery"><a href="../web/galery.html">текст</a></div> <div id="contacts"><a href="../web/contacts.html">т…
0 votes2 answers -
Текст в Opere и IE
В IE и Opere разное расстояние между строками текста. Можно ли это исправить? p {margin:0} [font="Monotype Corsiva"; color:#333399]Спреды ?Крестьянский? 72,5%, ?Старо-крестьянский? 70%, ГОСТ Р 52100-2003, 180гр., 12/30/50 шт./коробе. Хранение при t = -5 С? 90 сут., при t = +5 С? 20 сут. Спреды ?Легкий?, 60%, ?Шоколадный? 62%, ГОСТ Р 52100-2003, 180гр., фольга, 12/30/50 шт./коробе. Хранение при t = -5 С? 90сут., при t = +5 С? 40 сут.
0 votes1 answer -
Проблема с видеоплеером на странице
Собственно на странице лежит флешвидеоплеер. яваскриптом вызывается картинка. она перекрывает все кроме самого плеера, есть ли возможность исправить средствами html+css?
0 votes2 answers -
Позиционирование div css
Есть меню, у одного из пунктов есть выпадающее подменю. Осуществленно через <div> Код: <div style='padding-left: 10; visibility:hidden; position:absolute; top:305; left:65%;'><BR> При при наведении на пункт меню JS код делает этот div visible. Но появляется он в разных местах в зависимости от ширины экрана. ( left:65% ) как можно решить проблему?
0 votes1 answer -
Корявое отображение сайта на КПК
Доброго вечера, Кто сталкивался, подскажите пож., есть сайт ecostok.ru, на ПК браузерах отображается все ок, на КПК - просто жуть. Сейчас пытаюсь подогнать под оперу мобайл, но никак не могу понять, почему текст выводится колонкой, а не растягивается на всю доступную ширину экрана. И не важно в каких тэгах находится этот текст.
0 votes3 answers -
Вопрос по скрипту и Adsens
Всем привет, очередной вопрос из миллиона по верстке Вот страница http://www.rust-ravshanov.narod.ru и 2 вопроса 1. На странице реализовн скрипт увеличения изображения при клике, только проблема в том, что при этом самом клике изображение уплывает в центр страницы, а не экрана монитора и получается то, что бы увидеть развернутое изображение надо скролить страницу, ну я думаю сами все видите. Так вот как это можно исправивть. Файл скрипта нахывается image_zoom.js, лежит в той же папке что и индексная страница, файл style.css на всякий тоже в этой папке(но там касательно этого скрипта ничего нет) Кроме того, почему в 8 экспловере это скрипт вообще странно работает, может т…
0 votes1 answer -
О создании сайта
Здравствуйте. Около года назад писал свой первый сайт - интернет магазин. Немного научился php/mysql. Сделал форму обратной связи, авторизацию на сайте и т.д. Писал почти ручками - в Dreamweaver. Сейчас есть задача написать сайт - это не интернет магазин, попроще, которая даже будет оплачена. Но вот главный вопрос - имеет ли смысл опять мучиться и писать все ручками, когда руки тянутся сделать все в Joomla или wordpress? Благодарю за высказанное мнение.
0 votes2 answers -
Фон
У меня на сайте в CSS в теги body прописано background-image: url(images/bg.gif); но мне бы хотелось, чтобы там где контент остался белый фон, как это можно сделать ?
0 votes4 answers -
css
Где можно прочесть о вложенности тегов в оформлении css? Наверно вопрос немного не корректный, вот пример... ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul,
0 votes4 answers -
пОзиционирование в шаблоне.
Я занимаюсь версткой шаблона, но не совсем понимаю одну вещь. Я задал в ксс: div.header {margin-top:0%; height:20%} div.rightcolumn {margin-right:0%; margin-top:20%;width:20%} div.content {margin-top:20%; margin-right:20%;width:60%} div.leftcolumn{margin-left:0%;margin-top:20%; width:20%} Это в body вставил: <div class="header"> </div> <div class="leftcolumn"> </div> <div class="content"> </div> <div class="rightcolumn"> </div> Но почему то все блоки друг под другом выставляются. Подскажите в чем проблема?
0 votes7 answers -
работа с рекламой
добрый день. Помогите пожалуйста. хочу сдклать рекламу новинок как на этом сайте http://www.bonaromat.ru/ смотрю исходник, но не могу понять как это реализованно. в каком направлении смотреть? заранее спасибо.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-