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
-
Помогите сделать резиновый шаблон
Уважаемы специалисты! У меня есть шаблон "статичной" страницы, а мне просто необходимо сделать "резиновый" дизайн этой страницы - чтобы изменялся center. Если ставить 100% на .all и на .center, то все к чертям скатывается <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Дивовый дизайн</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <style> .all { width:900px; margin:auto; text-align:center; } .header { border:1px solid #666666; ma…
0 votes4 answers -
Футер. Как убрать отступ в ИЕ6?
Собственно, верстал страницу, из 2х блоков Основного (container) и Футера (underline_container). Необходимо, чтобы при большом Основном блоке футер лежал под ним и появлялся на странице скролл, а в случае, когда Основной блок меньше высоты экрана, футер прижимался бы к низу экрана. Код, который я написал работает во всех браузерах, кроме ИЕ6, в н?м после футера появляется отступ равный по величине самому футеру. Как его победить? Заранее благодарен всем ответившим. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <link rel="stylesheet" href="style…
0 votes5 answers -
Верстка вложенными таблицами
У меня вопрос про верстку таблицами. Почему при верстке таблицами вкладывают одну или несколько таблиц в другую. Разве это как то влияет на их отображение?
0 votes12 answers -
Наследование стилей.
:/ Не могу уменьшить размер картинок с помощью CSS. Интересно, почему??? :| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>EXPERIMENT</title> <style type="text/css"> #pictures { position: absolute; left: 122px; top: 169px; height: 1px; width: 1px; border; 0px} </style> </head> <body> <div id="pictures"><img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""></div> </body> </html>
0 votes5 answers -
Прокрутка внутри ячейки
Добрый день. Такая проблема. Есть таблица. Содержимое одной из ячеек прокручивается скролом. Это сделано на JS. Но так как у некоторых JS блокируется, сайт воспроизводится не везде правильно. Как сделать то же самое на CSS? Заранее благодарю.
0 votes5 answers -
Select option добавить тег
Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?
0 votes9 answers -
Границы
Как-то вот сразу два вопроса возникло (точнее актуализировалось). Спасибо, если поможете мне разобраться) Вопрос #1. Есть background-clip и background-origin. Можно по-простому как-нибудь или просто подробнее, в чём разница-то? И ещё, я так понимаю влияние оказывается исключительно на отображение фона? На размеры границ и отступов и их логику не влияет, да? Вопрос #2. Вот, частенько сталкивался — а, ведь, опыт у меня мизерный, ужасающе мизерный — с проблемой определения ширины border в резиновой вёрстки. И чо-то как-то и не помню как решал эти проблемы, по-моему это было не совсем правильно и просто по-другому строилась вёрстка. Интересно услышать ваши варианты выхода и…
0 votes29 answers -
Статичная высота ячеек
Имеется таблица: задача сделать так, чтобы при увеличении высоты ячейки 2Е,высота ячеек 1А,1В,1С не изменялась, изменялась тольо высота ячейки 1D. Как это возможно?
0 votes1 answer -
Как переделать многостраничный документ Word в html?
А не подскажете, как можно попроще переделать многостраничный документ Word в html, так, чтобы каждая страница стала отдельной html-страницей? Спасибо.
0 votes5 answers -
Вжатая и отжатая кнопки
Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок. Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя. Вторая, наоборот отжатая - на неё можно нажать. Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/ Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.
0 votes2 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
По одной ссылки два результата
Имеется файл с двумя фреймами ROWS. Необходимо сделать так, чтобы при нажатии на ссылку в нижнем фрейме произошел переход на другую страницу например на 1.html и одновременно переход на страницу например 2.html в верхем фрейме. Как это организовать не изменяя тега <a> ?
0 votes10 answers -
Размер в зависимости от разрешения
Здраствуйте, Может можете помочь? Вопрос: Как сделать так, что бы на разных машинах, с разным разрешением сайт выглядел одинаково. То есть, что бы размер объекта менялся в зависимости от разрешения. Ситуация: в страничку вставлен флаш ролик. А вот и код: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="400"> <param name="movie" value="index.swf"> <param name=quality value=high> <embed src="index.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type=…
0 votes6 answers -
Центрирование картинки произвольного размера в блоке фиксированного размера
На одном из форумов видел решение для центровки элемента по вертикали относительно родителя. Я доработал этот пример под полное центрирование картинки Задача: есть картинка заранее неизвестного размера, есть блок фиксированного размера, внутри которой эта картинка должна быть размещена по центру. Решение: обязательно наличие еще одного вспомогательного элемента и главный блок фиксированного размера #Image{ width: 830px; height: 750px; line-height: 750px;//Значение равное высоте блока } #Image div{ width: inherit;//наследуем ширину родителя, относительно которой мы будем выравнивать img display: inline-block;//указываем что div - встраиваемый элемент…
0 votes4 answers -
Ищу красивое решение
Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…
0 votes10 answers -
Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?
Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…
0 votes1 answer -
Появление окошка навигации
А как сделать так, чтобы при нажатии на пункт меню в указанном месте появлялось окошко навигации. а при нажатии на другой пункт меню, появлялось другое окошко навигации, а первое исчезало? средствами css это можно организовать?
0 votes9 answers -
Фиксация заголовка таблицы от прокрутки
Хотелось зафиксировать верх страницы (конкретно в моем случае названия колонок таблицы) от прокрутки. Пытался нагуглить решение, но понравившегося мне не нашел - у всех найденных решений область прокрутки имела фиксированный размер, и если размер окна был больше чем "надо", лишнее место пропадало зря, но хуже, если высота экрана оказывалась меньше. Тогда появлялась вторая полоса прокрутки, которая все-таки уводила названия колонок за пределы экрана. Ничего лучше найти не смог. Тогда решил сделать с помощью фреймов. Все банально просто - в верхнем фрейме табличка с заголовками колонок, в нижнем - таблица с собственно данными. Хочу обратить внимание на два момента. 1. Ширин…
0 votes3 answers -
Проблема с Flex
Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)
0 votes5 answers -
Вместо Open Sans Condensed браузер рендерит системный шрифт
Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?
0 votes2 answers -
Курсор при наведении на картинку-ссылку
Хочу сделать простую смену картинки при наведении на нее курсора мыши (код ниже). В IE6 при наведении курсора он так и остается указателем-стрелкой, в FF2 - принимает форму руки (как и полагается). Почему так происходит в IE и как это исправить, чтобы курсор явно говорил, что это картинка-ссылка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test</title> </head> <body> <a href="#"><div id="b1" style="width:144px; height:90px; display:block; background-image:url(pic/button1.png)…
0 votes1 answer -
Неправильное отображение сайта в разных браузерах.
Продублирую свою проблему тут. Хочется разобраться. #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 206px; height : 11px; padding : 0; } #enter { width : 84px;…
0 votes3 answers -
Проявить бблоки по ссылки
Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!
0 votes4 answers -
Народ поможите плиз!
не могу разобраться почему в i. explorer - все разъезжаеться. сайт www.v-otpusk.com. Во всех других браузерах сайт работает корректно.
0 votes11 answers -
полупрозрачный блок
как можно сделать, чтобы блок был полупрозрачным или как бызатуманенным? хочу выделить область в div и придать ей свойства, чтобы она была полувидима. http://nhjugfbd.at.tut.by/opacity.htm
0 votes16 answers