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
-
Применение margin сдвигает не то, что хотелось бы.
Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).
0 votes5 answers -
Бесплатные он-лайн курсы
В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …
0 votes22 answers -
Несоответствие начертаний шрифтов Photoshop при верстке
В Photoshop есть различные начертания шрифтов, типа Regular, Semibold, Bold. Как подобрать соответствия им через font-weight. Т.е. если указано Semibold, выбираешь тот же размер, шрифт и непонятно какое выбирать начертание, ни обычное ни bold не похоже
0 votes11 answers -
Кроссбраузерный SVG
Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…
0 votes6 answers -
ie11 не отображает подключенный шрифт
Сделал шрифт из иконок через сервис http://fontello.com/ Все прекрасно работает во всех браузерах, даже в ie8,9 проверил, отображаются. А открыл в ie11 не отображаются. Вот на этой странице с правой стороны блоков. Подключаю так: @font-face { font-family: 'post-types'; src: url('font/post-types.eot?8381614'); src: url('font/post-types.eot?8381614#iefix') format('embedded-opentype'), url('font/post-types.woff?8381614') format('woff'), url('font/post-types.ttf?8381614') format('truetype'), url('font/post-types.svg?8381614#post-types') format('svg'); font-weight: normal; font-style: normal;}В чем может быть проблема? Помогите пожалуйста. Гугл не помог. Так же есть ли во…
0 votes2 answers -
Выпадающая строка поиска на бутстрапе 3
Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска
0 votes5 answers -
Опасности удаления DOCTYPE
Доброго времени суток.. да и просто доброй жизни! Есть вопрос : Хочу удалить доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - из-за него у меня фиксированный блок в IE не работает. Уже пробовал разные варианты-хаки с фикс. блоком. Результатом был недоволен Хочу его удалить. Но не знаю какие проблемы могут из-за этого возникнуть, как поисковики могут отреагировать не такую "штуку". Всем откликнувшимся большущие спасибо!
0 votes16 answers -
Схлопывание границ надо отменить
Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…
0 votes9 answers -
Ошибка в IE при верстке картинками
Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!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"> <head> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…
0 votes3 answers -
Растянуть Div с float вертикально по высоте
Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код
0 votes11 answers -
Проблема с блоками DIV
У меня возникла следующая проблема при верстке страницы сайта: На странице находится 4 картинки с подписями, заключенные в <div> блоки, нужно разместить их в строчку так, чтобы они были равноудалены друг от друга, и ,при сужении окна браузера, 2 картинки съезжали вниз и опять становились равноудаленными друг от друга и от краев. Пробовал указывать <div align="center"> - не помогло. -когда окно браузера широкое и позволяет разместить 4 картинки -когда окно браузер узкое С уважением, Евгений.
0 votes21 answers -
Процесс верстки сайта ЦТ «CARBON»
Дизайн главной страницы родился: Сейчас происходит знакомство с версткой. Начала и подзависла в шапке с относительным позиционированием - не хочет сдвигаться.. <body> <div id="header"> <div class="logo_table"> <table border="1"> <tr> <td><img src="img/header/logo.png" alt="Центр Тонирования «CARBON»" /></td> <td> </td> </tr> <tr> <td align="right"><img src="img/header/button.jpg" alt="скидка 5%" /></td> <td><span class="style1"> +7 (4732) 93-90-50<br /> +7 (4732) 94-94-66<br />профессиональное тонирование</span></td>…
0 votes9 answers -
Передача фокуса родительскому окну
window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)
0 votes8 answers -
Как исключить налезание текста или заставить слои "тянуться"?
Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без н…
0 votes13 answers -
Фоновый звук
Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?
0 votes12 answers -
Помогите допилить TabControl с помощью Css3
Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…
0 votes25 answers -
Подскажите просмотрщик для стилей.
Добрый день! Сталкнулась с проблемой неправильного отображения сайта, в одном и том же браузере и одной версии. Может ли такое быть? Может есть просмотрщики для сайтов, чтобы посмотреть в разных браузерах с разными расширениями экрана. Подскажите.
0 votes20 answers -
Как из ссылки сделать кнопки?
Мне из ссылки нужно сделать такие кнопки как на картинке. Соответственно нужно получить две ссылки одна активная подсвечивается определенным цветом, вторая не активная прозрачная не подсвечивается. Значит здесь нужно применить два стиля. Наведение мышкой не подходит, так как, эти ссылки будут менять в зависимости от перехода на страницу. Вот код примера здесь сделано на input’ах мне нужно тоже самое только на ссылках. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="test"> <form>…
0 votes2 answers -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
CSS и PHP
PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо
0 votes15 answers -
Под какой размер монитора верстать.
Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.
0 votes13 answers -
Очередная пачка проблем с ИЕ6-7
Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…
0 votes12 answers -
Валидация w3c
При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…
0 votes4 answers -
Увеличение картинки при наведении
Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…
0 votes10 answers -
расстояние между строками
формирую страницу во фронтпейдже. печатаю текст, а между строками слишком большой расстояние. изменил стиль body на line-height: 100%. теперь расстояние между строками в пределах абзаца нужное, а между разными абзацами - по-прежнему большое. что делать? сделал границы margin-top: 0% нулевыми в стиле body - ноль результата. вот если задать границы в каждом абзаце, то линии выравниваются. но этого много лишних буков.
0 votes7 answers