HTML Coding

29,542 questions in this forum

1. !doctype

   Привет форумчане, решил начать все с нуля, и задался вопросом а какой же вид doctupe' а выбрать. Каким видом пользуетесь вы и почему?

   Asked by Laroxx12, July 14, 2015

   0 votes
   3 answers
2. Проблема с CSS

   //dell

   Asked by TOTO, October 30, 2015

   • help
   0 votes
   0 answers
3. Как убрать margin-bottom при наличии соседа

   Здравствуйте. Такая проблема - не понимаю, как сверстать такой макет: <div class="parent"> <div class="first">Lorem ipsum blah blah blah</div> <div class="second">Something</div></div><div class="parent"> <div class="first">Lorem ipsum blah blah blah</div></div>Задача: при наличии .second у .first должен исчезать margin-bottom. .second может не быть, при его отсутствии first должен корректно распирать родителя. Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/ Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?

   Asked by 7ion, February 21, 2016

   0 votes
   2 answers
4. Как растянуть меню и сохранить контент по середине?

   Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

   Asked by vignaliizada88, January 31, 2020

   0 votes
   0 answers
5. помогите сделать таблицу с фиксированными ячейками, плизз

   Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…

   Asked by dinchy, April 13, 2009

   0 votes
   4 answers
6. несколько в одном

   Здраствуйте. Я по вопросам списков таких как L2 в статусе персонажа. Меня интересует как можно это зделать на одной странице как вкладка.

   Asked by TOKIOboy, July 13, 2009

   0 votes
   0 answers
7. CSS и PHP

   PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо

   Asked by olboror, December 13, 2009

   0 votes
   1 answer
8. div внутри ячейки

   Собственно вопрос таков. Как растянуть по высоте дивку, которая находится внутри ячейки с динамической высотой???

   Asked by NeoZ, February 4, 2010

   0 votes
   3 answers
9. как сделать float?

   один блок: ... menu { padding:8px; float:left; border-right: 1px solid black; width:10%; } ... дальше под ним идет, тоесть вот так: </menu> <section> <div id="bar">{bar}</div> <article> {bar} - адрес где мы находимся, в article - контент section { padding:10px; float:left; } дело в том что когда я вставляю например таблицу она не на весь блок, если в article поставить width:100%; или в table тоже ничего, а если в section то блок будет не справа от меню, а снизу, а если допустим section width поставить 70%, то если блока menu нет, то не 100%, как сделать так чтобы блок был 100% и с меню слева и без меню

   Asked by AquaGen, July 4, 2011

   0 votes
   4 answers
10. Растояние между боди и браузером

    Не могу разобраться почему возникает пробел между боди и браузером. На картинке голубым выделен боди, всё что выше это хтмл. Хром пишет что свойства переписаны в 0, но при этом отступ продолжает существовать.

    Asked by Winni, August 9, 2011

    0 votes
    6 answers
11. Overflow-y: Scroll

    Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?

    Asked by GeSTaM, December 7, 2011

    0 votes
    0 answers
12. Передвинуть блок

    Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк

    Asked by Andrew_las, June 12, 2012

    0 votes
    4 answers
13. Не применяются стили в Explorer

    Господа форумчане, подскажите почему в горизонтальном меню номально отображаются картинки и отступы во всех браузерах, кроме пресловутого Explorer? Сайт: http://spb-matrasy.ru/

    Asked by Epileptoid, September 15, 2012

    0 votes
    5 answers
14. Шрифт, IE9/10

    Здравствуйте, подскажите пожалуйста, никак не могу подключить шрифт правильно, чтобы работал в IE9/10. Уже всё основное перепробовал. 1. @font-face { font-family:Enigma; src:url(../font/Enigma.ttf) format("truetype"); } 2. @font-face { font-family: 'Enigma'; src: url('../font/Enigma.eot'); src: local('O'), url('../font/Enigma.woff') format('woff'), url('../font/Enigma.ttf') format('truetype'), url('../font/Enigma.svg') format('svg'); font-weight: normal; font-style: normal; } Может вообще такое быть, что это шрифт такой, который не хочет воспринимать IE? xDD Ссылка, на всякий случай.

    Asked by decode, November 29, 2012

    0 votes
    6 answers
15. Текст не переходит на след. строку с overflow: hidden

    Всем по привету! Прошу помощи народ, уже все перепробовал. В блоке пишу длинный текст, если к блоку не поставить свойство: overflow: hidden, то текст уходит за рамку: А если поставить это свойство, то текст уходит за рамку и не отображается. А текст должен переходить на след. строку. Ссылка на сайт: (скрыто)

    Asked by Salk, March 29, 2013

    0 votes
    2 answers
