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
-
Несколько 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; }
0 votes1 answer -
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 не растя…
0 votes5 answers -
Как перенести блок или что еще
Здравствуйте Уважаемые форумчане! Это моя первая тема. Помогите, мне нужно перенести блоки направую сторону, чтобы не скролить полчаса, вот на этой странице: http://www.m-instrum....php?id=contact не могу разобраться, код писал не я, да и у меня начальный уровень знаний Вот код
0 votes2 answers -
Для чего эти кнопки?
Верстал шаблон.Извините,возможно за тупой вопрос,но зачем выделенные на рисунке кнопки,и какую функцию выполняют?
0 votes1 answer -
Помогите пожалуйста с респонсив версткой!
Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …
0 votes4 answers -
как Вот так сверстать без использования flexBox
имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox
0 votes4 answers -
Выровнять текст по вертикали
Как сделать текст выровненным по вертикали? https://jsfiddle.net/pz6n0c34
0 votes4 answers -
Вывод из бд по увеличению цены
Как вывести из бд значения по увеличению цены продукта?
0 votes1 answer -
Скрыть выпирающий блок
Выпирает блок. Почему-то не получается скрыть его с помощью overflow: hidden. Верстка на bootstrap http://codepen.io/anon/pen/RRBWGN
0 votes2 answers -
Можно ли сделать так по другому (а не position)?
https://incub10.github.io/scheme/ Как сделать по другому? Просто position перекрывает паддинг нижний(
0 votes4 answers -
как сделать чекбоксы
Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!
0 votes3 answers -
Проблема з масштабированием Паралакса
есть такой параллакс, никак не могу добиться того, чтобы он был по всей области экрана вне зависимости от того какой масштаб страницы или это 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…
0 votes1 answer -
Знакомство с CMS - с чего начать?
Здравствуйте. Я начинающий верстальщик, и, в принципе, могу сверстать сайт по макету с нуля. Но я понятия не имею, как происходит наполнение моего сайта контентом, кто этим занимается, и какова моя роль как верстальщика в этом процессе. Должен ли я каким-то специальным образом подготавливать свою верстку, или это уже вне моей компетенции? И если да, то что конкретно я должен знать об этом, как простой верстальщик? С чего начать и где копать?
0 votes0 answers -
Как различать теги INPUT?
Как указать во внешней CSS, реагировать именно на их определенный тип. К примеру у меня задан такой стиль: TABLE#itemedit INPUT, TEXTAREA{ width: 100%; } Но он применяется ко всем типам INPUT type: text, password, button, submit, reset, radio, checkbox, image, file, а как мне его заставить применяться только к определенным type?
0 votes4 answers -
Вопрос к проффи: как запретить ифрейму реагировать на колесико мыши?
Кто знает, можно ли запретить ифрейму шкролироваться вверх, когда пользователь крутит колесико мыши??? Спасибо.
0 votes3 answers -
Куда девается цвет 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> <…
0 votes7 answers -
Меню
Имеется горизонтальное меню ширина, оно розмещено в блоке с фикс. шириной по центру, нужно сделать так чтобы по бокам меню была полоса с такойже высотой как и меню, полоса резиновая. Аналогично с подвалом. Вот картинка...
0 votes4 answers -
textarea и её размер
При уменьшении окна браузера элемент textarea не уменьшается, а остаёться таким же размером как и в открытом окне на весь экран, получаетсья при уменьшенном окне браузера, оно налазит на правую навигацию. Скажите как избавиться чтоб при уменьшениии окна браузера элемент textarea уменьшался в ширину?
0 votes7 answers -
проблема с горизонтальным меню в 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…
0 votes4 answers -
отцентрировать сайт
Верстаю свой первый сайт и возникла проблема, сайт загружается не по центру. Ширина сайта - width: 1680px, загружается область левого верхнего угла. зы. margin: 0 auto; куда только не лепил, не помогло))) Помогите разобраться плз.
0 votes8 answers -
Табицы стилей для определённых браузеров
Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует 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…
0 votes8 answers -
Проблема с шириной div
Не могу разобраться, почему на этой странице при центрировании <div class="navigation"> и <div class="main"> получается расхождение точки центрирования на несколько пикселей. Без центрирования расхождения по ширине нет.
0 votes8 answers -
Грамотная оптимизация графики.
Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …
0 votes9 answers -
Здравствуйте, подскажите как мне сделать нумерацию строк как на картинке но только для тега <textarea>?
Здравствуйте, подскажите как мне сделать нумерацию строк как на картинке, но только для тега <textarea>?
0 votes3 answers -
Абсолютное позиционирование.
Помогите пожалуйста понять почему вот в этом уроке: http://htmlbook.ru/css/hover, в примере 2, в селекторе li ul, абсолютное позиционирование подменю получается относительно li a. Если убрать margin, из свойств margin-top и margin-left, то позиционируется относительно экрана. Почему margin так влияет?
0 votes4 answers