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
-
селектор атрибута в IE
такой css: .modCont td[rowspan]{ text-align: left; } .modCont td, .modCont th{ border-left: 1px black solid; border-right: 1px black solid; text-align: center; } и такой html <tbody> <tr> <td rowspan="7"><strong>bla-bla-bla</strong></td> </tr> <tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr> <tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr> <tr>…
0 votes9 answers -
-webkit-text-size-adjust -ms-text-size-adjust
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?
0 votes9 answers -
Как это работает.
http://www.artlebedev.ru/kovodstvo/business-lynch/2011/09/21/ Очень понравилась фишка, когда жмешь с коментариями - появляется сопроводительный текст рисунки ттд... Также можно нажимать сочетанием клавишь на клавиатуре.. Пытался смотреть ХТМЛ - ничего не понятно CSS идет в середине кода.. Хотелось бы услышать от мастеров в двух словах - как это реализовано..
0 votes4 answers -
Div 100% в ie 9
Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; wi…
0 votes3 answers -
Chromium добавляет пиксельную solid-рамку только для textarea
Привет всем! Намедни столкнулся с интересным багом(?) при создании форм на сайте. Было замечено, что при создании в Chromium (Ubuntu 10.04/MacOS X, во всех браузерах под Windows не замечено) поля textarea, браузер автоматически создает рамку вокруг этого элемента, то есть он перестает быть нативным. Мне кажется это началось с тех версий, когда появились именно resize-textarea. Думал, что проблема в resize, но убрав его (resize:none) ничего не поменялось. Вопрос принципиальный для клиента, а переделывать все формы под "1px solid" не хотелось бы, к тому же select-боксы выглядели бы уродливее. Кто сталкивался с подобным, к чему пришли в итоге? Заранее спасибо!
0 votes1 answer -
Есть трабл в вёрстке
Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?
0 votes7 answers -
Помогите пожалуйчта я навечек с ссылкой в div
столкнулся с проблемой, я новичек, при использовании div не все ссылки в некоторых браузерах работают корректно, из 8 только 3 появляются ( в опере все работают в гугл хроме несколько... помогите разобратся с кодом, что бы правильно отображал, все перепробовал , мозги кипят, вот он сам код #test0{ position:absolute; top:100px; left:130px; width:160px; height:400px; border-style:solid; border-width:5px; border-color:#EEE9E9; } #test2{ position: relative; bottom:0px; left:0px; border-style:solid; border-width:0px; border-color:#EEE9E9; } #te…
0 votes7 answers -
Интересная ситуация
Здравствуйте, я записался на курсы веб- программиста при институте(html и php), до этого прочитал несколько книг по html и css. Но тут прийдя на курсы я узнаю по словам препода : существует много типов html. И он короче начал свою первую лекцию с того какие тэги бывают, две вещи которые меня удивили: 1)тег <b> - РАЗДЕЛЕНИЕ НА АБЗАЦЫ! 2)Он описал структуру веб страницы как: 1)<title> 2)<body> 3)<hard>-че за тег? 4)<index><follow>-че за теги? Можете объяснить что он вообще преподает? Я в недоумении... Кроме того он дал две ссылки на которые я еще не заходил: http://ckeditor.com/ http://www.tinymce.com/ ЗЫ Ах да, он часто произносил: "это…
0 votes6 answers -
Литература по веб-программированию.
Здраствуйте! Хотелось бы, что бы вы посоветовали достойную литературу по веб-программированию. Прочитал книгу А. Ломова «HTML, CSS, скрипты: практика создания сайтов» Она мне бузумно понравилась, т.к. материал объясняется в понятной форме и очень доступно. К минусам, возможно, стоит отнести то, что книга 2006 года и не затрагивает HTML 5, CSS3(хотелось бы узнать о них из уст Ломова). Как понимаете, изученного материала недостаточно для создания функционального сайта. Хочется продолжения.(к сожалению книгу «Apache, Perl, MySQL: практика создания динамических сайтов», продолжение предыдущей , в Москве, я не могу найти)В общем нужна книга с информацие о серверной стороне са…
0 votes1 answer -
Проблемма с inline-block в Safari
Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .
0 votes5 answers -
Структура кода
Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.
0 votes21 answers -
Как выровнять три блока для ИЕ 5.5 и 6 ?
Всем доброго здравия, хорошего дня и прекрасного настроения. Мои познания = 0.0001. Прошу не пинать, а если все-таки, то, пожалуйста, не ногами и не по голове. Вопрос. Имеем три <div>. Задаем одному float:left, другому - float:right и отступ слева третьему и во всех браузерах они встают - как и ожидается - на одно линию по горизонтали. Однако в ИЕ 6 (и ниже) третий блок всегда смещается на "строку" - т.е. на высоту др. блока - вниз. Как с этим бороться? Вот код: HTML: <body> <div id="div-raum"> <div id="div-cont-links"> </div> <div id="div-cont-mitte"> </div> <div id="div-cont-rechts"> …
0 votes8 answers -
Передача фокуса родительскому окну
Представляю, как уже надоели глупые вопросы... Со страницы А открывается страница В. (из формы на А обработчик грузится в В) На В стоит кнопка <input type='button' value='назад' onClick='window.opener.focus();'> Почему-то работает только в хроме (в любой ситуации), в IE (если А - единственная вкладка в браузере)... Не работает в FF и Опере. При этом кнопка <input type='button' value='закрыть родителяскую' onClick='window.opener.close();'> работает четко во всех браузерах при любом числе вкладок (правда, кроме Оперы...) Интересует - как правильно передать фокус родительской странице?
0 votes3 answers -
Меню верстать одной картинкой или двумя?
Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1
0 votes7 answers -
Двигая границу окна браузера
Здравствуйте. Учусь верстке, столкнулся с проблемой. При передвижении правой границы окна браузера содержимое сайта начинает "спадать", не знаю как точно выразиться. Вот сайт: http://testmarkup.ucoz.ru/index.html Вот css : http://testmarkup.ucoz.ru/style.css Складывается в частности вот здесь: <p class="q1"><span class="w1">102 456</span><br /><span class="w2">комментариев</span></p> <p class="q2"><span class="w1">10 432</span><br /><span class="w2">публикаций</span></p> <p class="q3"><span class="w1">344 657</span><br /><span class="w2"…
0 votes4 answers -
Вертикальное выравнивание в IE
Добрый день. Вот уже два дня маюсь, не могу найти решение проблемы. Помогите, пожалуйста! Выровнять по вертикали ссылку. Надо решение только для IE. Вот что у меня есть. Использовать приведённую структуру тегов. <html> <head> <title>Меню</title> <style> *{ padding: 0; margin: 0; } .pynktOsnovnogoMenu ul li{ width: 200px; height: 50px; text-align: center; background-color: #FFFA91; } .pynktOsnovnogoMenu a{ width: 100%; height: 100%; } .pynktOsnovnogoMenu a:hover{ background-color: #FAF101; } </style> </head> <body> <table> <tr> <t…
0 votes2 answers -
из *.html файла не видит адрес css/style.css
Здравствуйте. В *.html файле прописываю адрес файла со стилем и когда он в корне папки он нормально открывается но если его кладу в папку css он его не видит почему то. вся страничка стразу разъезжается. подскажите пожалуйста. ОС win xp и на хостинге тоже такая же проблема
0 votes25 answers -
Выделение с map area
ситуевина: есть ссылка типа <a href="ssylka.html">ссылка</a> есть участок в изображении завязанный с map area: <area shape="poly" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ
0 votes5 answers -
Как убрать код со страниц сайта?
Здравствуйте. Помогите , пожалуйста, советом. Я сгенерировала шаблон сайта при помощи программы Артистир на движке wordpress. Всё было абсолютно нормально. Потом начала вносить счётчики и устанавливать плагины, и в какой-то момент на сайте стал виден кусок кода. Я уже пересмотрела все файлы , которые у меня в шаблоне. Этот кусок кода отсутствует и в header, и в index, и во всех остальных файлах, хотя в браузере при просмотре кода страниц он явно висит. Общалась с людьми на форумах, но пока никто помочь не смог, все удивляются. Может кто-нибудь на этом форуме сможет дать толковый совет? Спасибо, заранее, всем откликнувшимся. Сайт "Блокнот реаниматолога"
0 votes10 answers -
Выход за рамки фиксированного блока
Как-то по-дурацки тему назвал, но ничего лучше не придумал Картинка: Ширина страницы — фикс 960, но внутри есть резиновые блоки (на рисунке — сине зелёный блок). Контент этого блока находится в пределах фикса (синяя область), но его фон (зелёная область) продолжается до левого края. Я как-то не соображу никак, как это сделать нормально
0 votes7 answers -
Не понимает запроса
Здравствуйте. Помогите, пожалуйста. У чайника три вопроса. Первый, когда захожу к себе на сайт как администратор и пытаюсь пролистать записи, то у меня открывается только первая из трёх страниц с перечислением размещённых на сайте тем. Когда пытаюсь перейти на вторую или на третью, то всё равно включается первая. Как это можно устранить? Второй вопрос. На сайте на главной странице в разделе управления появилась активная ссылка на игровой сайт, которую я не размещал. И удалить её не могу. Третий вопрос. На сайте периодически появляются "левые статьи". Все требования по установке технической защиты я, вроде бы, сделал. А они лезут и, что самое неприятное, я не могу убрать и…
0 votes1 answer -
Небольшие проблемы с полем ввода
Здравствуйте, есть небольшой вопрос по стилизации формы ввода, а точнее ее placeholder. Возникли разногласия между браузерами (причем даже между Chrome и Safari хотя они же вроде оба на одном движке). Placeholder задан в html разметке у поля input, хочу поменять его цвет - полазив по просторам интернета, пишу следующее: #search_field ::-webkit-input-placeholder { color:#222; } #search_field input:-moz-placeholder { color:#222; } Итог: 1.Firefox - все как надо 2.Safari - все как надо (кроме того что при фокусе, пока не начнешь вводить сам текст, placeholder не исчезает, может кто знает как и это решить, был бы очень признателен) 3. Chrome - другой цвет placeholde…
0 votes8 answers -
Автоматическое заполнение diva блоками, следующими слева на право
Доброго времени суток Уважаемые Гуру верстки! Столкнулся с необходимостью автоматически заполнить блок контентом в несколько столбцов. Как здесь: Каждый блок контента принадлежит к одному классу, у каждого фиксированная ширина, а высота разная. Применив float-left блоки заполняют пространство слева направо, но получается разрыв по высоте: Как решить данную проблему? Вот код для примера: <!-- #oblogka { background-color: #C9F; height: 300px; width: 200px; position: relative; } .content { background-color: #CCC; float: left; height: auto; width: 90px; border: 1px solid #00C; } --> </style> </head> <body> <div id="oblogka"> <…
0 votes6 answers -
Выделение строк в таблице при наведении
Имеется таблица 2 столбца и много строк, нужно при наведении мыши на одну строку, чтобы выделялась вся строка (менялся фон). Делаю так: style type="text/css"> #celltext:hover { background: #cbc7cd; } </style> <tr> <div id="celltext"> <td>456 </td> <td>123</td> </div> </tr> Не работает, но если сделать: <tr> <td><div id="celltext">456 </div></td> <td>123</td> </tr> будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?
0 votes5 answers -
На могу сделать полосу прокрутки.
Здравствуйте специалисты по верстке! Сабж: http://poligon.webmaster.arvixe.ru/frontpage там у меня внизу картинки прокручиваются. В firefox работает все как надо. В других браузерах ерунда какая-то. Возможно из-за display: -moz-grid-group; Для этих картинок у меня в CSS прописано: #views_slideshow_thumbnailhover_breakout_teasers_vslider-page_1 { display: -moz-grid-group; overflow: auto; height: 150px; }
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-