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://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело п…
0 votes2 answers -
Вертикалное направление текста в таблице
Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??
0 votes2 answers -
Иконки для соцсетей
Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>
0 votes1 answer -
изображение в ссылке
Доброго времени суток! Возможно вопрос и тупой, но не судите строго: Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!
0 votes11 answers -
Ширина столбца в таблице в Chrome
Здравствуйте. Столкнулся с такой проблемой. В опере, огнелисе и даже ИЕ все хорошо, а в хроме плохо. Есть таблица: <table cellpadding = "0" cellspacing = "0" id="header_table1" border = "1" align="center"> <tr> <td colspan="6" class="top-column1"></td> </tr> <tr> <td class="left-column1"></td> <td class="logo-column1" colspan="2"></td> <td class="slogan-column1" colspan="2"></td> <td class="right-column1"></td> </tr> <tr> <td class="leftmenu-column1" colspan="2"></td> <td class="menu-column1" colspan="2"> </td> <td c…
0 votes3 answers -
CSS position: absolute Vs relative
Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…
0 votes9 answers -
Макет для первой верстки
Хочу сверстать шаблон интернет магазина. Прочитал самоучитель по html, css, блочной верстке. Насколько сложно будет сверстать данный шаблон для первого раза
0 votes11 answers -
Как вставить видио?
У меня есть видио файл, мне нужно вставить его в страницу, та там не только одно, а несколько видио, как можна их вставлять? где ставить код и какой он? говорю сразу, мне нужно только окно прогирывателя, перекрутка и звук
0 votes4 answers -
Этак, не знаю что придумать!
В общем верстаю шаблон для cms и вот столкнулсо с проблеммой, не могу 3 части собрать в один левый блок, чтобы они зависили друг от друга, тоесть в середине будет баграунд который будет по оси "y" расмножаться, нужно чтобы одновременно с этим и нижняя часть двигалась за фоном, т.е. чтобы не имела постояной координаты, а двигалась за баграундом, вот прилагаю для понятности скрины и фрагмент кода..... Кстати с отображением тоже проблеммы в opere, я так понил что из-за абсолютного положения, с этим я уже сталкивалсо) Этак вот код html <div id="blockhead"> <h3>$title</h3> </div> <div id="block"> $content </div> <div id="blockfooter"&…
0 votes7 answers -
Раскраска таблицы XML > HTML (XSLT)
Добрый день! Возможно данная задача (см. рисунок) для некоторых покажется простой, но для меня, как для начинающего в xslt - доставляет трудности. Задача в следующем: необходим раскрасить таблицу с учетом rowspan. Обычно я использовал проверку "position() mod 2 = 0", но тут это не прокатит. Решение вроде бы витает где-то рядом, но все же витает Заранее благодарен. <?xml version="1.0" encoding="UTF-8" ?> <table border="1"> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td>a</td> <td>b</td> <td>…
0 votes4 answers -
Выравнивание текста в блоке
Доброго всем времени суток. Завел себе блог на tumblr.com, хороший ресурс но со своими косяками. Больше всего меня беспокоит отсутствие в редакторе выравнивания текста, поэтому приходится задавать параметры в коде шаблона. Еще одна особенность данного сервиса, постинг разбит на категории (текст, фото, цитата и тп.) и каждый блок имеет свои особенности. Так вот, хочу попросить вашей помощи для выравнивания текста в блоке цитата по правому краю. Сейчас текст всех блоков выравнивается по центру, это мне подходит, но в блоке цитата нужно выравнивать по правому краю, помучался но та не чего и не получилось, все-таки знаний html не хватает. Буду очень благодарен за помощь. Вот…
0 votes1 answer -
Выравнивание блоков по ширине
Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.
0 votes7 answers -
проблема со стилями css
Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> <…
0 votes4 answers -
Как реализовать таблицу из 2-х ячеек в DIVах..
Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном.(т.е. вся строчка 100% ширины).как реализовать на блоках... В резиновой ячейке может быть блок фиксированной ширины...нельзя чтобы при сжатии экрана картинка уходила вниз под блок в левой ячейке...
0 votes5 answers -
Отображение Картинок
Заранее сорри еси такая тема была, юзанье поиска непомогло. В общем: <HTML> <HEAD> </HEAD> <BODY> <IMG scr="picture.jpg"> </BODY> </HTML> Картинка не грузитса вообще. В ІЕ хотя бы появляетса поле куда должна была загрузитса картинка а в Мазиле и Опере вообще пустой белый лист. Картинка находитса на том же диске что и сам сайт. Интересно что еси ставить эту картинку в качестве фона тобиш юзать background то все показываетса.
0 votes6 answers -
Несколько изображений в фоне.
Захотелось воссоздать дизайн этого сайта http://www.comixfactory.de/ на своем блоге в Blogger.ru С центральной частью и основным фоном разобрался. А вот 2 фоновые боковые картинки реализовать не удается: http://www.comixfactory.de/images/zeche.png http://www.comixfactory.de/images/figuren.png Посмотрел, как это выглядит в коде оригинала: <body> <div id="zeche"></div> <div id="figuren"></div> В css: #zeche { position:absolute; background-image:url(images/zeche.png); background-repeat:no-repeat; width:415px; height:547px; right:0px; bottom:0px; } #figuren { position:absolute; background-image:url(images/figuren.png); background-r…
0 votes10 answers -
Посоветуйте крутилку для баннеров
Посоветуйте какую-нибудь хорошую крутилку для баннеров.
0 votes7 answers -
Инструменты тестирования на кроссбраузерность
Подскажите, пожалуйста, есть ли opensource приложение для тестирования страниц в разных версиях браузеров (Windows и Linux)? Очень нужно. Спасибо.
0 votes13 answers -
структура сайта на flex
помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox
0 votes1 answer -
Тонкости cursor: url
Здравствуйте, делаю такие стили: body { cursor: url("/images/pupbg.png"), auto; /* размер 4х4, вес 174 байта, работает */ } h1 { cursor: url("/images/unit.png"), auto; /* размер 170х200, вес 37 кбайт, не работает :( */ } h2 { cursor: url("/images/happy.png"), auto; /* размер 50х50, вес 5 кбайт, работает */ } В первом и последнем случае курсор-картинка работает, во втором - нет. Очевидно, что проблема в большом размере и весе картинки. Где-то можно узнать максимальные допустимые размеры? Пересмотрел пару десятков статей на эту тему - нигде такой информации не нашел.
0 votes2 answers -
Картинка при наведении + навигационная карта
Попробую детальней описать свою проблему. У меня есть картинка карты страны. Там много городов. Каждый город я выделил на картинке (карте) чёрной жирной точкой. Мне нужно, чтобы каждый город имел ссылку. Это можно воплотить с помощью навигационной карты. Но есть одна загвоздка: при этом мне надо, чтобы наводя мышкой на город, его картинка изменялась - то есть чёрная точка изменялась, например, на синюю. Подскажите как подобное воплотить? Просто уже много вариантов испробовал, но полностью ни один не подошёл.
0 votes7 answers -
Назначение каждому заголовку h1 картинки перед ним
Возможно вообще назначить заголовку картинку бэкграундом? Нужно чтобы на всех страницах у каждого заголовка h1 перед ним была картиночка(страниц очень много). Я через стили и так пытался, и так, но никак не выходит - не появляется картинка и все тут. Просто назначить ее беком не выходит; если сделать заголовок блочным элементом, назначить ему высоту и т.п., то тоже картинка не появляется и т.п. Это вообще возможно сделать только через стиль? Или как еще можно картинку перед каждым заголовком расположить?
0 votes6 answers -
Не отображается спрайт
вечер добрый подскажите из за чего не отображаются спрайты http://jsfiddle.net/mrfrunze/263ndx37/ class .data .coll - sprites Спасибо. В общем нашел причину, нужно прописывать background:url(../images/sprite.png) -78px -9px; где значение цифр ширина и высота ))))
0 votes0 answers -
Отсчет дней, часов, минут, секунд.
Какм можно сделать отсчет дней, часов, минут, секунд.?
0 votes8 answers -
Почему не работает z-index
css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-