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
-
Как сделать так чтобы div'ы прилипали друг к другу
Все привет, столкнулся с токой проблемой, что высота моих div'ов разная, и они не могут прилипнуть друг к другу как это исправить? блоки идут в ряд с помощью float: left
0 votes2 answers -
Проблема с нестандартыми шрифтами.
Всем привет!Столкнулся с проблемой подключения нестандартных шрифтов,решил её подключением sIFR,НО,в опере и лисе всё как и положенно заменяется,а в ИЕ 6,7(в 8 не тестил,нету под рукой),вообще ничего не работает.Так вот вопрос: так и должно быть или я что-то не так сделал? P.S. sIFR устанавливал для движка WordPress.
0 votes3 answers -
Помогите с вёрсткой слоями!
Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…
0 votes13 answers -
figure внутри a
Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …
0 votes5 answers -
Прижать блок к правому блоку без скрола при смене разрешения экрана
Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!
0 votes9 answers -
Размер шрифта в Safari
Шрифт 14pt в FF (других браузерах) и Safari - совсем не одно и тоже. В 2 блоках вылезают надписи. Разница разительна. Про сголаживание я вообще молчу. Как решить проблему без костылей?
0 votes9 answers -
Как отцентрировать центральный блок?
Сабж https://jsfiddle.net/vpy7sn26/1/ Как отцентрировать центральный блок? Можно сделать так же, но без float? (без padding и margin) margin: auto для inline-block походу не работает? исправил наименование блоков
0 votes12 answers -
периодическое обновление страницы
Помогите пожалуйста, как сделать, чтобы страница автоматически периодически обновлялась с интервалом n секунд?
0 votes3 answers -
в файрфоксе все отлично, а в ИЕ - все разламывается
такая проблема - сверстал страничку таблицами в хтмл, ну немного цсс еще в голове добавил. в файрфоксе все смотрится отлично - однако, при открытии в ИЕ этот сраный браузер зачем все нахрен наперекосяк сдвигает - логотип разламывается, вырание по центру сбивается, половина текста куда-то пропадет.. подскажите, пожалуйста, если кто знает, из-за чего это может быть.. вот код страницы: <html> <head> <title>Наружная реклама с расчетами по бартеру</title> <style type="text/css"> body { background: #ffffff; margin: 0; padding: 0; spacing: 0; } a { text-decoration: underline; font-family: Verdana, Tahoma, Arial, sans-serif; } a:hover …
0 votes9 answers -
Background
Подскажите пожалуйста такую штуку - можно ли начинать repeat с любой точки экрана? и ещё: можно ли одну и ту же картинку вставить и копировать по Y снчала слева, а потом справа?
0 votes11 answers -
Перестало отображаться видео с YouTube
Господа профессионалы. У меня такая проблема. Есть у меня сайт http://cyclovac.kiev.ua/ на нем есть статьи в которых есть текст, картинки и видео. Пару месяцев назад все прекрасно работало. на днях решил поменять текст в статьях и... о "лажа" на сайте исчезли видео ролики с youtube!!! Ничего не трогал, ничего не менял. Вот именно после редактирования статьи начинает исчезать видео и так на всем сайте. Пробовал пере заливать видео по новой ничего не выходит. Работаю через Джмумлу, в админ зоне, редакторе, видео видно что есть, а на сайте место под видео есть но оно пустое. Вот ссылка на статью где не отображается видео: http://cyclovac.kiev.ua/cyclovac/ischezayuschiy-shla…
0 votes2 answers -
Резиновая кнопка
Доброго времени суток.Верстаю макет и столкнулся с проблемой: есть вырезанная кнопка, без названия, нужно сделать так, что бы была функциональная кнопка, с возможностью изменят её название и естественно ели название длинное то, что бы кнопка растягивалась. И вот ещё пару проблем 1) :href в хедере и 2) сели вы откроете его в IE то увидите третью проблему(отступ под хедером), как его убрать тоже не могу понять. В общем вот таки трудности ((( Буду очень признателен за помощь.
0 votes14 answers -
Лишние отступы и проблема с border+z-index в IE7
Здравствуйте. Есть непростое меню, где элементы при наводке увеличиваются, занимая часть пространства соседнего элемента. Вот оно: http://atm-book.ru/test/1/ Сделано это с помощью абсолютного позиционирования. Проблема в том, что в IE7 появляется нижний отступ при наводке на элемент и видна верхняя рамка нижнего элемента, не смотря на то, что z-index'ом однозначно указано, что элемент при наводке находится выше остальных. Естественно, что во всех нормальных браузерах всё работает как надо. Код HTML: <ul class="main_menu"> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> <li><a href="#">…
0 votes2 answers -
двухцветная раскраска для div
У меня на сайте есть список блоков <div>текст</div> <div>текст</div> <div>текст</div> <div>текст</div> <div>текст</div> ... Хочу сделать его двухцветным, как зебра - черный - белый - черный - белый - черный - белый. Вот тут нашел варианты для таблицы, а для блоков найти не могу. Помогите, пожалуйста, ссылкой на решение или вариантом, как это можно сделать? Сам джаваскрипт не знаю пока, не могу написать скрипт. А кстати кссом можно такое сделать?
0 votes5 answers -
favicon
Всем привет! У меня не большая проблема с favicon, сделал его размером 16х16 на одном из сайтов, скопировал его в корневой каталог и прописал между тегами <head> </head> как там написано <link rel="shortcut icon" href="/favicon.ico"/> <link href="/favicon.ico" rel="icon" type="image/x-icon" /> Но у меня не хочет отображаться почему-то Не подскажете в чем причина?
0 votes13 answers -
div и браузеры
Добрый вечер! верстаю меню меню состоит из див и вложенных еще несколько див имеющий свой бг в которых размещена всякая информация, после меню идет картинка , но проблема в том что картинка не находится в див, но все браузеры отображают ее как в этом диве, то есть она имеет бг как у меню, а этого не нужно, браузер перестает понимать что картинка находится не в диве только тогда когда добавляешь еще один закрытый див, но после этого верстка становится не валидной так как все дивы закрыты. В чем может быть проблема? прошу помочь код css .help_bg_y { width: 159px; margin: 0 0 0 14px; background: red ; } .help_…
0 votes17 answers -
Что такое SEDO?
Сразу хочу извиниться если пишу не в соответствующем разделе (не нашел куда еще можно с таким вопросом). Захожу на сайт и вижу такую страничку. Несколько лет назад по этому адресу был сайт фирмы, потом его забросили, теперь на прежнем месте начинаем делать новый. Разъясните пожалуйста, кто это такие. Правильно ли я понимаю, что некие SEDO успели купить домен, а теперь надеются продать его за больше 1000 евро?
0 votes2 answers -
Рамки для текста
Проблема кроется здесь http://bartsva.narod.ru/ А хотелось бы чтобы выглядело как здесь http://bartsva.narod.ru/index2.html только с текстом (здесь будет текст) из первого варианта Помогите!?
0 votes3 answers -
Картинка в закругленной рамке!
Имеется рамка: Как поместить в такую рамку изображение, чтобы углы картинки были срезаны а рамка масштабировалась под размеры картинки Примерно так:
0 votes7 answers -
Как задать жеские рамки растяжения таблицы?
Имеются 2е ячейки: одна с навигацией, другая с погружаемым контентом. Ширина первой задана жестко (в пикселях), ширина второй - процентно. Соответственно, когда я уменьшаю-растягиваю окно браузера, первая ячека не меняет своих размеров, а вторая сужается-растягивается. проблема в том, что мне нужно, чтобы вторая ячека сужалась до нужного мне лимита, допустим 400px, и растягивалась(если открывать сайт на мониторе с большим разрешением) тоже до определенного лимита, допусним 1500px. Как это сделать?
0 votes3 answers -
CSS-хаки
Скажите для того чтоб задавать дял браузера ИЕ для опр. классов опред. свойства для версий Ие: * IE 6 — * html * IE 7 — *+html А что использовать для 8ой версии тогда?
0 votes21 answers -
несколько слов равномерно растянуть по горизонтали
подбросьте пожалуйста идею как можно с помощью CSS несколько коротких кусков текста равномерно расположить по горизонтали. то есть все они должны быть в одной строке. расстояние между ними одинаковое. при уменьшении окна браузера пустые места между кусками текста уменьшаются. количество кусков текста разное. от 3 до 7 в среднем... мне не готовый код нужен, а только идея. хотя коду тоже буду рад заранее спасибо ps так же интересен вариант когда при уменьшении окна браузера расстояние между кусками текста не изменяется
0 votes8 answers -
Float in Float
Привет всем! Вот недавно для себя обнаружил еще 1 странное поведение ие6,7. Вот решил поделиться с вами, возможно конечно кто-то уже в теме, но думаю тем не менее некоторым тоже будет полезно узнать Скажем есть внешний блок, он зафлоачен лефтом! В нем есть 3 блока (как бэ мы делаем растягивающуюся менюху с закругленными краями по бокам, высота фиксированная). Эти 3 блока (включая правый) нужно все флоатить по лефту! Если правый блок (уголок) зафлоатить райт, то в ие 6,7 это растянет внешний блок (в данном примере .menu_item) с флоатом лефт на всю ширину экрана. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra…
0 votes15 answers -
в хроме и ie блочные элемент съезжает
Доброго времени суток. Попытался сверстать страничку, в Лисе вроде нормально отображается, в Опере тоже, в Хроме горизонтальное меню то ли съезжает, то ли расплющивается (при изменении масштаба точно), в IE7 аналогичная история, ну и плюс элементы одного из списков почему-то располагаются вертикально, притом том что тегам li установлен float:left. http://test3.22web.net/ ссылка на страничку дабы вам было удобнее. Укажите пожалуйста на мои ошибки, и подскажите как решить. Заранее спасибо. p.s. firebug так и не подсказал, видимо я не туда смотрел
0 votes10 answers -
Как зификсировать элемент..?
Наверное примитив, но вс? же.. Вот страничка с бэкграундом и одной картинкой, а над ней флажки языков, вс? это в таблице или нет.. пробовал флажки выносить из таблицы. Проблема в том, что у картинки стиль параметр отступа от левого края, вс? ок, но я хочу, что бы флажки всегда при разных разрешениях и уменьшения окна браузера - были справа. Вот например уменьшая окно браузера та картинка оста?тся справо и появляется полоса прокрутки (это вс? хорошо), но вот флажки передвигаются по правому краю уменьшеного окна и остаются видны.. и не получается их зафиксировать по правому краю так, что бы правый край был не край отка браузера, а край в зависимости от той картинки например…
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-