HTML Coding

29542 questions in this forum

1. Несколько div в ряд

   Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }

   Asked by Kenshi24, May 19, 2012

   0 votes
   1 answer
2. colspan почему-то не срабатывает

   <table id="content" name="content"> <tr><td id="lists" name="lists" rowspan="2" width="200">ololo</td> <td id="main_info" name="main_info" colspan="3"> ololo2 </td></tr> <tr style="background-color: white;"><td class="materials_explain"> A little bit more </td> <td class="materials_explain"> And more... </td> <td class="materials_explain"> And this is the end </td></tr> </table> Вот такая таблица. Несмотря на то, что вроде бы должна, ячейка с именем main_info не растя…

   Asked by Mosya, July 15, 2012

   0 votes
   5 answers
3. Как перенести блок или что еще

   Здравствуйте Уважаемые форумчане! Это моя первая тема. Помогите, мне нужно перенести блоки направую сторону, чтобы не скролить полчаса, вот на этой странице: http://www.m-instrum....php?id=contact не могу разобраться, код писал не я, да и у меня начальный уровень знаний Вот код

   Asked by Uchkum, July 17, 2013

   • html css
   0 votes
   2 answers
4. Для чего эти кнопки?

   Верстал шаблон.Извините,возможно за тупой вопрос,но зачем выделенные на рисунке кнопки,и какую функцию выполняют?

   Asked by MegaS, July 12, 2015

   • кнопки
   0 votes
   1 answer
5. Помогите пожалуйста с респонсив версткой!

   Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …

   Asked by Zehlik, October 27, 2015

   • #responsive
   0 votes
   4 answers
6. как Вот так сверстать без использования flexBox

   имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox

   Asked by Daniil Khanin, December 24, 2015

   0 votes
   4 answers
7. Выровнять текст по вертикали

   Как сделать текст выровненным по вертикали? https://jsfiddle.net/pz6n0c34

   Asked by user, January 21, 2016

   0 votes
   4 answers
8. Вывод из бд по увеличению цены

   Как вывести из бд значения по увеличению цены продукта?

   Asked by DronBoy, June 11, 2016

   • бд
   • php
   • вывод
   0 votes
   1 answer
9. Скрыть выпирающий блок

   Выпирает блок. Почему-то не получается скрыть его с помощью overflow: hidden. Верстка на bootstrap http://codepen.io/anon/pen/RRBWGN

   Asked by yaparoff, July 29, 2016

   0 votes
   2 answers
10. Можно ли сделать так по другому (а не position)?

    https://incub10.github.io/scheme/ Как сделать по другому? Просто position перекрывает паддинг нижний(

    Asked by incub, December 20, 2016

    • html
    • css
    0 votes
    4 answers
11. как сделать чекбоксы

    Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!

    Asked by mstdmstd, April 10, 2017

    0 votes
    3 answers
12. Проблема з масштабированием Паралакса

    есть такой параллакс, никак не могу добиться того, чтобы он был по всей области экрана вне зависимости от того какой масштаб страницы или это 35% или 150% нужно чтобы он всегда оставался одного размера P.S с простым фоном сделать это легко, надеюсь и здесь решение под поверхностью. <!DOCTYPE html> <html lang="en" class="no-js demo5"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="shortcut icon" href="../file/favicon.gif"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script…

    Asked by TrueGavr, May 5, 2017

    • parallax
    • масштабированием
    • масштабирование
    0 votes
    1 answer
13. Знакомство с CMS - с чего начать?

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

    Asked by aspirin37, July 4, 2017

    • cms
    • html
    • верстка
    • css
    0 votes
    0 answers
14. Как различать теги INPUT?

    Как указать во внешней CSS, реагировать именно на их определенный тип. К примеру у меня задан такой стиль: TABLE#itemedit INPUT, TEXTAREA{ width: 100%; } Но он применяется ко всем типам INPUT type: text, password, button, submit, reset, radio, checkbox, image, file, а как мне его заставить применяться только к определенным type?

    Asked by PhantomSL, February 11, 2009

    0 votes
    4 answers
