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://twiu.ru/h92
0 votes3 answers -
Снипнет для кулинарного рецепта
Здравствуйте, я пытаюсь сделать снипнет рецепта для Google, хочу чтобы в результатах поиска какого-то рецепта, рядом с описанием рецепта выводилась картинка с уменьшенной копией. Вот что я имею ввиду ссылка Салат "Ананас" описание и иконка. Справочник вебмастера говорит о том, что нужно оформить рецепт сонласно правилам разметки и я разметила что позволил мне редактор Joomla 1.7. Но проблема с заголовком рецепта, он выводится джумлой не из текста статьи, поэтому в исходном коде он не отображается. А мне нужно добавить к заголовку обязательный параметр "name (fn)". В моих CSS заголовок имеет только один параметр выравнивания, который я добавила сама } /*CUSTOM**ALIGN CO…
0 votes0 answers -
Как такое делается
В Livejournal есть блок перехода по страницам, типа 1 2 3 4 5 6 когда много комментариев к посту такой синий, так вот как сделать такой же с треугольничком вверху, Как делается такая вещь? ___________/\___________ / \ | 1 2 3 4 5 6 7 | \________________________/ У меня получилось только img с absolute позиционированием, но это грубо.
0 votes3 answers -
проблемы с блоками
Добрый вечер знатоки css и HTML, у меня появилась проблемма, вернее она была но вот никак немогу ее решить, прошу помощи ! вобщем есть сайт вордпресс движок, есть неплохой шаблон, который я немного переделал, но вот незадача мой sidebar нижная его часть, уходит влево, при условии что основного контента мало , тоесть некоторые блоки уходят под контент и правый sidebar не растягивается по вертикали вот прилагаю ссылку http://osadovod.ru/tag/malina А вот если контента много http://osadovod.ru/bolezni-i-vrediteli-rastenij-chast-pervaya-bolezni.html код темы замудренный, вот див который отвечает за бар #sidebar{float:left;width:322px;} Голову уже сломал как сделать так чт…
0 votes6 answers -
вычисление расстояния между слоями и относительно границ других элементов
Сейчас я учусь верстать и пытаюсь сверстать данную форму http://htmlbook.ru/practical/poshagovaya-forma Я застрял на верстке шапки данной формы. Для верстки шапки я применил относительное позиционирование. А именно, проблема с вычислением размеров между слоями, относительно других слоев и т.д. Как именно правильно вычислять подобные размеры? Выкладываю результаты, того что у меня вышло. Все размеры вычислял наугад. Не могу же я постоянно угадывать размеры наугад. Верстаю с psd шаблона. Рисунки(блокнот, бутылка, бокал, тарелка) размещены криво относительно друг друга. Вот, результат на скриншоте. Выкладываю html и css код. Прошу помочь решить проблему. <!DOCTYPE HTML …
0 votes0 answers -
СРОЧНО! ПОМОГИТЕ СО ШРИФТАМИ!
http://dsdfsdsdfkvit.sdfsdfzdfsdato.ru/ сайт. имеется шрифт MyriadPro, код и ссылки для него сгенерировал при помощи великолепного сайта http://www.fontsquirrel.com/ Он выдал мне вот такой css @font-face { font-family: 'MyriadPro'; src: url('myriadpro-semibold.eot'); src: url('myriadpro-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold.woff') format('woff'), url('../fonts/myriadpro-semibold.ttf') format('truetype'), url('../fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg'); font-weight: normal; font-style: normal; } все вроде бы хорошо, все вроде бы ок. Но гадская мозилла почему-то думает, что он жирный. мне …
0 votes4 answers -
Ссылки-картинки, помогите!
Здравствуйте. Срочно нужен чей-то дельный совет. Есть две ссылки-картинки. При наведении на одну, другая должна вылезать наверх как тут http://index12.byethost11.com/. В моей версии http://index13.byethost11.com/ прописаны map(ы) для картинок-ссылок и такого эффекта сделать не получается. Может кто поможет? Please... Вот код для моей версии, с map(ами): <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <link rel="stylesheet" type="text/css" href="css/template.css"/> <style type="text/css"> #charles{ position: relative; height: 706px; width: 588px; z-index: …
0 votes1 answer -
drop-shadow
Блин, вчера создал тему, а она не появилась. В краце, скажите пожалуйста, как можно заставить браузеры понимать drop-shadow??? именно дроп, а не бокс???? http://jsfiddle.net/K5hh5/1/ - вот жесть, лучший вариант придумал с дропом... может кто подскажет как сделать правильно через дроп? Пробовал, и создавать квадрат и наклонять его, но прятать за ссылку не получается, даже z-index: -1 не катит. не обращайте внимания пожалуйста, на дырки внизу, они все равно будут скрыты.
0 votes2 answers -
maybe i see you tonight)
на главной странице шапка сайта оформлена так: (с картинкой!) .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center} перехожу на другую страницу, картинки в шапке нет! Что делать?? код тот же .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center}
0 votes4 answers -
В чем ошибка?
Все работает, но трабл в том, что картинка, которая открыта изначально (она в блоке view при загрузке страницы и у неё черный border на примере) открывается только один раз -- при открытии страницы. Если понажимать на другие страницы и снова нажать на первую (semesyuk1), то она не открывается в блоке view, она просто не реагирует. Пробовал ставить картинку в этот блок через скрипт, тоже ничего не меняется. Плохо то, что я даже не знаю что вбивать в гугл. Подскажите, пожалуйста, в чем трабл? Эта штучка здесь: http://jsfiddle.net/zaebal/2raXG/2/ Изначально открыта картинка с Лаки Страйк, после того как эта картинка сменяется (по клику) её невозможно открыть. Самую первую.
0 votes8 answers -
Менюшка на css
<ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…
0 votes3 answers -
Помогите, страница уезжает вбок(
Народ. Help! Делаю свой первый сайт через старенький редактор и заметил такую неприятность, что если выделить текст или любой объект, и не отпуская кнопку мыши повести её вправо - то все объекты уезжают влево в бесконечность (т.е. чем больше уводишь мышку вправо, тем дальше уходят объекты влево). То же самое будет, если повести мышку вниз - все объекты уезжают вверх. Сайт состоит из двух страниц: index.html и md.html "position: absolute" - уже сразу во всём коде прописана "position: relative" - не помогает Вот, даже сделал упрощенную страничку http://halvamaster.xhc.ru И если в этом коде 783px заменить к примеру, на 2007px - страница соответственно расширяется, н…
0 votes2 answers -
тег @import
Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.
0 votes2 answers -
пропорциональное изменение размера картинки в резиновом блоке
помогите пожалуйста решить проблему есть резиновый блок из 3 картинок. при уменьшении ширины окна браузера ширина картинок уменьшается, но высота не уменьшается. а хотелось бы чтобы при уменьшении ширины экрана ширина картинок уменьшалась и высота картинок тоже уменьшалась пропорционально ширине сервер отдаёт картинки в размере 290x145 px. но это можно изменить. использовать бутстрап и прочие фреймворки нельзя. использовать лёгкий нативный js можно, но не жалательно
0 votes6 answers -
наложение
возможно ли через теги сделать наложение на картинку полупрозрачного белого фона?
0 votes1 answer -
Создание RSS ленты
Подскажите пожалуйста как создать RSS ленту и есть где видео курс как её надо делать ?
0 votes0 answers -
Текст строкой
Установил ограниченную ширину, а текст всё равно идёт строкой и не переносится на след. строчку, выходит за грани (т.е. ширина таблицы из-за него автоматически увеличивается). Ничего не могу понять толком, в чём проблема? http://team-unity.narod.ru/test.html xD Всё, разобрался. Просто у меня текст был одним словом и естественно ничего не переносилось, а я, дурень, в коде ошибку искал. Извините за глупость)
0 votes0 answers -
Проблемы с вёрсткой
Здравствуйте. Помогите пожалуйста, нужно сделать вёрстку сайта похожую на http://www.gazprombank.ru/. Главная фишка сделать главную картинку как на этом сайте (http://www.gazprombank.ru/). При уменьшении страницы картинка обрезается, а блоки расположенные справа от ней сдвигаются на место картинки. Кто-нибудь подскажите примерно как такое сверстать?
0 votes1 answer -
опять у меня проблемы
Здраствуйте! Не прошло и 5 часов после моих сегодняшних вопросов, как появились новые. :blush: В этот раз более серьезный вопрос ( может быть и нет) Дело вот в чем : мне на сайт надо поставить проверку заянятости доменное имени. Такую как стоит на сайтах хостинг провайдеров( думаю с ней все знакомы )Порылся в Инете - нечего нету, ну кроме как самой формы для проверки, естстенно. Как она пишиться? На каком языке? Ктото знает где инфу можно достать? А то у меня уже голова кругом от этих поястоянных вопросов :dash: Заранее спасибо!
0 votes4 answers -
Маркер в горизонтальном списке
Здравствуйте) Сегодня чего-то очень туплю) Специально добавил вопрос в категорию для начинающих. Верстку забыл совсем) Вот сам вопрос: список сделал горизонтальным через display: inline, маркер к списку никак не добавляется. Можно вообще добавить к inline маркер? С float:left все работает О'кей. И еще один вопрос. В последней Opere не отображаются свои шрифты из @font-face, что делать? Весь форум облазил, не нашел ответа, вариант из харбахабра работает, но очень криво.
0 votes1 answer -
Резиновый правый sidebar в Safari и Chrome
Здравствуйте, не получается кроссбраузерно сделать резиновый правый sidebar в Chrome и Safari. Проблема в том, что если ставлю для правого sidebar: margin-left: 250px; (ширина левого 250px; float: left;) то правый тянеться не до конца. Когда использую хак для IE6 и только в нем для правого sidebar ставлю margin-left: 250px, то все ок. Но хочется без хака. Вот пример бага: http://local-schillerfan.vws.com.ua/tools/makeup/makeup.html Цель, без хаков сделать кроссбраузерно валидно резиновый правый sidebar до конца экрана. Мучаюсь уже второй день.
0 votes0 answers -
Не могу разобраться
Всем привет, к сожалению не могу понять что случилось, вставил движок jqwerry на этот раздел, но он почему то не работает на серве, на локальном работает, на сервере есть ещё разделы где есть jqwerry и там все работает, что делать? http://www.vs-aqua.ru/chudo.html
0 votes4 answers -
Стиль для текста
Здравствуйте, верстаю шаблон для новичков . Я хотел дать шрифту который побольше <h4> и применить к нему стиль, но так как там нужно давать два разных стиля для <h4>, этот вариант не подходит. Как правильно применить стиль для этого текста? Дать абзацам класс или можно сделать правильную выборку?
0 votes5 answers -
Как убрать отступы?
Здравствуйте! У меня проблема с отступами на странице. Верхний, правый и левый работаю а вот низ никак не поддается. В CSS значение body стоит margin: 0;, высота body 100% Структура: один div как контейнер а внутри множество остальных. высота контейнера тоже 100% В самом низу контейнера есть изображение которое никак не хочет примыкать к нижней части окна. Выставил рамку для контейнера, тоже не примыкает к низу. Помогите разобраться.
0 votes4 answers -
Выравнивание по вертикали блока внутри блока
Всем доброго дня. Имеем код: <div style="width:500px; height:250px;" class="container"> <div class="content">Произвольный, меняющийся контент, высоту блока задать явно не получится.</div> </div> Вопрос: можно ли div.content выровнять внутри div.container ? vertical-align:middle не работает...
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-