HTML Coding

29,542 questions in this forum

1. Организация структуры заголовков

   Здравствуйте. Не думал, что докачусь до такого вопроса, да и нечто подобное на форуме уже рассматривалось несколько лет назад, но вот хочется освежить и прийти к какому-то четкому решению или алгоритму. Давно и твердо был убежден, что заголовков H1 на странице больше одного использовать не следует (явного такого требования нет, но это естественно, такой заголовок будет «корнем» структуры документа). При этом я делал заголовком первого уровня название сайта. Хотелось создать одинаковый «корень» на всех страницах, при этом заголовки основного содержимого начинаются с H2. Я придерживаюсь сквозных уровней заголовков для всех структурных элементов типа article, section и…

   Asked by rash, December 24, 2013

   0 votes
   9 answers
2. Организация таба

   Ребят подскажите, каким способом можно сверстать такой таб. Я нашел такое http://www.pmob.co.uk/temp/tabmenu_mine2.htm , но мне не подходит т.к. задний фон белый, подскажите пожалуйста или дайте ресурс где можно прочесть. Календарь сверстан табилцами.

   Asked by like2dev, July 17, 2011

   0 votes
   11 answers
3. Организация файлов по каталогам

   Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо

   Asked by papaden, December 10, 2015

   0 votes
   15 answers
4. Организация файлов при вёрстке многостраничника

   Уважаемые профессионалы. Мучает меня один небольшой, возможно даже смешной вопрос. Но лучше буду уверен в том что делаю всё правильно. Допустим есть страница А со своими картинками для спрайтов, и страница В, на которой совершенно другие картинки(ну или часть новых картинок), которые также должны быть сделаны спрайтом. Вопрос - делать отдельный спрайт для страницы А и отдельный спрайт для страницы В?? Или сделать вообще 1 целый для обеих страниц.....(а если страниц к примеру 20?) И ещё - вы обычно делаете отдельную папку для спрайтов, или они расположены вместе со всеми картинками?

   Asked by VeniVidiVici, July 19, 2016

   • спрайты картинки
   • многостраничник
   0 votes
   6 answers
5. организовать одну табличку

   на странице должна быть такая же табличка, как на этой картинке http://img.sknt.ru/2501/f91ecee8c9.jpg подскажите пожалуйста, как ее можно сделать ? я много чего перепробовал, но к результату так и не пришел. проблемы в этих бордер топах райтах лефтах и боттомах ) то они отображаются, то нет, хотя ширина 0px. вот пока, что есть: http://www.sharemania.ru/0150914

   Asked by nickflip, December 11, 2008

   0 votes
   7 answers
6. организовать слайдер с картинками на разных девайсах

   Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…

   Asked by mstdmstd, November 21, 2016

   • bootstrap slider
   0 votes
   3 answers
7. Организовать ссылки на Яваскрипт (как СиСС)

   можно организовать ссылки на ЯваСкрипт в одном файле, как СиСС. пример СиССа: @import url("main.css"); @import url("services.css"); таким образом можно организовать ЯваСкрипт, чтобы в документе была одна ссылка? спасибо

   Asked by termoplus, May 17, 2009

   0 votes
   3 answers
8. осбоенности использования map area в Firefox

   может кто знает, есть какие то особенности использования тега map area в MozillaFirefox? нужно сделать картинку с облатями перехода, это map area. в браузерах Explorer,Opera тестовый пример нормально работает, создается 3 области, появляется текст alt, работает href. в Firefox только первые 2 области раюотают нормально (есть alt, href), последняя область не срабатывает. не понятно где тут накосячено, пример простенький. ошибки не вижу. но может ктонить подскажет?

   Asked by dubist, September 18, 2008

   0 votes
   5 answers
9. Осваиваю Bootstrap-3.3.1. Мои вопросы.

   Здравствуйте! Я не новичок в верстке, скажу сразу. Вот решила осваивать Bootstrap, т.к. макеты, которые требуется верстать, должны быть адаптивными. Скачала http://getbootstrap.com/ Имею вот такие файлы: Работу начала с того, что за основу своей первой страницы взяла файл \bootstrap-3.3.1\docs\examples\sticky-footer.html, как наиболее подходящий. Далее создала свой файл .style.css. в котором прописываю свои стили. Возник первый вопрос: как я могу переопределить базовые стили, например, цвет рамки у полей ввода. Таких переопределений накапливается слишком много, а зачем плодить лишний код. Дебаггер ссылает меня на forms.less, где прописаны такие стили: bac…

   Asked by Светлана Г., December 21, 2014

   • Bootstrap-3.3.1
   0 votes
   18 answers
10. освоить Wordpress и Joomla

    Вечер добрый хочу освоить Wordpress и Joomla хотя-бы на начальном уровне (создание сайта, загрузка, редактирование контента) - поделитесь опытом, на каких ресурсах это можно сделать и где это хорошо организовано? upd: познания в HTML/CSS есть

    Asked by orange_juice, November 12, 2014

    0 votes
    14 answers