15. Вопрос к проффи: как запретить ифрейму реагировать на колесико мыши?

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

    Asked by mff, February 11, 2010

    0 votes
    3 answers
16. Куда девается цвет background?

    <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style> div.content { background: #ff0000; width: 100%; } li { list-style: none; } </style> </head> <body> <div class="content"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Еще одна страница</a></li> </ul> &lt…

    Asked by fr1ar, February 15, 2010

    0 votes
    7 answers
17. Меню

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

    Asked by -O-J-A-, September 6, 2010

    0 votes
    4 answers
18. textarea и её размер

    При уменьшении окна браузера элемент textarea не уменьшается, а остаёться таким же размером как и в открытом окне на весь экран, получаетсья при уменьшенном окне браузера, оно налазит на правую навигацию. Скажите как избавиться чтоб при уменьшениии окна браузера элемент textarea уменьшался в ширину?

    Asked by people2010, October 22, 2010

    0 votes
    7 answers
19. проблема с горизонтальным меню в IE7

    Подскажите, что я делаю не так есть горизонтальное меню, во всех браузерах, кроме IE7 нормально отображается: В IE7 выглядит так: код: .top-menu{ position: relative; background-color: #b3b3b3; background: url('/img/top-menu-fon.gif') repeat-x; height: 41px; width: 959px; margin-left: 10px; overflow:hidden; } .top-menu a:link, .top-menu a:visited { color: #000; font-size: 13px; font-weight: bold; text-decoration: none; padding-top: 12px; padding-bottom: 13px; padding-left: 60px; padding-right: 60px; text-shadow: 1px 1px 1px white; } .top-menu a:hover, .top-menu a:active { background: url('/img/top-menu-fon-hover.gif') 0 0 repeat-x; color: #fff; fon…

    Asked by alex196, March 2, 2011

    0 votes
    4 answers
20. отцентрировать сайт

    Верстаю свой первый сайт и возникла проблема, сайт загружается не по центру. Ширина сайта - width: 1680px, загружается область левого верхнего угла. зы. margin: 0 auto; куда только не лепил, не помогло))) Помогите разобраться плз.

    Asked by mishutko, June 8, 2011

    0 votes
    8 answers
21. Табицы стилей для определённых браузеров

    Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует Opera, потомучто в нём картинка rss и логотип находятся в неправильном месте. А я подстраивала CSS для Firefox и Chromium, там всё нормально. Вот стиль, описывающий иконку rss #content a.feed-icon { float: none; /* LTR */ margin-top: -5px; position: relative; bottom: 36px; top: 10%; left: 202%; z-index: 1; } Этот стиль находится во внешней таблице, вот как мне теперь сделать чтоб этот стиль игнорировался Opera и использовался альтернативный ? Вот альтернативный CSS: @media all and (min-width: 0) { #content a.feed-icon { flo…

    Asked by Goldsnich, August 18, 2011

    0 votes
    8 answers
22. Проблема с шириной div

    Не могу разобраться, почему на этой странице при центрировании <div class="navigation"> и <div class="main"> получается расхождение точки центрирования на несколько пикселей. Без центрирования расхождения по ширине нет.

    Asked by Dimusyan, March 13, 2012

    0 votes
    8 answers
23. Грамотная оптимизация графики.

    Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …

    Asked by Kray Storm, October 16, 2012

    0 votes
    9 answers
24. Здравствуйте, подскажите как мне сделать нумерацию строк как на картинке но только для тега <textarea>?

    Здравствуйте, подскажите как мне сделать нумерацию строк как на картинке, но только для тега <textarea>?

    Asked by Wily, June 5, 2013

    0 votes
    3 answers
25. Абсолютное позиционирование.

    Помогите пожалуйста понять почему вот в этом уроке: http://htmlbook.ru/css/hover, в примере 2, в селекторе li ul, абсолютное позиционирование подменю получается относительно li a. Если убрать margin, из свойств margin-top и margin-left, то позиционируется относительно экрана. Почему margin так влияет?

    Asked by webded, February 2, 2014

    0 votes
    4 answers