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
-
в IE и FF исходный текст (код html) открывается в новом маленьком...
в IE и FF исходный текст (код html) открывается в новом маленьком окне, а в Опере на всю страницу. Можно ли настроить чтобы в Опере открывались в маленьком окне? как в IE и FF
0 votes2 answers -
горизонтальный список с графическими разделителями
Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…
0 votes13 answers -
Скрол в ячейке таблицы при высоте 100% экрана
В левую ячейку необходимо добавить полосу прокрутки, при том, что высота таблицы будет 100% от экрана. (параметр position: fixed мне необходим). <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" lang="ru" xml:lang="ru"> <head> <title> Тестовая страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Style-Type" content="text/css"/> <!Язык таблиц стилей CSS> <meta name="Resource-Type" content="Document" /> <style type="text/css"> BODY …
0 votes11 answers -
background на половину экрана
Добрый день. Нужно сделать вот такой background Меня интересует как сделать точки в блоке, в который вложена фигура? Т.е. блок в верху примерно 10%, а внизу 60%. И сами точки, их лучше изображением вставить?
0 votes3 answers -
Кто должен делать адаптивность?
Вопрос на засыпку тем, кто работает в веб-студиях. Кто у вас делает макеты под планшеты/телефоны - дизайнер или верстальщик? Знаю, что есть разные мнения. Кто-то говорит, что это должен проектировать дизайнер. Кто-то, что достаточно версии для десктопа, а остальное и так понятно, и рисовать это ненужно, мол пользуясь тем же бутстрапом - там все элементы уже сделаны. Какого ваше мнение?
0 votes12 answers -
Меню на рисунке
Я не смыслю полностью в этом деле...поетому никак немогу сообразить как сделать мо? меню - www.mpchat.ru/underwhat на рисунке..слева..оно все время сдвигает рисунки... Вот код...всего что у меня на титульнике...искала в шаг за шагом но ничего не нашла.. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" …
0 votes6 answers -
Вопрос для гуру верстки
Всем привет столкнулся вот с такой проблемой http://clip2net.com/clip/m32940/1273163333-clip-501kb.jpg все что помечено стрелочками должно быть за пределами экрана монтиора начиная от разрешения 1024 на 768 , без полосы горизонтальной прокрутки в браузере.Полоски слева и справа от контента репитится и снизу уголки должны быть внизу полосок.Помогите -"пиваза" поставлю материально))
0 votes7 answers -
Структура документа на HTML 5
Здравствуйте! Подскажите, правильно ли я использовал новые теги HTML 5? Если нет, поправьте пожалуйста. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Страничка на HTML 5</title> </head> <body> <section> <header> <h1>Страничка на HTML 5</h1> <nav> <ul> <li><a href='#'>Пункт меню 1</a></li> <li><a href='#'>Пункт меню 2</a></li> <li><a href='#'>Пункт меню 3</a></li> …
0 votes7 answers -
Проблема с кодировкой поиска phprusearch
Перекодировал сайт в UTF-8 и перестал работать поиск (phprusearch). На русские запросы отвечает "ничего не найдено", если ввести английское слово выдает вот такие иероглифы. Кодировка на страницах UTF-8 и в htaccess тоже.
0 votes5 answers -
Новые html5 теги. Как правильно использовать?
Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…
0 votes12 answers -
Многоуровневое адаптивное меню, какое лучше?
Товарищи, перелопатил много менюшек, но не нашел нормального решения ( Требуется многоуровневое меню(2х, 3х-уровневое), адаптивное, скачал одно, разобрался, но на планшете и в телефоне глючит и заедает, другое так же, может есть какое то готовое хорошее решение?
0 votes1 answer -
У рисунка нужно сделать двойную рамку.
Есть рисунок, ему можно задать одну рамку через border, а как можно сделать ещ? одну через 3 пикселя? <img style src='mult.jpg' alt='' width="135" height="135" hspace="10" align="left" border="2"> Мне делали подсказу, что типа через padding, говорили что нужно использовать стили, но вот хоть убей не понимаю. Поэтому обращаюсь к Вам Профессионалам своего дела. Подскажите плиз!
0 votes4 answers -
Подсветка ника
Здравствуйте. У меня вопрос: как создать подсветку ника фоновой картинкой на форумах vBulletin (и можно ли) вот таким вот образом: http://forums.narutofan.com/member.php?u=61126
0 votes5 answers -
Обрезать флешку с двух концов под разрешение экрана
Задача такая. Есть флешка с разрешением 1280, необходимо на разрешении 1024 выводить центр этой флешки, то есть как бы обрезать ее с двух концов и вывести только центр. Вопрос. При помощи CSS это возможно как то реализовать ?
0 votes9 answers -
Нуждаюсь в помощи
Почему данная таблица <?if($POLL$)?> <table width="200" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody><tr><td style="background: rgb(84, 106, 130) url(http://s27.ucoz.net/t/341/8.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 20px; color: rgb(245, 247, 249);" height="19"><b>Опрос</b></td></tr> <tr><td style="padding: 5px; background: rgb(201, 210, 222) url(http://s27.ucoz.net/t/341/9.gif) no-repeat scroll center top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz…
0 votes9 answers -
DOM или Sprite
В вёрстке мне необходимо изображать несколько квадратов внутри ячейки таблицы. Их можно сделать с помощью применения стилей к некоторому элементу DOM. Например, сделать три div. С одинаковой шириной и высотой, дать отступ справа, выровнять их вправо с помощью float. Но можно сделать Sprite и подставлять эти же квадратики фоном. Я уже делал и так и так. По моим наблюдение много float тормозит отображение. А использование фонового изображения создаёт эффект, что картинки появляются не сразу. Так как таких квадратиком до сотни на странице. Какие вы видите за или против этих двух способов? Или может есть что-то лучше, чем я описал?
0 votes17 answers -
Вопросы по использованию Jooml'ы
Здравствуйте. Сейчас я в раздумье... Сейчас у меня хост без РНР, и я думаю, переходить мне на тариф с РНР, или нет... Прежде чем принять решение, хотел бы задать несколько вопросов и прочитать ваши ответы-советы: 1. На сервере установлена CMS Joomla (по заверению хостера)... смогу ли я сделать на Jooml'е форум и что мне для этого будет нужно (что-то где-то скачать, купить, инсталлировать, загрузить и т.п.) или ничего не нужно? 2. Если у меня будет форум на РНР, смогу ли я прикрутить его к своему сайту, сделанному исключительно на html+CSS? 3. Если я захочу перевести сайт с html+CSS на РНР, означает ли это полную переделку сайта? Спасибо С уважением
0 votes6 answers -
XML Events
Что такое XML Events? Хотел бы разобраться. Пробывал курить мануал W3C по XML Events. Но он слишком тяжелый для меня - я такие не курю. А больше то инфы то и нет... Вопрос: Может кто приведет реально работающий простенький код с XML Events (только не надо кидать ссылки на xForms, пожалуйста), что бы был там XML/XHTML и вот этот XML Events и только?
0 votes1 answer -
:blink: Опять у меня проблема с ИЕ
В форуме рылся но не нашёл ответа Вот http://palitra-oil.narod.ru/stoimost.html
0 votes6 answers -
Курсы HTML/CSS
Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!
0 votes14 answers -
Выравнивание картинок с подписью по горизонтали
Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…
0 votes7 answers -
Помогите доделать задание, пожалуйста. Наработки присутствуют.
Я сделал вот это - внизу скрин. Надо сделать то, что под 8 и 9 номером. Как это сделать? уже неделю ищу - не могу ничего найти. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Four sectors circle</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <h1>Круг из четырех секторов</h1> <style> .custom-button>use { fill: rgb(202, 20, 36); } .custom-button:hover { stroke: black; …
0 votes0 answers -
Opera 9.* и em
Здравствуйте. Решил попробовать сверстать эластичный макет (с использованием em практически для всего) и столкнулся с проблемой. Вот на этой страничке пробник моей верстки. Пользователи Оперы, обратите внимание на ширину верхнего навигационного меню (#top_menu) - оно намного меньше, чем нужно. При этом во всех остальных браузерах, в которых я тестил эту страничку, с шириной меню все нормально. Размеры подгонял под все браузеры, чтобы при масштабировании верстка сильно не сыпалась Подскажите, пожалуйста, в чем может быть причина косяка и косяк ли это вообще?
0 votes3 answers -
Раскрывающийся список
Здравствуйте уважаемые форумчане! На любимом нами сайте вот здесь есть раскрывающиеся списки, надавил на "плюс" и ... вуаля. Где то видела информацию, не могу найти.
0 votes5 answers -
наследование прозрачности от родительского блока дочерним
здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-