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
-
Не могу заставить <button> действовать как inline
Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/
1 vote6 answers -
Эффект при наведении
Всем привет, подскажите пожалуйста как добиться такого эффекта при наведении как на видео. Заранее всех благодарю. ScreenRecorderProject2.mkv
0 votes4 answers -
Gulp-webp-css игнорирует background:none,
Верстаю шаблон в VS Code с Gulp, возникла необходимость убрать иконку при уменьшении экрана через background:none через @media (max-width: $md1+px) { background: none; padding: 0; }. В результате background не пропадает, принудительно выводит изображение не смотря на background:none: В webpcss в gulpfile .pipe(webpcss({ webpClass: '', noWebpClass: '.no-webp' })). Не знаю, как решить эту задачу.
0 votes5 answers -
В?рстка слоями, поможите программеру
Я вот программер прикладной, заставили сайт написать собственно хотел попросить помощи, потому как столкнулся с некоторыми проблемами. Макет такой (всего 6 ло?в): @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Не получается без position: absolute сообразить как правый слой между шапками сделать та…
0 votes4 answers -
!!!!!DIV!!!!!Или как все начинаеться
Опытные верстальщики можете подсказать мне как начинать сроить веб страничку.Что такое слои в веб страницах.И зачем нужен вообще параметр DIV(литературу читела,но нифига толком так и не понял)Я например когда начинаю строить страничку,то делаю это через таблицу(header,footer....),но меня дерзают смутные сомнения,что этот метод уже устарел.Так что советуйте
0 votes5 answers -
альтернатива position
Скажите пожалуйсто, известно то что на MSIE 6.0, 5.0 не поддерживается или частично поддерживается position, получилось так что в коде (цсс ) есть position и не раз повторяется, есть ли какая то альтернатива? или как можно заставить браузер воспринимать position ? спасибо.
0 votes2 answers -
Верстка простенького макета. Помогите.
Здравствйте, всю жизнь верстал таблицами и не знал бед. Но тут решился освоить верстку дивами Уже буквально закипаю Помогите с простеньким макетиком. <!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=windows-1251" /> <title>Untitled Document</title> </head> <body bgcolor="#99CCFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"> <!-- black white frame --> <div id="frame" style="margin:0 auto; width:980px; margin-top:…
0 votes5 answers -
Счетчик посещений
Как сделать счетчик посещений что бы количество посещений он записывал в текстовый файл?
0 votes4 answers -
Рамка вокруг тела сайта.
Приветствую! Подскажите, пожалуйста, как на html можно создать бордер в один пиксель заданного цвета вокруг всего тела сайта? Заранее спасибо!
0 votes8 answers -
Растягивание блока в высоту
Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b
0 votes7 answers -
Стиль для ссылки с rel
В общем, есть ворох ссылок с попапами в виде Rokbox (разновидность Lightbox'а), рокбокс определяет свое поведение по атрибуту rel="rokbox" в теге ссылки. Есть желание менять курсор на кастомный при наведении на такую ссылку, чтобы было понятно, что можно развернуть картинку по ссылке. Очень не хочется этим ссылкам прописывать классы, потому как данные хранятся в CMS в базе данных и в ручную это делать мне совсем не улыбается. В связи с этим вопрос - по атрибуту rel никак стиль не зацепить? Что-то мне подсказывает, что никак..
0 votes6 answers -
Индексированные цвета...
В Photoshop копирую фрагмент, вставляю в новый документ, он вставляется в ИНДЕКСИРОВАННЫХ ЦВЕТАХ, далее сохраняю для веб и устройств тоже в индексированных цветах... Это нормально?? Если нет, то как сделать чтобы Ps вставлял и сохранял как надо?? И как надо??
0 votes3 answers -
Трудности с версткой в Opera и IE
Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!
0 votes11 answers -
Вывод содержимого внутреннего блока вверх кода html
Уважаемые коллеги! Нуждаюсь в помощи профи. Требуется, чтобы в html коде содержимое блока middle-container располагалось в самом верху, то есть перед блоком header. В блоке middle-container будет размещён основной контент, поэтому в коде он должен идти первым, а потом все остальные блоки: шапка, левый и правый сайдбары, футер. Буду благодарен за помощь! Код HTML: <div id="content"> <div id="header"></div> <div class="wrap"> <div class="right-sidebar"></div> <div class="left-sidebar"></div> <div class="middle-container"></div> <div style="clear:both;"></div> </div&…
0 votes13 answers -
Нужна помощь по верстке
Здравствуйте все. Пишу в этот раздел, потому что в "сделайте мне бесплатно" не пускает писать. У меня полный "затык" с версткой сайта по макету и скорей всего путаница в div'ах. Очень хотелось бы найти человека, кто мог бы мне помочь с этой версткой (созвониться по скайпу (объяснить проблемы), использовать удаленку если нужно). Я сделала все что могла с этим сайтом.
0 votes16 answers -
Паранормальный HTML
Здравствуйте, я вот никак не могу понять почему так происходит, объясните пожалуйста... Есть информационный блок сайта где просто перечислены вложенными списками населённые пункты, вёрстка там самая обычная (float: left, margin-left, clear: left): При просмотре сайта на любом мобильном устройстве в вертикальном положении, размер шрифта правых ссылок становится заметно больше чем левых: Если перевернуть устройство в горизонтальное положение то всё становится ровно, так как и должно быть. Никакой адаптивности нет, нигде не задаётся размер индивидуально к чему-либо (он только у body и всё, на всём сайте), никакой font-size не помогает вместе с !…
0 votes8 answers -
проблема с border
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…
0 votes1 answer -
class и id в одном теге
Подскажите, употребление class и id в одном теге приемлемо? Это не ошибка? Работает оно так прекрасно, мне просто интересна концепция.
0 votes4 answers -
Ширина высота рисунка в background
собственно есть стиль: td.bg_fotogal1 { background: url(images/bg_fotogal1.png) no-repeat; background-position: right top; width: 28px; height: 16px; } но здесь указана только ширина и высота ячейки таблицы, а я хотел бы также указать высоту и ширину выводимого background?
0 votes3 answers -
Неверная кодировка отображения. charset=windows-1251
Здравствуйте. Вот адрес сайта. В коде указан charset=windows-1251. IE отображает нормально. Opera и FF каракули показывает. Собственно сайт был взят из сети в кодировке UTF-8 и изменена информация на нем. Немного причесан и прочее. Была вставлена строка <meta http-equiv="content-type" content="text/html; charset=windows-1251">. После этого сайт был выложен на хостинг. На хостинг выкладывал не я, но мне надо помочь этим людям разобраться с трудностями. В чем может быть причина каракулей? Спасибо.
0 votes2 answers -
Как отправить заявку
Помогите пожалуйста, надо чтобы после нажатии кнопки "Оправить" вся заполненная информация пошла на адрес электронной почты и чтобы появлялось окно с надписью "Ваша Заявка отправлена". <body text="#CCCCCC" bgcolor="#000000" class="text" id="strona-en" p {margin-right: 0px;} link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF"> <div align="left"> <!-- #top --> <img src="Kartinki/Logo_black_white.jpg"border="0" width="1000" height="120"/> <hr size="6"></div> <form action="mailto:cppkpsutd@mail.ru" enctype="text/plain"> <td width="75%" height="10" align="center" valign="top" class="стиль1"><div class="стиль34"> <p ali…
0 votes8 answers -
Как мне растянуть среднюю таблицу?
Только учусь верстать. Взялся сверстать учебный макет... Помогите правильно растянуть среднюю таблицу...не знаю что делать...она не тянется...все мозги вынес...прописать жестко height по условию задания нельзя...надо, чтобы все эффективно тянулось как в ширину, так и в высоту... Люди добрые, если кому не тяжело...подскажите начинающему... <!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" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Премия "Серебряное копытце". Рога и копыта…
0 votes3 answers -
Некорректное Отображение Div'a
Добрый день всем. Я новичок в этом деле и откровенно говоря это мой первый сай, точнее это только подготовка шаблона. Понемногу читаю, вникаю в суть. Начал делать шаблон и меню. Меню сделал, шаблон можно сказать тоже, но вот появились две проблеммы: 1. Главный контейнер (DIV, это картинка см. рис.1) прилип к левому краю, хотя все параметры я прописал в CSS для оцентровки. Такая картина во всех браузерах. В Opere вообще снизу появился какой-то подвал т.е. рис.1 не отображается там. 2. Меню почему-то не прилипает к верхнему краю, почему так? Появился отступ. 3. Меню делал по следующей технологии - http://demiart.ru/forum/index.php?showtopic=85145 Всё получилось, только не м…
0 votes13 answers -
Дочерне-родительские селекторы
Здравствуйте. Пример: <div class="main"> <ul> <li> <a href="http://site.ru">текст ссылки 1</em></a> </li> </ul> </div> Подскажите, как для div.main переопределить свойства, но только если внутри него (и внутри списка) есть ссылка на сайт site.ru? div.main ul li a[href^=http://site.ru] {...} изменить свойства ссылки, а нужно изменить свойства div.main.
0 votes3 answers -
Неправильное отображение картинок в IE
Не так давно начал делать сайты, знаю про глюки ИЕ, но с таким столкнулся впервые, гугл ни к чему не привёл. Шапка сайта переходит в фон, а ИЕ делает мне подвох. Описать словами трудно, прилагаю картинки. Во всех браузерах отображается так А в ИЕ вот так Как с этим бороться? Почему шапка не перетекает в бэкграунд?
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-