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
-
tbody scroll fix IE7, FF
в опере, хроме и IE8 все отлично опера в FireFox в IE7 вооще кошмар тут исходники css, html http://jsfiddle.net/kvJb9/ помогите с ie7 ff или посоветуйте как c div-вами сделать верх, низ не статичная высота высота середины должна занимать остальное пространство и скроллиться желательно средствами css
0 votes0 answers -
Свои аттрибуты
сложилось так что для определённой задачи стало недостаточно id и name создал свой аттрибут <tr id='id1' ff='1'> всё работает , но валидатор ругается. line 194 column 49 - Ошибка: there is no attribute "FF" насколько это допустимо (использование своих аттрибутов)? и ещё используя jquery в своей функции пишу $("<tr height="+h+"px><td id='adds'></td><td><input class='sf' id='dpbx0x' /></td><td><input class='sf' id='dpex0x'/></td></tr>").appendTo("#tab"); а валидатор ругается line 287 column 64 - Ошибка: end tag for element "TD" which is not open тут понятно, что он просто производит парсинг строки и ищет …
0 votes7 answers -
Фон в DIV
help please. не могу разобраться в чем дело: такой код не отображает нужного мне фона в div'е: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SQpokerinfo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <div id="container"> <div id="header"> <img id="logo" src="img/logo.jpg" alt="logo"> </div> </div> </body> </html> CSS body { margin: 0px; } #conta…
0 votes7 answers -
Проблемы с меню.
Есть достаточно сложное горизонтальное меню Вот css код: .menu LI { float: left; display: block; position: absolute; } .menu LI A { display: block; } .menu LI A:hover { display: block; text-indent: -9999px; overflow: hidden; /*+opacity:80%;*/ -moz-opacity: 0.8; opacity: 0.8; } .li1 { left: 80px; top: 88px; z-index:1; } .li1 A { width: 62px; height: 63px; background-image: url(img/onas.png); background-position: 0px px; } При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?
0 votes5 answers -
z-index'ы не работают
здесь накосячил - не получается нажать на рулетку (div.top_inner a). возможно ли поправить? помогите пожалуйста
0 votes3 answers -
Страница сайта в PDF
Подскажите плз! В Сафари есть такая функция Посмотреть в PDF, но там отображается только текст (на моем сайте). Как можно заставить его отображать другую инфу (картинки, логотип, И так далее)? Заранее благодарен!
0 votes7 answers -
Проблема с jQuery AJAX Form
Непонятно почему не работает скрипт аякс-отправки формы - все равно редиректит на страницу-обработчик, заданную в html коде формы. На сайте, откуда я копировал код - все нормально! Хотя ведь просто копировал его!. И причем сам когда то писал. Сравните и подскажите в чем проблема: http://webdev-smirnoff.simpohost.com - вот где не отключется переход формы на страницу-обработчик http://smirnoff.ho.ua/maksioil/ - тестовый сайт, где все работает и откуда копировал ранее написанный код. UPD: Заметил где кроется баг: если форма инклудится через аякс меню то она не пашет ,а если она строго в хтмл код инклудится ручками, например вместо главной, то все ок.
0 votes0 answers -
Сайт на Joomla.
Здравствуйте ! Хочу сделать простенький сайт с 1видео, на шаблоне Joomla. название-сайта.RU ( раньше никогда не делал ) Посоветуйте хостинг бесплатный или не очень дорогой, куда можно загрузить шаблон Joomla? а то выбор вроде большой, боюсь ошибиться. Прошу подсказки у тех, кто разбирается. Спасибо
0 votes7 answers -
Не могу до конца довести меню на CSS3
пункты меню получается, что смещены влево, а справа после НАШИ ПАРТНЕРЫ пустой пункт. Убирается он уменьшением ширины всего меню. А мне нужно ширину оставить неизменной...лишь сделать шире все другие пункты, чтобы они автоматом заполнили тот пустой пункт справа. Подскажите куда как копнуть.
0 votes3 answers -
Проблема с выпадающим меню
Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; pos…
0 votes1 answer -
Мелкие вопросы (долгосрочный раздел)
Здравствуйте. Вопросы: 1) сразу HTML5 или можно сначала напрактиковаться с HTML4.01 и потом быстро переучиться? как на реальных заказах - doctype html4.01 используют еще или это первый признак, что верстальщик не справиться с заказом нормально? Без знаний html5 можно сейчас верстать или уже ничтожный процент заказов? 2) после reset.css что потом для тега <body> прописывать касательно font-size? в зависимости от чего? например, если так font-size: 67.5%; тогда 1em - 10px (да?) и дальше работаем с em - это универсально? Там же куча тонкостей с этим относительными и абсолютными величинами. Везде все по-разному. Принципы какие?. Хотелось бы ссылку на статью или книгу +…
0 votes6 answers -
Верстка с журнальным(плиточным) выводом постов
Здраствуйте, решил попробовать сверстать плиточный макет. Проблем вроде нет, получилось как надо если использовать фиксированую шарину. Но когда резиновый шаблон, куча проблем... Может кто-нибудь поделиться ссылками с информацией по данному виду топиков?
0 votes2 answers -
Пожалуйста, помогите с меню
Всем Доброго времени суток! У меня возникла проблемка которую надо срочно решить . Вот сверстал пример меню (чтобы вам было понятно наглядно) http://youtime.hol.es/ который будет на сайте При наведении на новости выпадает подменю. Так вот нужно чтобы при фокусе на подменю , цвет ссылки высшего уровня (новости) оставался золотым. Сам додуматься не могу(
0 votes3 answers -
Как уменьшить спрайт?
У меня на сайте есть блок с обратным отсчетом, сделан при помощи спрайта, и вот я хочу уменьшить этот счетчик, но вот как? чтобы спрайт не "посыпался".
0 votes2 answers -
Помощь в реализации одной идеи
Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком…
0 votes5 answers -
Проблема с блоками в таблице
Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. Код вот такой: <table class="char-table-two" ><tr><td><span>Ширина</span></td><td><span>мм</span></td><td><span>646<br />646<br />646<br />646</span></td></tr><tr><td><span>Глубина</span></td><td><span>мм</span></td><td><span>530<br />530</span></td></tr> </table> .char-table-two { b…
0 votes4 answers -
В бутстрап-верстке последнию колонку выделить в блок
Всем привет, Подскажите, пожалуйста, есть бутстрап-верстка нескольких полей на маленьких и средних девайсах в 2 колонки: jsfiddle.net И хотелось бы выделить эти поля в 3 грппы с заголовком Я попробовал последнию колонку заключить в див со стилями чтобы эту колонку как-то неброско и аккуратно выделить в блок: <div class="widgetcontent"> <h4 class="widgettitle">Contact Details</h4> <div class="form-group col-xs-12 col-sm-6 col-md-6"> <label for="phone" class="col-xs-12 col-sm-4 col-md-4">Phone</label> <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="phone" id="phone" clas…
0 votes5 answers -
Как сделать из кнопки ссылку
Здравствуйте! Мне потребовалось решить задачу прямо обратную той, что решают обычно, то есть превратить КНОПКУ в ССЫЛКУ. Как это сделать кроссбраузерно?
0 votes3 answers -
Не могу анимировать посты
Необходимо анимировать посты сайта http://ekspert-uc.ru/training/gosudarstvennaya-sluzhba/ Нужно чтоб при наведении голубой прямоугольник выдвигался сбоку. Голубой прямоугольник фон постов вставился в файле loop.php <?php if(!is_single()){ global $more; $more = 0; } //enable more link ?> <?php /** Themify Default Variables * @var object */ global $themify; ?> <?php themify_post_before(); // hook ?> <article itemscope itemtype="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class("post clearfix " . $themify->get_categories_as_classes(get_the_ID())); ?>> <…
0 votes3 answers -
Не отображаются картинки в 'essential grid'
Добрый день. Сайт на вордпрес, не понимаю что блокирует картинки плагина "Essential grid". Подскажите с решением, кто сталкивался. Сайт - http://airybeats.com/ Сразу после "Contact form".
0 votes0 answers -
Меню
Подскажите пожалуйста как нить можно применить стиль для тега "a" только в меню? Или несколько стилей для того же тега на одной странице? Спасибо!
0 votes2 answers -
Картинка в табличке
Приветствую Вас. Скажите плз, как убрать зелёную рамку воктруг картинки? Т.Е. все отступы сделать 0. <body style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='red'> <table style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='green'> <tr style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; pad…
0 votes2 answers -
картинки и таблица
Как сделать. чтобы картинка увеличивалась при наведение курсора, если она в таблице? <div class="photos"> <table cellpadding="10" cellspacing="0" style="margin-left: -10px;"> <tr> <td><img src="images/photos/01.jpg" width="200" alt="" /></td> <td><img src="images/photos/02.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/03.jpg" width="200" alt="" /></td> <td><img src="images/photos/04.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/05.jpg" width="200" alt="" /></td> <td><img src="images/…
0 votes5 answers -
Чокнутый фон
Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.
0 votes2 answers -
label для radio
<dd class="answer"> <input type="radio" id="user_radio_input" name="Vote[answer]" value="0" class="radio_button"> <label for="user_radio_input"> <input type="text" name="Vote[user_answer]" class="input_button" value="Ваш вариант" /> </label> </dd> Здравствуйте, нужно чтобы при нажатии на input с текстом, radio button установилась в активное состояние, сделал так, но не работает =( Помогите исправить. Пробовал в Опере. В хроме оказывается работает и нормально переходит, в ФаерФоксе работает, только не получается ввести текст в инпут, так как вечно перебрасывает фокус на радио буттон, что впринципи логично. Видимо при…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-