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
-
Не работают ссылки в IE.
Здравствуйте! Это моя первая попытка создать сайт. Столкнулась с проблемой, решение которой найти не удалось. Во всех браузерах, кроме IE, ссылки-картинки, вставленные в таблицу, работают и при наведении на них мышкой НЕ появляется пунктирная рамка. В IE - не работают и появляется рамка, причем только с трех сторон. Outline и border 0/none, не помогает. А вот ссылка на главную страницу через картинку-логотип (на главной странице) работает нормально и рамка не появляется.... Вот код: <div class="subscribe-main"> <table class="subscribe" border="0"> <tr> <td><a href="Etusivu.html"><input class="inpt-1" type="image" src="1stranica.jpg"…
0 votes9 answers -
Помогите мне, как понять верстку?
Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(
0 votes24 answers -
Вирус в коде
Всем добрый вечер. Народ помогите удалить вирус в коде не пойму где он именно?, вот ссылка http://school7tver.ru/ Антивирус Аваст! Вирус HTML:IFrame-FA [Trj] ?
0 votes20 answers -
Как правильно обернуть картинку в ссылку?
Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.
0 votes2 answers -
Возможно ли с помощью псевдокласса hover.....
Привет всем! Есть вопросик: возможно ли при помощи псевдокласса hover при наведении курсора на ссылку загружать в элемент с заданным id(допустим в ячейку таблицы) какое либо графическое изображение или менять стиль? Так сделать можно с помощью JS, а с помощью hover?
0 votes7 answers -
css Почему не отображается блок?
При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR
0 votes6 answers -
Не работают :hover и :transition
Люди добрые, помогите разобраться, весь день пытаюсь понять почему у меня не получается. В общем идея была сделать одну красную кнопку, чтобы при наведении появлялось еще 4 зеленых. Реализовать попытался 2мя очень похожими способами, через div и через список. https://codepen.io/lokonaft/pen/GXqBBP - в данном случае почему то не работает transition https://codepen.io/lokonaft/pen/qMNMVL - в данном случае я то ли не могу правильно задать hover, то ли я чего то не понимаю
0 votes2 answers -
Вопрос по ссылкам
Чтобы просто открыть в другом окне, нужно добавить к ссылке target=?blank?. А как сделать чтобы при переходе по ссылке, перейти на другую страницу сайта на котором сейчас находишься и открыть в другом окне другой сайт.
0 votes14 answers -
Opera не реагирует на cursor:pointer;
Неподскажите как с этим бороться... Местами пишут что поздние версии Opera неочень поддеживает... Может это как-то через JS можно сделать или как ((
0 votes13 answers -
XHTML
Вот изучал вашу статью на сайте и у меня возникли вопросы. В разделе требуется закрывать все теги. Как именно закрывать одинарные например <br>, закрывать пример1 Я сегодня<br>выпил чаю</br> пример2 Я сегодня< /br>выпил чаю. Только ли одинарные теги должны завершаться слэшем?
0 votes26 answers -
Борьба с валидатором
Подскажите пожалуйста как сделать чтоб валидатор не ругался на знак "=" (равно) в ссылке на документ в инете?
0 votes21 answers -
Стилизация чекбокса без label
Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/
0 votes9 answers -
Как сделать 3 блока "одинаковой высоты"?
Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…
0 votes38 answers -
Растянуть по высоте div, внутри button
Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/
0 votes4 answers -
IETester - За и Против
Вопрос к тем, кто пользуется IETester'ом для проверки верстки в ИЕ6 и ИЕ7. Сталкивались вы с различием в отображении страницы IETester'ом и реальным браузером? Собственно хочется определится - стоит ли 100% полагаться на IETester? Заранее спасибо
0 votes22 answers -
Неправильное отображение в Safari и IE. Как исправить?
http://tellmeof.cc.ua/Map/map.html 1. Safari 7 (в более старых не проверял) не скругляет углы у iframe. Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает. 2. IE7 и IE8 не скругляют углы у iframe. Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось. 3. IE7 и IE8 не отрабатывают ховер. 4. IE9+ как-то странно отрабатывают ховер. Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует. Прошу помощи.
0 votes11 answers -
Убрать границы у дива
иемеется такой вот див .container { background:url(pic/bg.jpg) center top repeat-y; margin:0 auto; width:1000px; height:100%; min-width:100%; } я поставил "height:100%;" и думал, что это даст желаемого результата. Я хочу что бы верх и них контейнерера (в котором содержится весь сайт) касались верха и низа браузера. А вместо этого они отступают примерно на 5-6 пикслей. Не мог ли бы мне подсказать как это поправить?
0 votes23 answers -
Звук на сайте
Есть у меня 1 очень странный приятель, которому обяснить, что звук и сайт, мало совместимые вещи. Прописал я на сайте строку <SOUND SRC="http://www.lifeclubmos.com/ligz.wav" LOOP="3" DELAY="3"> вставил ее в самом начале - не звучит. И файл закачал, и залил все это на аккаунт.... Может есть у кого какие мысли?
0 votes5 answers -
Выравнивание по нижнему краю
Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.
0 votes5 answers -
Растянуть блок по ширине содержимого без span
Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.
0 votes7 answers -
Хром и Опера не видит шрифт.
Привет! Нужна помощь. Начал верстать сайт , скачал шрифт который выбрал дизайнер. font:36px/36px "Yanone Kaffeesatz",Arial,sans-serif;. Скаченый шрифт не видит хром и опера. Причем фаерфокс и ие видят его. В чем мб проблема? Кэш обновлял, истоиию удалял не помогло.
0 votes4 answers -
Подскажите. как через стили наложить текст ссылку на картинку
Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.
0 votes4 answers -
Размер элемента в процентах минус 100 пикселей
На странице имеется шапка высотой 100px и яндекс карта высотой 100% как сделать чтобы размер карты был 100% минус 100 пикселей <!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> <title>Примеры. Простой вызов карты.</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AIQcg0wBAAAA5e0zBAMAh7of_DfOHY1gl_R0v5CsZ9mboTsAAAAAAAAAAAA53fz1iFk7mzC8xQGtKj2VyYSkrA==" type="text/javascript"></script> <style type="…
0 votes2 answers -
Смена блоков
Здравствуйте. Ситуация такова: Необходимо сделать замену содержимого на страничке по клику. Есть главная страничка сайта на русском языке (до регистрации), которая содержит краткую информацию. Её необходимо продублировать на английском. Для этого нужно поставить 2 флажка на русский вариант странички, при нажатии на которые будет меняться содержимое. То есть пришли на сайт первый раз, видим информацию + 2 флажка, кликаем по английскому флагу и получаем тот же текст на английском, кликаем по русскому флагу и получаем заново русский текст (который стоит всегда по умолчанию). Идет смена блоков. ——————- С кодом в принципе знаком и уверен что тут необходимо применить DIV, оста…
0 votes9 answers -
Слетела кодировка
Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?
0 votes9 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-