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
-
DOCTYPE меняет отображение страницы
Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…
0 votes2 answers -
Вопрос по ссылке-закладке
Вот скрин моего меню. Обычное положение и при действии :hover. Меню работает с javascript-ом, при нажатия на вкладку в низу меняется контент без перехода на другую страницу. Я хочу что бы при переходе на другую вкладку картинка которая появляется при действии :hover не исчезала. Подскажите, как это можно сделать?
0 votes2 answers -
Выпадающее меню.
Всем добрый день. Прошу помочь. У меня проблема с вёрсткой выпадающего меню. Код HTML: Код CSS: В итоге меню при выпадании своим первым пунктом налазиет на основное меню.
0 votes1 answer -
Не применяются правила CSS!
Помогите пожалуйста кто чем сможет! Проблема что последнее правило в коде не применяется, я его и со звездочкой пробовал, и вообще не применяются правила с div и class. Но зато применяются первые три правила в полном объеме?!? <div id="full_news_h"> Документы </div> <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited, #welcome_text p ul li a{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok{ эти правила работать не будут!!!! } #welcome_text p * #s…
0 votes2 answers -
Активная ссылка с фоном
Как сделать так что бы когда находишься на опр. ссылке, фон становился красным, а когда переходишь на другую ссылку, старая становилась бы как раньше, а на ту что перешли стала красной?
0 votes4 answers -
куда дописать http://?
Здравствуйте! Имеется такой код: <iframe id="b" width="100%" height="100%" frameborder="0" scrolling="auto"> Ваш браузер не поддерживает плавающие фреймы! </iframe> <div id="form"> <td>введите адрес вашего сайта: <input id="a"><button onclick="document.getElementById('b').src = document.getElementById('a').value;">посмотреть</button> </div> куда в нем дописать "http://" чтоб не приходилось вводить это в форму?
0 votes2 answers -
Высота 100%
Не совсем, может быть, уместно, но всё же мучаюсь этим вопросом уже второй день. Как только к делу не подходил. В общем, на баше есть следующая цитата: Собственно вопрос. В какой ситуации данное решение имеет место быть? Даже не представляю что это такое и как это можно верстать.
0 votes2 answers -
div:hover и свойство color
Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.
0 votes2 answers -
Консультация в вёрстке
Как лучше сверстать окно чата, Внешний вид выглядящее как на рисунке, конкретно интересует та часть, где появляются сообщения, как реализовать полосу прокрутки? фреймсетом? и как поменять её внешний вид - системный элемент же.
0 votes1 answer -
Отображение в фотошопе и браузере
Здравствуйте, подскажите пж как измерять размер элемента в фотошопе? Делаю так беру инструмент линейку измеряю ширину элемента выходит как на скрине 305 задаю ширину в css width:"305px" но элемент выходит больше. Расскажите пж как правильно замерять размер заранее спс!
0 votes3 answers -
Не работает 3D тур на Сафари (мобильной версии)
По какой-то причине флеш-3Д тур не грузится на Сафари 5 версии (мобильная версия) на IPhone. Причем на Сафари 5 для ПК все работает. Никак не могу найти причину. Ошибок не выдает, просто грузится страница без ролика (3Д тура). Не могу также найти эмуляторов, чтобы проверять заработает или нет... Может кто-то может подсказать причину и сталкивались с подобным? hxxp://салон-успех.рф/interier.html
0 votes1 answer -
Прблема с div'ом
Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить? .fon { /*на этот div вешается вся конструкция вся конструкция*/ width: 1024px; height: 1024px; background: url(img/fon.jpg); margin: 0 auto; } #logo { width: 377px; height: 135px; background: url(img/logo.png); display: block; margin-top: 30px;/*если увеличить или уменьшить этот показатель …
0 votes2 answers -
Разный масштаб сайта с компа и с сервера
Кто-нибуть, подскажите, почему когда я смотрю свой сайт с винчестера он показывается правильно, а когда с сервера, то нужно 2 раза клацать уменьшение масштаба? Спасибо! Сайт: http://www.simmix.in.ua Попутно: что-то с "галереей" не так, и рекламный блок съехал и картинки "упали все" в ряд.
0 votes1 answer -
Проблема cо ссылкой
Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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=utf-8" /><link rel="stylesheet" type="text/css" href="sty…
0 votes4 answers -
Как реализовать данный эффект
Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?
0 votes0 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=utf-8" /> <title>Выравнивание блока по центру по вертикали и горизонтали</title> <style type="text/css"> html, body{ margin:0; padding:0; width:100%; height:100%; } #CenterBlock{ background:#F00; width:400px; height:400px; position:absolute; top:50%; left:50%; m…
0 votes0 answers -
проблема с выводом изобрвжения
в файле ЦСС пишу #header { background: url(/images/header00.jpg) no-repeat; width: 760px; height: 158px; } картинка не выводится. Хотя в Дримвивере показывает картинку. А пишу так #header { background: url(header00.jpg) no-repeat; width: 760px; height: 158px; } то выводится! Нужно чтоб картинки были в папке images. В чем может быть проблема?
0 votes2 answers -
Текст строкой
Установил ограниченную ширину, а текст всё равно идёт строкой и не переносится на след. строчку, выходит за грани (т.е. ширина таблицы из-за него автоматически увеличивается). Ничего не могу понять толком, в чём проблема? http://team-unity.narod.ru/test.html xD Всё, разобрался. Просто у меня текст был одним словом и естественно ничего не переносилось, а я, дурень, в коде ошибку искал. Извините за глупость)
0 votes0 answers -
Работа с кукис
Доброе время суток! Мне необходимо, что бы пользователь мог изменять элементы веб-страницы и менять цветовые схемы. Результат планируется сохранять в кукисах Можно ли это сделать не используя РНР?
0 votes1 answer -
mete тег
<meta name="keywords" content="#" /> Есть ли какие либо ограничения в размере текста?
0 votes2 answers -
подключить шрифт
здравствуйте подключил русский шрифт а он на английских буквах отображается нормально а на русских ничего непоменялось - в чем может буть проблема?
0 votes1 answer -
Установка мода Medals System MOD for phpBB3
Разобрался, прошу удалить тему.
0 votes0 answers -
Чёткое изображение
Есть сайт, и есть картинки в png формате, обычными просмотрщиками смотрю, всё нормально, когда вставляю в код, типа background-image получаются размытыми ,т.е не чёткими как исходные, в чём может быть причина?
0 votes2 answers -
смещение background в <td> в IE
Всем доброго настроения. Немцы уже отпраздновали капитуляцию (у них 8-ого мая), ну а нас - с наступающим! Если чего, не пинайте в правое ухо... - вопрос, наверняка, заезженный и скорее всего уже обсуждался не раз, но понятия не имею по каким словам искать на него ответ. В общем к делу. Обычный html файл, обычная таблица, в которой есть 5 <td> и 3 <tr>. В левом <td> backround ставится как надо, а вот в самом правом... (см. вложение). Это только в IE (версия 9 - другие не пробовал - ну их), в остальных броузерах все ОК. Картинка background смещается на один пиксель влево, затем идет повтор картинки (no-repeadt работает, но тогда край не ровный получается)…
0 votes0 answers -
Ширина фона 100% на сайте с фикс шириной
Вот изображение того что мне нужно. Есть сайт с шириной 1000px(wrapper), Как сделать так чтобы фон этих блоков тянулся по горизонтали на всю ширину экрана?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-