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
-
Вопросик от НубкО
Тякс, подскажите кто сможет! Табличная верстка, в случае если разрешение монитора 1024*768 и выше, то таблица должна принимать ширину = 1000px, в случае если разрешение меньше 1024*768 то таблица сужает одну из своих ячеек и принимает максимальную ширину, но так что бы не появлялась полоса прокрутки по горизонтали... ммм я думаю я понятно обьяснил =) спс за помощь!
0 votes12 answers -
Красивый Input и IE6
Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS
0 votes3 answers -
Какими тегами можно сделать штмл в штмл
Какими тегами можно отобразить страницу штмл в середине тела другого штмл документа??
0 votes7 answers -
как зафиксировать сайт
подскажите плиз как сделать так, чтобы на странице был виден только сайт в пределах разрешения 1440на 900, тоесть что нужно сделать чтобы при приближении и отдалении ничего не менялось и гость сайта если захотел приблизить или отдалить сайт при прокручивании скрола и нажатой кнопки Ctrl на екране ничего не менялось и все оставалось в статичном положении так как изначально видно страницу, без ростягиваний
0 votes6 answers -
текст под изображением
Здравствуйте. В таблице есть строка, в ней три ячейки, в каждой ячейке находится картинка, а под каждую из картинок нужно разместить свой текст расположенный по центру картинки (по горизонтали). Подскажите пожалуйста как это сделать?
0 votes6 answers -
Шапка сайта
Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…
0 votes8 answers -
Выровнять блоки
Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…
0 votes22 answers -
frD-Отправка информации из формы
Уважаемые знатоки! Помогите. Сделал сайт в HTML и CSS. Осталось малое получить от пользователя информацию из формы на E-Mail. Поясните на примере, плиз. Допустим код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="mailto:vasja@pupkin.ru" enctype="text/plain"> <LABEL for="firstname">Имя: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Фамилия: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">e-mail: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Мужской">…
0 votes3 answers -
проблема с текстом...
делаю сайт ... проервяю его на Опере и на IE7 и вот какие у меня проблемы... OPERA IE7 в опере все вверх сдвинуто, а вот в IE7 сдвиноту вниз... вот те куски CSS таблицы, изменяя которую меняется местораспложение... прошу у вас помощи, ибо сам перепробовал все...
0 votes8 answers -
сокращение CSS
Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?
0 votes9 answers -
Вывод результата поиска в фрейм
Доброго всем времени суток. Занимаюсь созданием информационной системы и появилась необходимость организовать в ней поиск. В общем то с поиском справился, а вот с выводами результатов поиска справится никак не получается. win = document.open(document.location,document.title,""); Как прописать конструкцию что бы вывод результатов был в фрейм, а не в всплывающее окно? Пробовал top.frames, self.top.frames, location и много других вариантов - не дают результата. Строка поиска находится в одном фрейме, а вывод результата поисков требуется в другом. <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> <…
0 votes9 answers -
зачем нужен bootstrap
Ладно я тему не правильно назвал, ок bootstrap полезная штучка, только вопрос есть, PSD макет должен тоже под bootstrap делаться? Там же 12 градаций ширины колонки, попиксельно точно не сделаешь.
0 votes4 answers -
sass+compass, проблема с кодировкой
Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?
0 votes4 answers -
Буквы поменялись местами
Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.
0 votes9 answers -
карусель Создание карусели
Здравствуйте, коллеги! Подскажите пожалуйста как лучше реализовать карусель в данном макете. Я имею ввиду, какой самый оптимальный вариант, чистый css, jquery, js, bootstrap? Макет прилагаю. Спасибо!
0 votes5 answers -
высота ячейки и разрешение\тип монитора
Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…
0 votes7 answers -
Emmet в PHPStorm ставит лишние отступы и разрывы строк
пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…
1 vote10 answers -
Проблемы с выравниванием картинки справа вверху в Opera
Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.
0 votes8 answers -
Как у списка (ul) увеличить размер точки
Как у списка (ul) увеличить размер точки ( та что вылазиет с боку автоматом )
0 votes6 answers -
border-radius внутренней границы - никак не регулируется?
border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?
0 votes13 answers -
совмещение фона и изображения
Как, на основной фон наложить обычное белое изображение, через которое хоть не много веднелся бы Основной фон??? Плиззз.
0 votes5 answers -
Бегущая строка Хелп!
Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...
0 votes8 answers -
Масштабирование
Всем привет ! Можно ли в тексте HTML явно указать масштаб страницы ?
0 votes9 answers -
Несколько background'ов для одного элемента
Стоит задача создать блок с 4-мя закругл?нными уголками и чтобы каждая сторона блока отбрасывала тень. Фактически, если сделать это как я умею, то понадобится минимум 8 вложенных сло?в (по одному для каждого background'а). Может быть есть меннее затратный способ такое реализовать, может быть как-то можно использовать для одного несколько background'ов?
0 votes3 answers -
Толщина границ и линий
Вот код в Dreamweaver CS3 В Firefox чертит жирную линию, а в IE тонкую как я и хочу, как сделать чтобы было одинаково. Каким еще способом можно чертить линии. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <table width="90%" align=center > <tr> <td widht=1 bgcolor=#000000 ></td> </tr> </table> </body> </html>
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-