Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. селектор атрибута в 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&gt…

    Asked by Быколай,

    0 votes
    9 answers

  2. -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%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1,

    0 votes
    9 answers

  3. Как это работает.

    http://www.artlebedev.ru/kovodstvo/business-lynch/2011/09/21/ Очень понравилась фишка, когда жмешь с коментариями - появляется сопроводительный текст рисунки ттд... Также можно нажимать сочетанием клавишь на клавиатуре.. Пытался смотреть ХТМЛ - ничего не понятно CSS идет в середине кода.. Хотелось бы услышать от мастеров в двух словах - как это реализовано..

    Asked by veromi,

    0 votes
    4 answers

  4. 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…

    Asked by Alex Dark,

    0 votes
    3 answers

  5. Chromium добавляет пиксельную solid-рамку только для textarea

    Привет всем! Намедни столкнулся с интересным багом(?) при создании форм на сайте. Было замечено, что при создании в Chromium (Ubuntu 10.04/MacOS X, во всех браузерах под Windows не замечено) поля textarea, браузер автоматически создает рамку вокруг этого элемента, то есть он перестает быть нативным. Мне кажется это началось с тех версий, когда появились именно resize-textarea. Думал, что проблема в resize, но убрав его (resize:none) ничего не поменялось. Вопрос принципиальный для клиента, а переделывать все формы под "1px solid" не хотелось бы, к тому же select-боксы выглядели бы уродливее. Кто сталкивался с подобным, к чему пришли в итоге? Заранее спасибо!

    Asked by slava_bjj,

    0 votes
    1 answer

  6. Есть трабл в вёрстке

    Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?

    Asked by bayanruby2,

    0 votes
    7 answers

  7. Помогите пожалуйчта я навечек с ссылкой в 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…

    Asked by memb,

    0 votes
    7 answers

  8. Интересная ситуация

    Здравствуйте, я записался на курсы веб- программиста при институте(html и php), до этого прочитал несколько книг по html и css. Но тут прийдя на курсы я узнаю по словам препода : существует много типов html. И он короче начал свою первую лекцию с того какие тэги бывают, две вещи которые меня удивили: 1)тег <b> - РАЗДЕЛЕНИЕ НА АБЗАЦЫ! 2)Он описал структуру веб страницы как: 1)<title> 2)<body> 3)<hard>-че за тег? 4)<index><follow>-че за теги? Можете объяснить что он вообще преподает? Я в недоумении... Кроме того он дал две ссылки на которые я еще не заходил: http://ckeditor.com/ http://www.tinymce.com/ ЗЫ Ах да, он часто произносил: "это…

    Asked by fragilewelldone,

    0 votes
    6 answers

  9. Литература по веб-программированию.

    Здраствуйте! Хотелось бы, что бы вы посоветовали достойную литературу по веб-программированию. Прочитал книгу А. Ломова «HTML, CSS, скрипты: практика создания сайтов» Она мне бузумно понравилась, т.к. материал объясняется в понятной форме и очень доступно. К минусам, возможно, стоит отнести то, что книга 2006 года и не затрагивает HTML 5, CSS3(хотелось бы узнать о них из уст Ломова). Как понимаете, изученного материала недостаточно для создания функционального сайта. Хочется продолжения.(к сожалению книгу «Apache, Perl, MySQL: практика создания динамических сайтов», продолжение предыдущей , в Москве, я не могу найти)В общем нужна книга с информацие о серверной стороне са…

    Asked by OlegLont,

    0 votes
    1 answer

  10. Проблемма с inline-block в Safari

    Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .

    Asked by like2dev,

    0 votes
    5 answers

  11. Структура кода

    Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.

    Asked by paracelso,

    0 votes
    21 answers

  12. Как выровнять три блока для ИЕ 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"> …

    Asked by copyright,

    0 votes
    8 answers

  13. Передача фокуса родительскому окну

    Представляю, как уже надоели глупые вопросы... Со страницы А открывается страница В. (из формы на А обработчик грузится в В) На В стоит кнопка <input type='button' value='назад' onClick='window.opener.focus();'> Почему-то работает только в хроме (в любой ситуации), в IE (если А - единственная вкладка в браузере)... Не работает в FF и Опере. При этом кнопка <input type='button' value='закрыть родителяскую' onClick='window.opener.close();'> работает четко во всех браузерах при любом числе вкладок (правда, кроме Оперы...) Интересует - как правильно передать фокус родительской странице?

    Asked by rootv,

    0 votes
    3 answers

  14. Меню верстать одной картинкой или двумя?

    Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1

    Asked by borus,

    0 votes
    7 answers

  15. Двигая границу окна браузера

    Здравствуйте. Учусь верстке, столкнулся с проблемой. При передвижении правой границы окна браузера содержимое сайта начинает "спадать", не знаю как точно выразиться. Вот сайт: 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"…

    Asked by pashtetina,

    0 votes
    4 answers

  16. Вертикальное выравнивание в 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…

    Asked by rbelko,

    0 votes
    2 answers

  17. из *.html файла не видит адрес css/style.css

    Здравствуйте. В *.html файле прописываю адрес файла со стилем и когда он в корне папки он нормально открывается но если его кладу в папку css он его не видит почему то. вся страничка стразу разъезжается. подскажите пожалуйста. ОС win xp и на хостинге тоже такая же проблема

    Asked by bugatti,

    0 votes
    25 answers

  18. Выделение с 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" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ

    Asked by laird,

    0 votes
    5 answers

  19. Как убрать код со страниц сайта?

    Здравствуйте. Помогите , пожалуйста, советом. Я сгенерировала шаблон сайта при помощи программы Артистир на движке wordpress. Всё было абсолютно нормально. Потом начала вносить счётчики и устанавливать плагины, и в какой-то момент на сайте стал виден кусок кода. Я уже пересмотрела все файлы , которые у меня в шаблоне. Этот кусок кода отсутствует и в header, и в index, и во всех остальных файлах, хотя в браузере при просмотре кода страниц он явно висит. Общалась с людьми на форумах, но пока никто помочь не смог, все удивляются. Может кто-нибудь на этом форуме сможет дать толковый совет? Спасибо, заранее, всем откликнувшимся. Сайт "Блокнот реаниматолога"

    Asked by samgul,

    0 votes
    10 answers

  20. Выход за рамки фиксированного блока

    Как-то по-дурацки тему назвал, но ничего лучше не придумал Картинка: Ширина страницы — фикс 960, но внутри есть резиновые блоки (на рисунке — сине зелёный блок). Контент этого блока находится в пределах фикса (синяя область), но его фон (зелёная область) продолжается до левого края. Я как-то не соображу никак, как это сделать нормально

    Asked by Gaspode,

    0 votes
    7 answers

  21. Не понимает запроса

    Здравствуйте. Помогите, пожалуйста. У чайника три вопроса. Первый, когда захожу к себе на сайт как администратор и пытаюсь пролистать записи, то у меня открывается только первая из трёх страниц с перечислением размещённых на сайте тем. Когда пытаюсь перейти на вторую или на третью, то всё равно включается первая. Как это можно устранить? Второй вопрос. На сайте на главной странице в разделе управления появилась активная ссылка на игровой сайт, которую я не размещал. И удалить её не могу. Третий вопрос. На сайте периодически появляются "левые статьи". Все требования по установке технической защиты я, вроде бы, сделал. А они лезут и, что самое неприятное, я не могу убрать и…

    Asked by avega2007,

    0 votes
    1 answer

  22. Небольшие проблемы с полем ввода

    Здравствуйте, есть небольшой вопрос по стилизации формы ввода, а точнее ее 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…

    Asked by kuyn,

    0 votes
    8 answers

  23. Автоматическое заполнение 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"> <…

    Asked by tragbang,

    0 votes
    6 answers

  24. Выделение строк в таблице при наведении

    Имеется таблица 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> будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?

    Asked by RK3DNP,

    0 votes
    5 answers

  25. На могу сделать полосу прокрутки.

    Здравствуйте специалисты по верстке! Сабж: 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; }

    Asked by VasyOK{!},

    0 votes
    6 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept