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
-
Помогите, пожалуйста, с таблицей
День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; backg…
0 votes9 answers -
Проблемы с кодом.
Есть такой код <!--Сделано в CatsHtml--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <body> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Мой сайт</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; t…
0 votes7 answers -
Css - цвет блока меню
Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…
0 votes6 answers -
выравнивание по середине по вертикали
забыл как сделать( напомните, плз? http://natatour.ru/test/Untitled-1.html нужно чтобы текст располагался вертикально по середине зеленых блоков. vertical-align: middle не помогает css: @charset "utf-8"; /* CSS Document */ .a { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #009900; font-weight: bold; float: left; position: absolute; left: 8px; } .b { width: 100%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00CC00; font-weight: bold; float: left; vertical-align: middle; } .c { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00FF00; font-weight: bold; float:…
0 votes5 answers -
Колонка фиксированной ширины....в Mozilla Firefox и IE...
Блок в Mozilla Firefox 2 IE 6 В первом случае, ширина фиксирована, но текст выходит за пределы блока ,т.е. происходит расширение поля... Во втором случае ИЕ растягивает границы блока,согласно содержимого.... Вопрос???? как сделать колонку фиксированной ширины ,чтобы в Mozilla Firefox текст переносился на другую строку,а в IE не изменялся размер блока в зависимости от содержимого.. При этом было бы возможно использовать margin,padding,border для блока.... Заранее спасибо...
0 votes5 answers -
Проблема в Firefox: не работает свойство style.height
function set_size() { [i]document.getElementById("leftShadow").style.height[/i]=document.getElementById("copyright").offsetTop-138; alert(document.getElementById("leftShadow").style.height); } Выделенное курсивом отменно работает в IE, но не в FF. Как исправить?
0 votes4 answers -
Проблема в float
стили: #pad_fonsmall1 { padding-top: 0; padding-left: 0; padding-top: 0; padding-right: 10px; padding-bottom: 17px; float: left; } /* НАЧАЛО - Оформленая прокрутка*/ #mycustomscroll { width: 293px; height: 291px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: none; margin: 0 auto; padding: 0px; } /* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ .scrollgeneric { line-height: 0px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbar { width: 15px; cursor: pointer; height: 74px !important; background: #bbb699 u…
0 votes6 answers -
текущая дата
Можно ли при создании таблицы указать, что в поле типа DATE должна записываться по умолчанию текущая дата? Заранее спасибо!
0 votes6 answers -
Привязка элемента к окну браузера
Здравствуйте! Нужно сделать отображение скрытого элемента (таблицы с текстом) по клику. Если делать "свободно позиционируемую таблицу" с привязкой XY к границам браузера - единственный приемлемый для меня вариант это привязать ее посередине горизонтального края браузера (но я не знаю как). Другой вариант - жестко привязать этот элемент к другому элементу на странице, например какому нибудь тэгу или маркеру, тоже не смог найти как. Идеальный вариант бы был - плавное выезжание ровно посередине браузера сверху из-за границы браузера таблицы с нужной мне информацией. Кто сталкивался - помогите плз!
0 votes5 answers -
как делается растяжка сверху
Подскажите ламеру, как делается растяжка на этом сайте, сверху две полоски , справо и слева синие... http://inetchange.com/ Каким способом вообще делаются такие вещи?
0 votes12 answers -
ie как всегда:(
Привет всем! На днях верстал сайт, ну FF,Opera все чигипуки, а вот ie6 как всегда отличился и не могу понять в чем дело то вот сам сайт а вот стили: * {margin:0; padding:0; border:0;} ul { list-style:none; } a { color:#fff; text-decoration:none;} a:hover { text-decoration:underline; } html { height:100%; } body { color:#fff; font:normal 20px Arial; background:#CD1873; height:auto !important; height:100%; text-align:center; position:relative; min-height:100%; min-width:1000px; width:100%; *width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); } #main2 {vertical-align:top;background:url(…
0 votes11 answers -
Текст не горизонтально
Интересует такой вопрос - возможно ли каким-либо образом (CSS, JavaScript) на сайте задать расположение текстовой строки не горизонтально, а под наклоном?
0 votes16 answers -
Использование атрибута type у тега <link> в HTML5
Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.
0 votes5 answers -
Верстка мобильной версии (адаптивной): выбор единиц измерения шрифта
Здравствуйте! Есть у меня сайт, который был сделан во времена, когда никто не задумывался о необходимости создания мобильных (адаптивных) версий. Сейчас такое время пришло, и я хочу доработать сайт, чтобы его удобно было просматривать на мобильных устройствах. В частности, сейчас меня волнует проблема читабельности текстов. Например, на моем iPhone 4, текст прочитать невозможно. Хочу эту проблему решить в первую очередь. В верстке я решила ничего глобально не менять, а только дописать стили для различных разрешений с помощью media queries. Вопрос: какие единицы измерения следует использовать для достижения поставленных целей? Пока есть такой вариант: body {font-size:100…
0 votes2 answers -
Флеш в теге А
Подскажите как в тег а вставить флешку чтобы при клиге срабатывал переход... я понимаю, что можно в флешку ссылку сделать, но хочется именно тегом... Спасибо!
0 votes9 answers -
Опера 10 и @font-face
Воспользовавшись этим руководством, встроил в страницы шрифт: Конвертировал из ttf с помощью onlinefontconverter.comю В Хроме и Файрфоксе всё хорошо, в ie проверить не могу (я на линуксе), в Опере какая-то странная хрень: когда страница первый раз загружается, шрифты нормально включаются, но при перезагрузке страницы или переходе на другую страницу сайта со шрифтами начинает происходить страшное. Рушится и font-family и font-size, судя по тому, что видно. Посмотреть можно здесь: romaadelante.ru/t/kolca.html Что за пипец такой и как его пофиксить, есть мысли, уважаемые?
0 votes1 answer -
Назначение каждому заголовку h1 картинки перед ним
Возможно вообще назначить заголовку картинку бэкграундом? Нужно чтобы на всех страницах у каждого заголовка h1 перед ним была картиночка(страниц очень много). Я через стили и так пытался, и так, но никак не выходит - не появляется картинка и все тут. Просто назначить ее беком не выходит; если сделать заголовок блочным элементом, назначить ему высоту и т.п., то тоже картинка не появляется и т.п. Это вообще возможно сделать только через стиль? Или как еще можно картинку перед каждым заголовком расположить?
0 votes6 answers -
Почему не работает box-shadow?
В хроме и сафари на iOS 11 не работает box-shadow у псевдоэлемента под логотипом http://leveler.ru/caspol/ на десктопе все хорошо. Почему так?
0 votes5 answers -
Есть див с выпадающем меню и ссылкой на него
Есть див с выпадающем меню и ссылкой на него. Ширина меню намного больше ссылки. Проблема в том, что курсор срабатывает на строке ссылки по ширине меню.... Кто подскажет как избавиться от этого ?
0 votes8 answers -
Накладывание слоев
помогите не пойму как наложить таблицу на верстаную шапку вверху сайта поверх е?, как будто дивная шапка должна быть фоном: <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> </div> </div> <table class="rez1" height="100%"> <tr> <td class="rez1_1"></td> </tr> </table> это css: table.rez1 { width: 100%; table-layout: fixed; height: 100%; border-collapse: collapse; } td.rez1_1 { /*width: 20%;*/ vertical-align: top; } #main { min-width: 1200px; } #header_fon { width: 100%; height: 264px; background: url(images/fon_he…
0 votes14 answers -
Реализация задуманого!
Есть задумка, помогите реализовать или подскажите другие варианты реализации. Хочу сделать сайт, задумка том, чтобы на одной странице были ссылки, а на второй информация. При чем, при нажатие на ссылку пользователя перенапрявляло именно на тот вопрос, который ему нужен, а остальные были бы скрыты+при прямом переходе на вторую страницу текст не отображался..
0 votes7 answers -
Webstorm кракозяблы в консоли
Есть Webstorm 8, поставил Ruby 2.1.4, доставил Sass, при работе всего этого выдаёт такую вот картину Как победить эти кракозяблы? Или в какую сторону копать? Заранее спасибо!
0 votes4 answers -
Проблема в микроразметке
Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.
0 votes2 answers -
ПРОБЛЕМА С ОТОБРОЖЕНИЕ КАРТИНКИ В Explore're
Всем доброго времени суток!!!!! У меня вот какая проблема есть сайт www.donchanka.ru надо в шапку вставить картинку девушки, я ее вставил но ее видно только в Опере и мозиле а вот в эксплорее не видно что это может быть, помогите плиз :|
0 votes4 answers -
и ещ? вопрос!! запрет на смену размера шрифта??
Я конечно понимаю что мона прописать фиксированый размер в свойствах слоя например так FONT-SIZE: medium; или так FONT-SIZE: 11pt; и т.д Но можно ли прописать размер и запретить его менять? тобишь к примеру человек ставит у себя в браузере размер шрифта крупный, а на странице не чего не меняется какой был такой и остался. Заранее Благодарен )
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-