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
-
как "раздвинуть" пустой эелемент?
Приветствую! Верстаю меню, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> * { padding: 0; margin: 0; } body { padding: 5px 10px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-size: 1em; } #main_menu ul { list-style-type: none; display: block; } #main_menu li { display: block; float: left; position: relative; } #main_menu li a { display: inline-block; padding: 10px; color: #000; border-color: #000; border-bottom: 1px solid; text-decoration: none; } #main_menu li span { display: inl…
0 votes3 answers -
Проблема с фулл скрин слайдером
Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!
0 votes2 answers -
<div> в строку без перехода на след. строку
Здравствуйте еще раз Снова требуется помощь знающих Нужно реализовать n кол-во <div> элементов расположенных в одной строке, но самое главное, что бы при окончании окна браузера, эта строка продолжалась, а не превращалась в две, три и т.д. (исходя из размера окна браузера) То есть, когда, в моем примере, двигаешь правый край браузера, не помещающиеся див элементы переходят на следующую строку, образуя тем самым 2 ... 5 и т.д. строк. Перепробовал все что знал, помещал див строку в новый элемент див, центрировал, применял дисплей инлайн, позиционировал по разному Результату - ноль. Через таблицу делать не хочется. Есть у кого нибудь идеи как можно реализовать такую в…
0 votes2 answers -
Подскажите с выводом контента
Здравствуйте. Нужно как-то правильно организовать вывод материала на Джумла 2.5 Пусть будет этот сайт как пример (сайт фиговый, но лучше не нашел для примера) Нажимаем на любую фирму в самом контенте, пусть это будет Denyo. Попадаем в список всех изделий, производимых этой фирмой. Нажав на любую из моделей генератора мы попадаем в описание конкретной марки. Вот как сделать эту тройную вложенность связанной между собой? То есть делать не просто страницу картинок с ссылками на материал, а то получается просто HTML какой-то. CMS для оптимизации ведь нужна А сверху есть 3 менюшки "КОМПРЕССОРЫ, ГЕНЕРАТОРЫ, СВАРКА" - нажав на которую выводится список всех компрессоров, в том…
0 votes0 answers -
Helvetica Pro
Ребят выручайте! У кого есть шрифты: HelveticaNeueLTPro-LtIt, HelveticaNeueLTPro-MdCn, HelveticaNeueLTPro-Bd и HelveticaNeueLTPro-Lt - в форматах eot,svg,ttf,svg? Очень нужно...
0 votes1 answer -
Сквозь выпадающее меню проглядывает нижняя строка
http://learn.javascript.ru/play/CkIc0b Нужно чтобы выпадающее меню перекрывало собой нижнюю строчку. Пока что нет новых идей у меня. Где ошибка? Спасибо.
0 votes4 answers -
Полезные страницы для сайта на хостинге
Здравствуйте. Обычно просто верстал сайты на html + css, а на хостингах работал с движками, а там все базисные вещи сами по себе настроены. Решил сделать сайт на html + css и поработать с ним. Соответственно закинуть на хостинг. 1. Какие страницы, кроме страниц самого сайта обязательно должны быть на хостинге? 2. Какие страницы, кроме страниц самого сайта полезно размещать на хостинге? 3. Например, думаю создать свою страницу ошибки-404 404.html Соответственно добавить в файл .htaccess ErrorDocument 404 http://site.ru/404.html 4. Если не создавать свою 404-страницу, будет же выдаваться 404-страница от хостинга, типа просто будет написано, Not Found 404?
0 votes3 answers -
Центрировать галерею Widgetkit
Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.
0 votes2 answers -
CSS организация классов
Здравствуйте. Помогите решить проблему. Есть много страниц, во избежания конфликта имен классов нужно организовать стили. Как вы действуете в данной ситуации? Разбиваете стили на логические блоки или, скажем, добавляете class/id в тег body и потом указываете перед классом: .home .links/#home .links? Может быть добавляете префикс перед классом: home-links? Недавано работал над сайтом. Разметка состояла из типичной: header/content (left, right)/footer Что то вроде <div class="header"></div> <div class="content c-home"> <div class="c-left"></div> <div class="c-right></div> </div> <div class="footer"></div> Пишу c-…
0 votes1 answer -
хелп люди
вот я например собираюсь фильмы на сайт выкладывать мне как под каждый фильм по отдельной странице запиливать или как???
0 votes5 answers -
верстка блока с линками на div
Направте на путь истинный, пожалуйста. Пробую учится css верстке. Проба изложена ниже. Проблема в том, что в блоках не работает декорирование текста. Работают эффекты но шрифты имеют стандартный цвет линка и подчеркнуты. text-decoration: none; не реализуется. Не имеет значение какой шрифт подключается. Помогите разобраться, пожалуйста. Заранее спасибо. скрин проблемы: http://yadi.sk/d/iyjI6prs01eZQ вот код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g…
0 votes1 answer -
помогите
Есть такая задача " есть сайт studygood.ru надо будет взять шаблон и натянуть его на вордпресс". У меня вопрос: "что значит взять шаблон"?
0 votes1 answer -
Замена стиля
Добрый вечер. В общем верстаю шаблон для DLE, и столкнулся с с такой проблемой, нужно убрать border у редактора, но он прописан в php в движке вот таким образом <div class="editor" style="border:1px solid #fff">...</div> прописываю .editor{ border:0 none; } но току 0. Возможно ли как-то подменить стили без правки DLE? Заранее спасибо!
0 votes5 answers -
Принципы создания качественного css
Поделитесь ссылкой на стандарты, если таковые имеются. И парой ссылок на профессиональные css файлы, или сайты с которых стоит брать пример в оформлении css
0 votes1 answer -
Как совместить в одной ссылке несколько атрибутов rel?
Есть на сайте ссылка-картинка на профиль G+, в ней три атрибута rel: <a rel="me" href="https://plus.google.com/u/0/105.....8276?rel=author" rel="nofollow" target="_blank"> <img title="Добавиться в Google+" src="http://..../gplus.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a> мне кажется что атрибут rel="nofollow" в этой ссылке не работает, так как она вроде бы определяется как открытая к индексации. Можно ли ставить несколько атрибутов rel в одной ссылке, будут ли они работать и как это сделать правильно?
0 votes9 answers -
Плавающие элементы "плывут" :)
Обнаружил такую проблему. При уменьшении (иногда увеличении) размеров страницы через Ctrl +/- элементы, у которых задано правило float (пункты меню и не только) начинают "плыть". Для ясности приложу пару скринов. Если будет нужно - выложу код. Версткой занимаюсь недавно, поэтому взываю о помощи Раз двас
0 votes6 answers -
я не лодырь, просто не знаю
Доброго времени суток! есть форум на бесплатном сервисе (все сделано до нас), в движке есть такая функция как "система очков" - начисляются очки за активность на форуме, за посещение, за сообщения и т.п. задался я идеей сделать возможность обмена этих очков на какие-то презенты, ну например скидку. а именно сделать кнопку со ссылкой на страницу под названием "бонусы" (это вот я сам могу), где будет панелька с выбором обмена... ну и все на этом. помогите пожалуйста реализовать идею (саму страничку "бонусы" голую сделал http://www.spokupkami.com/h1-page)
0 votes6 answers -
Вложенность селекторов в IE
Страница: seo-focus,ru (заменить запятую на точку!). style.css: seo-focus,ru/wp-content/themes/smartstart/style.css. Введенные мной классы - в конце файла. Не получается применить стили к некоторым элементам, например, div. Хочу применить #layer1 { float: left; width: 420px; height: 200px; padding-right: 50px; margin-bottom: 20px; } #layer2 { float: right; width: 420px; height: 200px; padding-bottom: 20px; } к блокам после "Мы предлагаем": "Раскрутка и продвижение сайтов (SEO)..."(см. по ссылке). В ФФ и Опера всё ОК, а в IE8 стили не применяются, всё плывет. !important не помогает. Также и с остальными элементами (h1, a). P.S. Буду благодарен за инфу или ссылку: что озна…
0 votes2 answers -
Проблемы с изображениями мобильный веб дизайн
Здравствуйте! При загрузке моего сайта на мобильном телефоне через Опера-мини все картинки, которые я использую для оформления не пропорционально изменяются. Большие сжимаются по размеру, а маленькие наоборот, чрезмерно увеличиваются, что нарушает нормальное восприятие. Более того, Опера-мини просто тупо идет по картинкам, выстраивая их в одну колонку. Пояснения. Сайт по бокам имеет фоновые вертикальные изображения, вынесенные в отдельные div-блоки. Под каждым изображением, кроме этого есть backround-image с вертикальным повторением. Это на тот случай, если содержимое страницы увеличивается, то боковые оформления соответственно вытягиваются. Так-вот. Опера-мини тупо показ…
0 votes0 answers -
Проблема с 10-11 оперой
Добрый вечер. Писал сайт небольшой и столкнулся с такой проблемой: есть див контейнер с заданной шириной 500px. Внутри него есть другой див, в котором выводиться список информация вида: ютуб ролик с float:left и некая информация с margin-left. и под каждым роликом clear:both. и таких небольшых блоков N-ное кол-во. так что, ставлю я на див контейней overflow:auto и происходит такая вещь: во всех браузерах работает, а в 10 и 11 опере проблема, заключающаяся в том, что видеоролики скрываются за оверфлоу, как должны были бы, а просто скроллятся по экрану. Хотя текст и прочая лабуда в блоках, скрываются. В 12 опере и <10 все ок. Может, кто знает в чем проблема? ЗЫ. проблем…
0 votes0 answers -
Относительные адреса никак непойму всё до конца
Читал читал, так помоему до конца и не понял корень сайта это у меня на диске D например находится папка спаун и в ней веб страница спаун эта папка и есть корень сайта? (Две точки перед именем указывают браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» в папке help файл me.html.) Это я как полагаю расшифровывается, так :в папке спаун, которая является корнем сайта находятся каталоги над веб-страницей спаун иодин из этих каталогов help и в нём будет искаться файл me.html. Правильно всё понял?
0 votes3 answers -
Верстка email-рассылок
Значится, на данном этапе стала передо мной задача верстки мейл-рассылок. Подскажите, пожалуйста, какие-нибудь сервисы\приложения для проверки того материала, что я наваяю (как будет выглядеть в разных клиентах и т.п.). Премного благодарен
0 votes6 answers -
Clearfix'ы - работа
Добрый вечер. Есть ли ситуации в которых может не работать данный clearfix: .parent:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } а работать этот (через вставку пустого div'а): .clear { clear: both {
0 votes1 answer -
Вывод более одного изображения посредствои css
Прочитал в учебнике css, что через background или background-image можно вывести более одного изображения. Никак не могу применить этот момент на практике. Дело в том, что мне необходимо оформить боковую вертикальную колонку, вынесенную отдельным блоком через <div></div>. Причем, нельзя использовать вставку картинок посредством html (это связано с некоректным отображением сайта в мобильных устройствах). В самом верху надо вывести одну угловую картинку, а потом, под ней или как, вторую. Причем вторая картинка - это квадратик, который повторяется по вертикали. Тем самым, при растягивании основного макета, боковая колонка вытягивается соответственно. Каким образо…
0 votes20 answers -
Проблема с закруглением и позиционированием меню
Доброго вечера! Проблема такая. Сделал меню. Для скругления применял CSS3 и хак PIE.htc. Скругление отрабатывает отлично, но ссылки меню не обрезаются почему-то в браузерах (Opera, Chrome, IE, Safari). Для того чтобы не вылазили применил правило overflow:hidden. Но все равно не отрабатывает? Также с размерамибеда. В FF одни а в остальных другие.Хотя использовал сброс стилей. Помогите каким дельным советом Спасибо. Вот ссылка на сам ресурс с версткой, чтобы наглядно можно было посмотреть. http://amp.vetwebs.ru/
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-