11. Осел не дает выронять по правому краю спан

    Привет всем! Делаю свою тему для друпал. Есть блок (div class="node") шириной 100%, в нем статья. Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю. Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает. Код: .node span.submitted { position:relative; font-size:0.8em; text-align:right; margin:3px; padding:2px; width:200px; border:1px solid red } .node .submitted a { color:#c21606; font-weight:bold; text-align:right; } Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка? На всякий случай код всего этого чуда: <div id="node-120" class="…

    Asked by otmoroz095, August 12, 2011

    0 votes
    38 answers
12. Основное содержимое в центр

    Не подскажете, как сделать чтобы при изменении размеров окна браузера основное содержимое тоже перемещалось в центр, как поисковая строка в Яндексе например? То есть чтобы основная часть всегда занимала основной процент площади браузера, при любых размерах окна. Ну при открытии чтобы показывалась основная часть.

    Asked by cotangens, November 21, 2009

    0 votes
    1 answer
13. Основные инструменты для верстки?

    Какие основные инструменты нужны для верстки?

    Asked by Sergey410, August 30, 2011

    0 votes
    2 answers
14. Основные контейнеры Bootstrap

    Всем привет. В данный момент изучаю Bootstrap и задался таким вопросом. По правилам сетки Bootstrap, если я не ошибаюсь row и col должны быть внутри элемента с классом container. Но вот если при вёрстке макет разделён на отдельные блоки, например: header отдельно, далее ещё пару блоков с информацией и за ним footer. Как при таком варианте правильнее будет сделать порядок: общий тег container, вместо стандартного wrapper и далее внутри него все вышеперечисленные теги или же нужно создать container для каждого раздела? А если, например, у каждого из этих разделов свой фон? Тогда уже нужно идти по второму варианту: делать разделы на 100% ширину браузера, пропи…

    Asked by Tascan, July 11, 2019

    • bootstrap
    • обёртка
    0 votes
    4 answers
15. Основные моменты адаптивной верстки

    Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?

    Asked by vip, December 31, 2014

    0 votes
    9 answers
16. Основы создания сайта и его работы

    1. HTML ? язык разметки страницы 2. CSS - неотъемлемый параметр при создании веб- страницы(сайта), одно из главных условий! В простонародье работа со стилями твоей странички (сайта) 3. JS ? то, что активное, с чем ты работаешь (кнопки, менюхи и т.д.) Работает с базами данных, но гораздо сложнее, чем использование php! не так ли? 4. PHP ? исполняемые файлы на сервере. (например, apache) Прогу можно поставить как виртуальный сервер и проверить без выхода в инет! Или не так? Ставил, но что-то не выходит! Помогите, пожалуйста с данной проблемой!?

    Asked by al1, November 22, 2007

    0 votes
    13 answers
17. Основы технологии CSS

    Дубаков М. - Веб-мастеринг средствами CSS (.pdf) Основы технологии CSS; Отделение контента от дизайна; Легкая верстка слоями; Советы профессионала Каскадные таблицы стилей (.chm) Климонтович. В. - CSS справочник (.chm) Мержевич. В. - Справочник по CSS (.chm) 16.74 MB http://depositfiles.com/files/itk2flt5e http://s3.filesdump.com Для распаковки архива нужен архиватор WinRAR Если нуждаетесь, скачайте Winrar 4.65 (Crack + Rus) 3.58 MB

    Asked by base239, June 8, 2009

    0 votes
    35 answers
18. Особенности background-size: cover

    Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…

    Asked by WalkWeb, December 13, 2017

    0 votes
    2 answers
19. Особенности input type="search"

    Здравствуйте! Сайт впервые верстаю на Bootstrap. В руководстве сказано, что нужно подключить Normalize.css Верстаю форму поиска. Использую <input type="search">И вдруг обнаружила такие стили: /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}Мне не понятно, почему именно для input type="search" применяется box-sizing: content-box; ? Мне это совсем не нужно. Что делать? Исполь…

    Asked by Светлана Г., December 17, 2014

    0 votes
    6 answers
20. особенности map area в Firefox

    Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, подскажите, пример простой, ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width…

    Asked by dubist, September 18, 2008

    0 votes
    0 answers
21. особенности map area в Firefox

    Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, пример простой, о ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width="200" …

    Asked by dubist, September 18, 2008

    0 votes
    1 answer
22. Особенности работы col при выходе таблицы за окно

    Есть таблица, которая должна быть намного шире окна браузера. Каждая колонка должна иметь фиксированную ширину. Однако, опера9 и ие6 считают, что следует игнорировать тег col, и форматируют содержимое ячеек по минимально возможной ширине. Есть ли красивый способ исправить это? Нужно, чтобы тег col учитывался даже при выходе таблицы за границы окна. Пока единственное найденное решение - добавить width="xxx" к

    Asked by krossp, February 9, 2008

    0 votes
    1 answer
23. Особенности работы IE

    Периодически сталкиваюсь с довольно странным поведением IE, когда браузер при первом заходе на страницу отображает код неккоректно, а после F5 уже правильно. Решил разобраться в этом вопросе. В гугле я запрос даже не могу составить, чтобы поискать причину проблемы. Поэтому решил спросить у вас, не сталкивался ли кто-нибудь с подобной странностью. Может быть знаете, из-за чего это происходит?

    Asked by XXXVII, April 23, 2009

    0 votes
    8 answers
24. Особенности резиновой верстки

    Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?

    Asked by web-monster, May 24, 2011

    0 votes
    9 answers
25. Особенность ИЕ: подгонка блочного элемента по ширине

    В ИЕ у страницы добавляется горизонтальная полоса прокрутки. Место "раздвигания" локализовал однозначно - таблица в шапке. Прич?м замена таблицы на слой эффект не меняет. Содержимое таблицы тоже не влияет на результат, пустая таблица вед?т себя точно также. Ширина body - 1260px. Свойства таблице даю: После полной прогрузки страницы таблица уезжает вправо на 3 пиксела. Насколько я понимаю особенности css, в ИЕ по особому интерпретируются поля блочного элемента. То есть вполне возможно, что эти 3 пиксела побокам получаются из-за вываливания padding или margin. Но ведь таких свойств у table нет. Знаком с багом ИЕ - отступом между блочными элементами, когда в коде между ними…

    Asked by ArCher, December 12, 2007

    0 votes
    0 answers