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
-
Reset или normalize или ?
Привет всем Почитав некоторые сообщения тут на форуме, в тоже время начав верстать очередной макет и подключив normalize, мне захотелось создать эту тему) Так ли плохи ресеты? Хотелось бы узнать от опытных p.s кто считает тему не нужной, можете просто проголосовать и не отписываться)
0 votes9 answers -
единицы измерения - em
иногда в сss сайтов встречаю например padding: .5em; в данном примере непонятно зачем и что em ? почему просто не ук в px или % ? {...отредактировано kiD}
0 votes4 answers -
position:absolute + relative в одном. Есть такое?
кто нибудь знает, можно сделать, что бы объект позиционировать не от угла экрана, а как нибудь от какого то выбранного места, но при этом, что бы он не занимал места, как в position:absolute . А то столкнулся с такой поблемой. Сайту уже чуть ли не полгода, а я его с помощью position:absolute делал на своем обычном, так сказать, мониторе. Все было красиво, пока не посмотрел с широкоэкранного, я был в ужасе
0 votes10 answers -
Как узнать подключился ли файл reset.css
Всем привет! Прошу сильно не пинать я начинающий дилетант. Смотрю видеокурсы по верстке с нуля и пытаюсь повторять тоже самое. Где то в сети промелькнуло видео, как узнать подключился ли файл reset. css к html , но толком не успел посмотреть и видео потерял. Подскажите нубу как можно определить подключен ли резешный файл
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> <style type="text/css"> html { height:100%; margin: 0px; padding: 0px; border: none; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; b…
0 votes3 answers -
Эффект перекатывания - вопрос.
www.alexey-shingirey.narod.ru На этом сайте при наводе курсора на логотип он меняется на другое изображение, но перед этим происходит какой-то быстрый блик ч?рного цвета, а на других сайтах есть такой эффект, но там нет никаких этих ч?рных пауз. Эта фигня происходит только при первом наводе курсора, дальше вс? ок.
0 votes15 answers -
Проблемы С Png В Ie
Профессионалы, помогите, пожалуйста, ответом на такой вопрос: как мне в данном коде, а точнее в каком месте и что написать, чтоб фоновое PNG-изображение позиционировалось по низу А теперь собственно код: .bottom { overflow:hidden; background:url(images/phone_logo_bg.png) bottom no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/phone_logo_bg.png', sizingMethod='crop');}
0 votes8 answers -
Выпадающее меню при помощи CSS (проблема с IE8)
Добрый день. Я сделал выпадающее меню при помощи CSS по шаблону, изменив цвет ячеек и стиль текста. В Opera и Firefox всё нормально, а вот в IE8 горизонатльное меню почему то становится вертикальным (ячейки находятся одна под другой) и при этом текст не имеет никакого оформления (пришлось отдельно прописывать стиль внутри условных комментариев). Очень надеюсь на вашу помощь, так как сам не пойму где ошибка. Вот прикрепленные файлы: http://files.mail.ru/MKCEN4 http://files.mail.ru/4POIRC З.Ы. сильно не пинайте, код может показаться вам ужасным, я только только познаю азы, и помощь специалиста мне будет весьма полезна - буду рад любым замечаниям по поводу кода. Спасибо за в…
0 votes6 answers -
Текст и таблицы
Столкнулся с проблемой. Что я ни делаю с таблицей все равно текст внутри нее норовит таблицу раздвинуть. А в мозилле при увеличении размера шрифта средствами браузера вообще все едет, несмотря на то что шрифт задан абсолютным значением.
0 votes3 answers -
Можно ли в CSS поднять рамку на несколько символов?
Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…
0 votes3 answers -
форматирование внутри дива
Возникла проблема: необходимо отформатировать название сайта и координаты фирмы следующим образом: блок 100% ширины, высоты 100px, название сайта картинкой слева высотой в 100, координаты справа текстом в три строки привязаны к нижнему краю хеадера. Сам хеадер логично сделать дивом, картинка тоже блочный элемент. текст можно хоть спаном, хоть дивом. примерный html: <div id="header"> <h1><img src="/images/sitetitle.jpg" /></h1> <span class="contacts"> город, улица, дом назавние@домен.ру тел (000) 000-00-00 </span> </div> Заранее спасибо за возможные варианты решения!
0 votes6 answers -
Как сделать такую вещь ?
нужно создать форму, при которой обязательно необходимо заполнять поля отмеченные звездочкой. "*" и как сделать так, что бы скрипт проверял все ли правильно заполнено ? Заранее спасибо.
0 votes6 answers -
Не работает background-image для блока div
Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content">…
0 votes2 answers -
frD-проблема с версткой меню
есть меню на сайте http://www.alpari.org/ пытаюсь переверстать его html: <div id="new_menu"> <ul class="main_menu"> <li class="main_menu_1"><a href="#" class="menu_link">Menu item</a> </li> <li class="main_menu_2"><a href="#">Menu item</a> </li> </ul> <ul class="main_menu"> <li class="main_menu_1 current_menu"><a href="#">Menu item</a> <ul class="sub1"> <li> <a href="#">Subhead 1Subhead 1Subhead 1</a> <ul class="sub2"> <li> Subhead2 Subhead2 Subhead2 </li> </ul> </li> </ul> </li> <li class="main_…
0 votes5 answers -
приписать target="_blank" куче ссылок
есть большой документ, там много фраз в столбик, все они ссылаются на разные страницы в интернете. Есть какой нить способ приписать всем этим ссылкам target="_blank" ? По отдельности редактировать каждую ссылку возможности нету - сылок сотни ( может больше ), рука отвалиться. Был вариант сделать cntr+H, найти и поменть все .ru" на .ru" target="_blank", однако там почти все линки ведут на отдельные страницы ( /blah/blah-blah-blah.html ) и на папки...
0 votes8 answers -
Блок в самом низу
Есть div 500px и второй 200px нужно тот что меньше разместить внутри большего и чтобы он отображался в самом низу, без позиционирования это возможно ?
0 votes25 answers -
favicon
Народ есть веселый сайт http://hudet.ru/ - все хорошо (кроме того что он меня достал), но в общем. Favicon IE7, IE8 ... некорректно отображается. Есть у кого мысли почему криво отображается?
0 votes15 answers -
Скажите не сокращеное название тегов dl, dt, dd, ul, li, ol,
хочу узнать не сокращенное название этих тегов чтобы лучьше запомнить, помогите!!
0 votes5 answers -
Кроссбраузерное форматирование столбцов таблицы.
Всем привет. Предлагаю дискашн на эту тему, т.к. в инете очень мало инфы. Пишите сюда ваши варианты кто как делал. Я делал так: 1. добавил теги <table><col class=col1><col class=col2><col class=col3><col class=col4> и т.д. (добавляются сразу после тега <table>) Дальше в стилях прописывал форматирование. тег <td> наследует свойства от тега <col> В итоге в IE все получилось. А Опера такие вещи не понимает. Соответственно вопрос: как с этим быть?
0 votes4 answers -
Помогите со скриптом Голосование
Помогите со скриптом Голосование http://www.woweb.ru/load/69-1-0-2805 Когда я нажимаю на результат мне он выдает ошибку что у меня на 143 и 171 строке там ошибка т.е вот на этом месте пишет что здесь ошибка что надо прописать $a=$a+$vote; и 171 строка тоже что надо вписывать $decimals=$point[1];
0 votes9 answers -
Flash-меню, фрейм и вывод в див
Доброго времени суток! Уважаемые знатоки, к вам вопросы. Что есть:Структура сайта такова: 2 фрейма (под меню и под контент), в первом флеш-меню. Вывод в контент-фрейм прописано через флеш-меню в файле *.xml. Все работает, но вот по задумке заказчика по нажатию в меню на пункте какого-либо сотрудника, помимо информации о нем должна еще выводиться его фотография (выводиться должна в правом нижнем углу поверх фрейма, получается фон, затем фрейм и сверху фото). Есть задумка, чтоб фото в отдельном диве выводить, но вот не задача-как привязать появление картинки и клик по пункту флеш-меню сотрудника(на пункте уже весит открытие страницы сотрудника в *.xml файле) Что надо:1)ос…
0 votes10 answers -
Углы и не только!
Подскажите пожалуйста! Нужно получить такую таблицу(блок) как на рисунке. Изображения использовать не получиться так как в дальнейшем необходимо изменять цвет границ блока и цвет самого блока. И он должен быть резиновым. Помогите пожалуста!
0 votes21 answers -
Общий фон для нескольких элементов
Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов li. То есть использовать одну большую по длине картинку. Подскажите, как это можно сделать. Что-то я туплю… #main-menu { position: absolute; bottom: 45px; right: 0px; } #main-menu ul { display: inline; margin: 0; padding: 0; } #main-menu li { display: inline; margin: 0; padding: 0; } #main-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f1f1f1; background-image: url(../img/bg-menu-item.png); /* от этого можно отказаться в пользу общего фона*/ background-repeat: repeat-x; color: #555555; padding-left: 1…
0 votes5 answers -
Когда используется echo " "; exit (" "); return exit (" ");?
Здравствуйте. Подскажите пожалуйста когда нужно использовать return exit (" "); а когда просто exit (" "); ?? Результат на мой взгляд один и тот же - "Исполнение условия доходит до exit и выходит т.е. выполнение скрипта прекращается". Если использовать вместо return exit (" "); и exit (" "); оператор echo " "; то выполнение программы продолжается далее это я понял. Подскажите новичку по php) где уместно использовать return exit (" "); exit (" "); echo " ";? <?php $a = 1; $b = 2; $c = 3; if ($b > $a) { echo "Переменная b больше переменной a!!!"; } else { echo "Переменная b меньше или равна меременной a!!!"; } if ($b > $a) { return exit("Переменная b бол…
0 votes12 answers -
Как прижать футер книзу экрана?
Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-