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
-
Equal Height Colums & IE9
Привет, тестировал тут некоторые оптимизации разных методов вёрстки колонок одинаковой высоты, и наткнулся на одну странную особенность IE 9 в случае использования одного старого метода, который так и называется Equal Height Colums. Суть этой странности продемонстрирована на скринах ниже: рис 1. - рендер браузеров с правильным отображением (куда входит ie6-ie8, Opera > 9.2x, Safari > 3.x, FF > 3.6x и т.д) рис 2. - отображение в IE9, на рисунке видно, что border-bottom элемента blockquote на один пиксель выше, чем во всех остальных Рис. 1 Рис. 2 Собственно, подскажите пожалуйста из-за чего это происходит, и как это фиксить относительно без хаков и условных комме…
0 votes3 answers -
Как убрать двойные границы?
border-collapse, как я прочитал только для таблиц. а что делать если граница проходит между меню и контентом? ведь может меню быть длиннее (когда контента мало), а может и контент. а граница должна быть до футера. height:100%; не помогает, у контента поставил границу, но все равно он бывает короче меню
0 votes2 answers -
Textarea
Добрый день! Подскажите, кто знает - как сделать так,что бы при клике textarea не меняла своего размера! Это происходит(размер блока изменяеться на пару пикселей... ) во всез браузерах кроме mozilla! P.S. Ссылка с проблемой находиться здесь: http://yamaradg.narod2.ru/history/Neo_Med/med_contacts.html Буду благодарен за помощь! Щас делаю заказ и с этим столкнулся впервые... Сроки поджимают...
0 votes3 answers -
Меню над хедером
Подскажите, пожалуйста, как можно поместить меню в хедер ? Заранее спасибо!
0 votes4 answers -
Как сделать bg-color без цвета пока есть bg-img?
Здравствуйте уважаемое комьюнити, я новичек в html/css и думаю, что данная проблема без использования php\js не решиться, но все же спрошу: Есть Div, у него задан bg-img. Сама эта картинка в .png и имеет прозрачность но большая часть это просто белый цвет. body имеет черную картинку и черный bg-color. Весь текст черного цвета расположен в Div'e о котором написано выше. Как только в браузере мы отключим картинки черный текст сольется с фоном. Мы не можем дать Div'у о котором говорилось выше bg-color так как нам нужна прозрачность в некоторых местах. Вопрос: Как сделать что бы bg-color включался только тогда, когда bg-img становиться выключенным?
0 votes2 answers -
Плавное выпадающее меню
http://teacheri.ru/test/ Есть там такое меню <div id="left"> <ul id="mfli"> <!-- Выпадающее меню --> <li onClick="toggle_show('bla-bla2')"><a href="#home">Компании</a></li> <ul id="bla-bla2"> <li><a href="#aboutCompany">Каталог</a></li> <li><a href="#catalogue">Подбор</a></li> <li><a href="#catalogue">Новые</a></li> <li><a href="#catalogue">События</a></li> <li><a href="#catalogue">Акции</a></li> </ul> <li><a href="">Рейтинг</a><…
0 votes2 answers -
Помогите адекватно сверстать
Помогите адекватно сверстать, как на картинке. https://docs.google.com/file/d/0B0FrmfubxCOdZno4Y1hjbkFvUE0/edit Я сделал это как-то по колхозному, мне очень не нравиться. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello User!</title> <!-- Place cursor after this and select a JavaScript library from the menu above --> <!-- Supports context-sensitive CSS3 auto-completion --> <!-- Style starts here. Try adding new CSS tags. --> <style type="text/css"> body { background: #8eacd3; } .login { position: relative; float: right; color: #fff; fon…
0 votes1 answer -
Элементы Внутри DIV 'а
Помогите плиз есть Div контейнер на странице с такм вот кодом КОД HTML ****************** div class="Product_Title"> Выключатель одноклавишный "Вессен" </div> <div class="products"> <div style="margin-bottom:10px;"> <img src="Pics/M1.jpg" /> </div> </div> КОД СSS ******************* /* Заглавие товара (синяя строка) без пробела после */ .Product_Title { height:auto; padding:8px; background:#069; color:white; border-right:double #036 4px; border-left:double #036 4px; border-top: double #036 4px; font-weight:bold; } /* Поле товара с картинкой и описанием товара(белая поле) */ .products { height:auto; padding:8px; background:#FF…
0 votes2 answers -
Проблемы кроссбраузерности с IE 7
Сверстал сайт. На Chrome и Mozilla отображается нормально. А в IE 7 - плохо. Вот такая ситуация: Вот сам сайт c отображенными div-ами Как решить эту проблему?
0 votes3 answers -
Рамки
Вопрос, как организовать такие же рамки?
0 votes5 answers -
Масштабирование шрифтов в адаптивной верстке
Здравствуйте . Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана. Заранее, спасибо!
0 votes1 answer -
Помогите разобраться с CSS
Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот…
0 votes3 answers -
Таб, Фильтр
Подскажите как сделать такой таб и фильтр?
0 votes3 answers -
Проблемы с картой
Всем привет!!! Создал карту с помощью map, на ней распологаются объекты, при наведении на объект выходит подсказка (картинка с надписью). Это все нормально работает, но почему то карта сдвигается вниз при появлении подсказки. Вот код <style> #rep {visibility:hidden; display:inline; position:relative; top:635px; left:699px; border:1px solid red; background:url("i/img_podsk.jpg") left top no-repeat;} </style> <map name="Map"> <area shape="poly" coords="690,676,585,621,624,567,714,602,714,666,704,678" href="#" onMouseOver="repl('rep');" onmouseOut="div_setTime('rep');"> </map> <td colspan="4" style="vertical-align:top;"> <div …
0 votes1 answer -
Не проходит валидность
Валидатор ругается <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="50"> <param name="movie" value="myContent.swf"/> <object type="application/x-shockwave-flash" data="myContent.swf" width="100%" height="50"> <p>Alternative content</p> </object> </object> И что то ему ненравится именно тут (отметил цветом): <param name="movie" value="myContent.swf"/>
0 votes2 answers -
Может кто подскажет...
Привет. Я делаю шахматную страничку(игра).Многое уже сделано.Раньше я использовал event onclick(1 раз отмечаешь фигуру,второй клик клетку куда идешь)Не было проблемм.А сейчас чтоб 2 раза не кликать решил использовать event onmousedown и onmouseup.И не работает.Когда нажимаешь мышку на клетке появлбяется другой курсор-вместо стрелки -перечоркнутый кружок и event не работают,ничего не происходит. Но что интересно если первую строку Javascript кода onmousedown сделать alert(".....") то все работает. Нажимаешь мышку ,выскакивает месага,нажимаешь на клаве enter,месага уходит и дальше курсор не меняется и таши вигуру куда хочешь. <DIV class=desk id=BA8><IMG id=A8 cla…
0 votes1 answer -
Opera и first-letter
Добрый день. Встретил глюк в opera с first-letter. Есть заголовок: h2:first-letter {font-size:62px;color:#7d070f} Он изменяется при клике на пунктах меню с помощью jquery: $('tab a').click(function() { var str = $(this).text(); $('.change').text(str); }); Во всех браузерах работает, а в Опере буквица не изменяется после первой загрузки. Это глюк оперы?
0 votes3 answers -
оглавление html5-документа. проверить
работая с xhtml, я в конце работы проверял оглавление для документа, пользуясь известным FF webdeveloper-ом. Он удобно показывает оглавление в виде дерева. скажите пожалуйста существует ли подобный способ проверять оглавление html5-документа. не принципиально будет это плагин, интернет-сервис, или что-то другое FF webdeveloper не работает с оглавлениями html5-документов. или я просто не знаю как его перенастроить
0 votes7 answers -
Использование white-space: pre-wrap и internet explorer 9
Вывожу заранее отформатированный текст (white-space: pre-wrap). Текст такой: ййййййййй ццццццццц ууууууууу Во всех браузерах отображается нормально: ййййййййй ццццццццц ууууууууу В IE9 отображается так: ййййййййй ццццццццц ууууууууу Получается что ie9 после символа перевода строки добавляет пустую строку. Можно это как-нибудь побороть?
0 votes3 answers -
тэг <a> и новая строка
если делаю <p>1</p> <p>2</p> то 2ойка с новой строки если <p><a>1</a></p> <p><a>2</a></p> то в одну линию Как сделать чтобы опять с новой строки было только со ссылками
0 votes3 answers -
Видео на сайте
Здравствуйте! Размещаю на сайте видео через сервис: http://flv-mp3.com/ru/flv/ Не показывается наша заставка. В чем проблема? Код такой: <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" height="495" width="880"> <param name="bgcolor" value="#FFFFFF" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /> <param name="FlashVars" value="way=http://www.protontonnel.ru/video/pts_2_2.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=880&am…
0 votes4 answers -
Куда двигаться дальше?
Здравствуйте. Даже не знаю как правильно сформулировать вопрос. В данный момент у меня свёрстана первая страничка моего сайта. Нужно двигаться дальше. На сайте планируется довольно много ссылок на другие части сайта (штук 15 примерно). Есть ли какие-нибудь способы сгенерировать эти 15 страниц? Или нужно всё делать ручками? (Создавать 15 html страниц, копировать html код из 1 страницы и прикреплять CSS к каждой странице). Другой вопрос: Какой язык стоит изучать дальше? Насколько важен JavaScript для проекта? (Планируется создание строительной организации). На сайте возможно будут нужны такие вещи как: регистрация пользователя, окно поиска, добавление новостей/статей н…
0 votes5 answers -
В чем может быть проблема
Здравствуйте. Возникла такая проблема: готовую верстку натянули на CMS Bitrix и теперь, когда входишь в админку, получается этакое: и вот такое: Макет был приобретен и написан на HTML5 и CSS3, используется bootstrap. В чем может быть проблема? Буду рад любым советам и откликам
0 votes4 answers -
не видно содержимое 1й закладки
Всем привет, У меня есть небольщой tab состоящий из двух закладок <div class="widget widget-tabs widget-tabs-responsive"> <div class="widget-head"> <ul> <li class="active"><a href="#tab-general" data-toggle="tab">{"General"|translate}</a></li> <li><a href="#tab-schedules" data-toggle="tab">{"Schedules"|translate}</a></li> </ul> </div> <div class="widget-body"> <div class="tab-content"> <div class="tab-pane animated fadeInUp country_ajaxed" id="tab-general"> <div class="widget-body"> tabGeneral </div> </div>…
0 votes1 answer -
Положение кнопок на разных расширениях экрана
Какое значение left:; и top:; выбрать или что то добавить для меню что бы оно имело одно положение на разных мониторах? Пишу в процентах например left:37.7%; top:324%; то в таком случае на мониторе как у меня 1366/768 оно(кнопка или меню) занимает нужное (и нормальное с виду) положение. НО если смотреть на мониторе 1280/1024 то положение кнопки намного ниже чем необходимо и вид какой то "***" что есть вполне логичным так как проценты считал под свой монитор... ЧТО ДЕЛАТЬ? Не знаю как в теме отобразится код меню в теме на форуме... поэтому даю вам ссылку на страничку с "демо" и кодом меню http://mmdd.info/page2.html На страничке одна кнопка - но разницы нет так как м…
0 votes1 answer