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
29,542 questions in this forum
-
Как растянуть колонки до сайдбара?
Всем привет! В общем есть 3х колоночный шаблон wordpress. Я хочу, чтобы в нём сайдбар тянулся до самого футера, а размер не зависел от содержания. Кто подскажет как так сделать?
0 votes0 answers -
Большой фоновый рисунок
у вас в этом уроке взял код http://htmlbook.ru/content/izobrazhenie-na-vsyu-shirinu-maketa Но вот проблема помню как делал а потом видно забыл я хочу чтоб фоновое изображение больших размеров, больше окна браузера, при увеличении окна появлялось с двух сторон, а не как с 1 стороны как показыно в уроке, внизу изменил код но он не работает почему-то изображение пропадает, а помню раньше как-то делал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Фоновое изображение</title> <style type="text/css"&…
0 votes0 answers -
Тормозит скроллинг в опере
При задании блоку свойства CODE (htmlphp): скопировать код в буфер обмена position: fixed; Жутко тормозит скролинг, Почему?
0 votes0 answers -
[attachment=...]
Подскажите, при загрузки файла на сервер DLE 9.5 сам файл загружается, расширение этого файла прописано в настройка загрузки. Вставляют загруженный файл в поле новости появляется [attachment=...] при просмотре новости также только этот тег. Почему не появляется ссылка на скачивание ????
0 votes0 answers -
Помогите с версткой.
Удалите тему пожалуйста.
0 votes0 answers -
Сладйер
Здраствуйте! Нужно сверстать такой слайдер новостей: Это должен быть информер последних новостей для uCoz, при нажатии на ту стрелочку справа новость должна менятся на предпоследнюю. И все бы хорошо, но я не знаю как сделать такой слайдер, так как совсем незнаю JS. Может кто то что то подсказать?(
0 votes0 answers -
Вложенные min-height
Тема закрыта.
0 votes0 answers -
Как прилепить футер слева внизу страницы
Доброго времени суток. Перепробовал массу вариантов, может кто тоже сталкивался с такой проблемой. Нужно сделать футер внизу слева, чтоб спускался вместе с резиновым основным блоком или поднимался если текста мало. Но на деле получается он стоит в середине или далеко внизу. Буду благодарен за любые советы, но желательно все это сделать в css, хотя уже начинаю думать что невозможно =) Страницу с кодом можно посмотреть здесь http://promalp-technology.ru/. По ссылке на изготовление рекламы маленький объем текста. Заранее всем спасибо.
0 votes0 answers -
WAP и WEB
Как сделать так, чтобы при попадании на сайт с компьютера открывалась WEB-версия сайта, а с телефона WAP-версия?
0 votes0 answers -
Проблема с float в IE
Добрый день уважаемые форумчане. При верстке страницы возникла следующая проблема в браузере IE: На странице имеется менюха, сверстанная следующий образом: HTML <ul id="steps_ul"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> CSS #steps_ul li { float:left; } #steps_ul li a { display:block; width:114px; height:99px; background-image:url(../images/general/steps_normal.png); background-repeat:no-repeat; Под ней расположен div блок (смотреть картинку) фиксированного размера. Насколько мне известно, когда элементу присваивается float, он ста…
0 votes0 answers -
SEO, ТИЦ, редирект
Подскажите. Есть напр. сайт mysite.com с структурой mysite.com/ru/, mysite.com/en/, mysite.com/uk/. Если при регистрации в каталогах указывалась ссылка на сайт - mysite.com. То есть, при переходи по mysite.com редирект на mysite.com/ru/. Это может повлиять на величину ТИЦ?
0 votes0 answers -
Колебания в Opera
Добра всем! Сделал что бы при наведении на logo появилось другое img. popcorn-j.narod2.ru/ Но почему-то на Opera это дело скачет... Кто знает как решить? CSS — #logo .loggo { wight: 306px; height: 79px; position: relative; top: -92px; left: 10px; } #logo{float:left; z-index:7; } #logo {display:block; display:inline;} #logo .logo ul {display:none;} #logo .logo:hover ul {display:block;} #logo #main {float:left; position:relative; left:0px; top:-86px; width: 306px; height: 15px; z-index:5;} CSS — HTML — <div id="logo"> <div class="logo"> <a href="http://popcorn-j.narod2.ru/"><img class="loggo" src="image/logo.png" alt="Popcorn"/></a> <ul…
0 votes0 answers -
Не работает hover в chrome
Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; paddin…
0 votes0 answers -
Проблема с версткой
Всем здравствуйте!У меня есть окно, в нем картинка. Нежно чтобы при изменении окна менялся размер картинки. При пропорциональном увеличении работает, а если сделать высоту намного меньше чем ширину то вылазит за рамки. Работать должно только в ie от 7. Всем заранее спасибо) Вот код: CSS * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } .parent { border: 1px solid #4080FF; b…
0 votes0 answers -
Фон с градиентом
Здравствуйте, верстаю 5-й урок с данного курса. шаблон Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям: <header> <div class="up"> <div class="w960"> <img src="img/logo.png" alt="" width="153" height="43" > </div> </div> <div class="down"> <span class="left"></span> <span class="right"></span> <div class="w1200"> </div> </div> </header> .w1200{ height:100%; width:1200px; margi…
0 votes0 answers -
Проблемы с кроссбраузерностью
Здравствуйте. Столкнулся с одной неприятностью и не в силах решить ее самостоятельно... Поставил на сайт (движок wordpress) шаб, и уже в процессе работы над ним заметил проблему с менюшкой - в опере она ведет себя как-то странно. Вместо того чтобы нормально развернуться подменю, творится что-то непонятное: то оно дергается как бешенное, то просто появляется на секунду и исчезает. И такое творится только в Опере. Быть может кто-то знает проблему и может помочь с ее решением? Если нужны какие-то фрагменты кода - с радостью предоставлю. Заранее благодарю Адрес сайта: 1ldg.16mb.com
0 votes0 answers -
jQuery Mobile и css <select>
Не знал в какую тему задать вопрос, поэтому попробую спросить тут. Задача - мобильное веб приложение. Встала проблема, есть <select> при "нажатии" на него его цвет меняется на синий-голубой и открывается "айфоновское" (просто тестируется на айфоне), как я понял он по умолчанию стоит у jQuery Mobile, а вот как его поменять? Темы не спасают, они меняют только отображение изначальное, по нажатию он всеравно меняется на синий, вообще не понимаю смысла этих тем. В общем ступор... Буду рад, если кто-нибудь поможет решить проблему. Спасибо.
0 votes0 answers -
помогите начинающему
Смотрю видекурсы по HTML и СSS... Там предложили сделать такое задание: создать страничку в которой есть форма со строкой поиска, кнопкой и айфрейм, который должен выводить результат поиска через любой поисковик, а запрос на поиск вводится в форму... Короче, грубо говоря у себя в форме вводишь поиск, а страница поисковика с результатам должна отобразиться айфрейме... вот накидал что-то, но не работает, не пойму почему... <html> <head> <title>урок</title> </head> <body > <form target="nef" name="q" action="http://www.google.ru/" method="get" enctype="text/plain""> <input type="text" name="q"> …
0 votes0 answers -
Как нарисовать кусочек интерфейса для сравнения двух таблиц?
Есть две таблицы 10 полей и 7 полей. Надо выводить по 7 полей для каждой таблицы, но при этом нужно пользователю возможность сравнивать и выбирать(галочками или отметками в списках) идентичные или похожие записи. Потом будет идти обработка примерно по такому алгоритму: Записи в обоих таблицах одновременно помечаются как обработанные, а данные по обработке заносятся в результирующую таблицу. Больше в интерфейс эти элементы не выводятся и не показываются. Собственно вопрос: Как нарисовать(не как технически, а как творчески, с точки зрения юзабилити) нарисовать такое? Очень приветствуются визуальные примеры или куски коды, если таковые в природе существуют... Заранее большое…
0 votes0 answers -
Совместное обучение!
Привет, Я уже как 3.5 месяца - самостоятельно специализируюсь с сфере веб-программирования. Уже хорошо подружился с xhtml, css, php, mysql. Так же после достижения нужных результатов, в планах познать javascript, ajax, jquery. По ходу дела немного изучаю оптимизацию ресурса, монетизацию и его продвижение в поисковых системах. Мне нравится больше создавать, чем потреблять готовое. Я не брезгаю чужими скриптами и идеями, так как отталкиваясь от этого можно создать что-то свое. У меня есть цель, которую намерен реализовать в ближайшие 2 года. Она достаточно хорошо мотивирует, но у меня в настоящий момент появилась сильная потребность в общении с себе подобными. Ищу именно ко…
0 votes0 answers -
Изменение состояния (параметров) класса при переходе по анкеру
Всем привет! У меня такой вот вопрос: как можно изменить состояние какого-либо класса (у меня есть таблица, в этой таблице куча строк, каждая из низ имеет свой класс [у всех строк -> td class=box] и свой анкер [<a name="1...2...3"></a>]) при переходе по анкеру. Т.е. если заходишь по специальной ссылке htp://lol.com/lol.htm#23, я хочу, чтоб изменялся класс (хочется изменить именно фоновые параметры)! td.box { //фон1 } td.box:anker { //другой фон }
0 votes0 answers -
Проблема с прозрачными ячейками
Имеется 2 ячейки в таблице, которые сделал полупрозрачными через css. Но получилось так, что полупрозрачными стали не только ячейки, но и текст в них. Как сделать, чтобы текст не прозрачный был? И ещё вопрос: как сделать, чтобы border между ячейками был полностью прозрачный? Вот код таблицы и css на всякий: <table border="1"> <tr> <td class="opacitytd1" align="center"><b style="color:#000000">Наименование</b></td> <td class="opacitytd2" align="center"><b style="color:#000000">Стоимость</b></td> </tr> </table> .opacitytd1 { width: 100%; height: 35px; background: #dc4998; border:inherit 1px #000000; …
0 votes0 answers -
Помогите с кругляшами
Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?
0 votes0 answers -
Изменить цвет текста активной radio button
Здравствуйте, сделал форму для выбора работ с помощью Drupal + Views (AJAX) + Better Exposed Filter (block) + Views hack (Autosubmit), но теперь никак не выходит применить стиль color к тэгу label, для помеченой кнопки. Провожу пример кода блока: <div class="block block-views" id="block-views--exp-design-tapyba"> <div class="content"> <form action="/decor/painting" accept-charset="UTF-8" method="get" id="views-exposed-form-design"><div> <div class="views-exposed-form"> <div class="views-exposed-widgets clear-block"> <div class="views-exposed-widget views-widget-filter-term_node_tid_depth"> …
0 votes0 answers -
Перекрытие элемента в ие 7, 8
Всем привет. Проблема в том что при наведении на продукцию в ие 7, 8 не отображаются блоки для навигации. html.zip Результат Хром - http://imageshack.us/f/190/screenshot20120416at110.png Результат ИЕ 8 - http://imageshack.us/photo/my-images/829/screenshot20120416at111.png Структура кода следующая, имеется блок issue с товарами, в блоке каждый товар содержится в классе img в свою очередь в котором содержится ссылка, и блок с кнопками для просмотра изображения и комментария. http://imageshack.us/photo/my-images/703/screenshot20120416at112.png Если смотреть через ИЕ developer tool - блок с кнопками навигации перекрыт ссылкой(картинкой). Пробовал решить проблему z-index'о…
0 votes0 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-