16. телефонное меню в bootstrap

    помогите пожалуйста сделать меню, которое при малой ширине экрана преобразуется в иконку, кликнув по которой пользователь получает меню в виде выпадающего списка на страничке я использовал те же классы что и в примерах с официального сайта bootstrap. но у меня при малой ширине экрана меню просто пропадает, без появления иконки

    Asked by cyklop77, November 12, 2013

    0 votes
    2 answers
17. CSS не взаимодействует с HTML должным образом

    Всем привет! Столкнулся с такой проблемой, где всё вроде бы написано правильно, а в браузере не отображаются те свойства, что я прописываю как в html, так и в css. Вот что написано в html: <!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" xml:lang="ru" lang="ru"> <head> {headers} <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> <link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet"/> <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet"/> <scrip…

    Asked by Автостопщик, November 17, 2013

    0 votes
    3 answers
18. Инпуты внутри списка

    Сделал вёрстку с четырьмя инпутами внутри списка с моноширинным шрифтом. http://jsfiddle.net/bmv123yd/ Почему длинна четвёртого инпута меньше, чем сумма первых трёх включая отступ? Я использовал для всего единицы ch и моноширинный шрифт. Почему не отображается символ, написанные через :after?

    Asked by PavelTkachev, December 26, 2014

    0 votes
    10 answers
19. как сделать такую форму с помощью fancybox

    как сделать такую фому с помощью fancybox

    Asked by pitbuli, June 19, 2015

    0 votes
    4 answers
20. Подскажите!

    Ну вот! .row2{ background:#161616 url(wow_ru/post-bg1.gif) repeat-x top; } Как его растянуть на всю! Что бы не пострадали остальные части форума?

    Asked by angelShlesser, August 31, 2009

    0 votes
    0 answers
21. Селекторы для инпутов

    Щас залез в стайл темы оформления для одного двига и заметил вот это input[type=button], input[type=submit], input[type=reset] { PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND: url(buttons/green.gif) repeat-x; COLOR: #fff; CURSOR: pointer; BORDER-LEFT: 1px solid #1e568f; BORDER-RIGHT: 1px solid #1e568f; BORDER-BOTTOM: none; BORDER-TOP: none; } Впервые столкнулся с такой записью, вот и вопрос, насколько работоспособен такой способ указания элементов?

    Asked by Der neue Gesandte, February 2, 2010

    0 votes
    3 answers
22. как облегчить работу браузеру?

    В каком случае браузер меньше напрягается? Допустим есть десять блоков которые оформлены одинаково, мы все привыкли(я по крайней мере) задавать этим блокам один класс и уже его стилизовать в CSS. Да нам так проще и CSS файл получается меньше. Но как лучше для браузера, как ему легче отрисовывать блоки, когда у них один класс и они оформлены одним правилом CSS или когда каждый блок имеет индивидуальное правило. В частности интересуют IE7/8 и их особенности. Может где то можно почитать на эту тему?

    Asked by rediskavet, November 8, 2010

    0 votes
    6 answers
23. Заголовок H1 не в тему вылез в шапке

    Я не являюсь web-дизайнером (являюсь полиграфистом), но появилась потребность немного подправить наш сайт - изменить картинку в "шапке" и фон. Пользовался возможностями CMS и FTP. Шапку поменял, фон тоже. Но после этого появилась проблема - в самом верху над картинкой вылез кусок фона на котором стал отображаться текст заголовка H1, на тех страницах где H1 нету - просто d> (например, как здесь) В CMS есть возможность редактирования HTML кода шаблона. Буду благодарен, если кто-нибудь поможет решить эту проблему Мои возможности по управлению выглядят вот так (ну и доступ по FTP)

    Asked by ilias, April 3, 2011

    0 votes
    3 answers
24. IE6, блок улетает вниз

    Есть: #main { overflow: hidden; padding:0 10px; margin:0 auto; clear: both; } #left { width: 230px; float:left; } #center { background-color: #fff; margin-left: 230px; } <div id="main"> <div id="left"></div> <div id="center"></div> </div> Содержимое center улетает вниз на высоту блока left, если ширина содержимого center больше ширины center или экрана монитора. Что делать? Необходимо, чтобы просто появлялась горизонтальная полоса прокрутки.

    Asked by 7ion, August 21, 2011

    0 votes
    5 answers
25. Сформулировать невозможно, просто посмотрите на картинку

    Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/

    Asked by Squidward, February 3, 2012

    0 votes
    8 answers