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
-
пытаюсь создать кнопку — не работает :hover
Пытаюсь создать с помощью CSS кнопку, которая меняется при наведении курсора. Попробовал использовать :hover, но он почему-то не срабатывает. Код здесь. И еще вопрос: чтобы кнопка работала (то есть была ссылкой), я помещаю <div> внутри тега <a>. Работает нормально, но это вроде «неправильно». Как тогда поступать, ведь если <a> поместить внутрь <div>, он не будет ссылкой. В голову приходит только onclick+ cursor:hand... Вообще, отвлекаясь от моего примера, как можно превратить div в гиперссылку?
0 votes4 answers -
Настройка Web-storm
Здравствуйте, Господа! Прошу помощи в настройке web-storm. Даже не знаю по каким словам можно искать эту вещь. Дело в том, что иногда, при редактировании CSS-кода, переносишь каретку при помощи мыши в другое место, начинаешь набирать текст, а каретка перескакивает в место последнего редактирования. Иногда это место оказывается в другом конце файла и приходиться опять все пролистать. Дико действует на нервы. Может кто сталкивался?
0 votes0 answers -
Валидность xhtml strict + JavaScript
с мыслями создать эту тему зашел на форум и наткнулся на пост Влада про валидацию (http://forum.htmlbook.ru/index.php?showtopic=4268) - хороший интересный пост... ну это так, к слову... в чем собственно вопрос... я хотел спросить соответствует ли примение на страницах валидируемых xhtml strict джаваскрипт кода? просто я что-то немного запутался... у меня есть полностью валидный код, но его портит один скрипт... (( просто для целостности восприятия не хотелось бы видеть внизу файрфокса красный крестик не пройденной валидации =)
0 votes7 answers -
Верстка вложенными таблицами
У меня вопрос про верстку таблицами. Почему при верстке таблицами вкладывают одну или несколько таблиц в другую. Разве это как то влияет на их отображение?
0 votes12 answers -
Вставка картинки.
Всем привет! У меня два глупых вопроса Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ! Пишу вот так: <H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150"> <H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150"> и получается одна картинка сверху, другая--снизу, а мне надо, чтобы они стояли рядом. Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке. Как это осуществить? Что нужно сделать? Всем спасибо.
0 votes11 answers -
Высота блока с position relative
Здравствуйте. вот что есть сейчас: у блока menu_text position:relative;он встает на правильное место. Но вот высота у него как 2 блока, ниже меню большое расстояние. Если я этот блок удаляю, то лишнее пространство исчезает. Как сделать так, чтобы блок advert_list начинался сразу после меню? html: <div id="menu_wrapper"> <div id="menu_center"> </div> <div id="menu_text"> <div class="menu_button"> <img src="images/menu_home_page.png"><br> Главная </div> <div class="menu_button"> <img src="images/menu_education.png"><br> Образование </div> <div class="men…
0 votes6 answers -
<body> или отдельный <div>
Уважаемые профессионалы, прошу вашего разъяснения: Общепринято, для выравнивания содержимого страницы по центру - создавать обертку страницы (<div id="обертка">) и задавать ему автоматическое выравнивание по горизонтали. Я попробовал выровнять содержимое страницы по горизонту, без обертки - не посредственно внутри тега <body>. Задал ему position: relative; margin: 40px auto; padding: 0; width: 970px; и все работает как и с оберткой. Возможно я просто еще не наткнулся на косяки, или это уже просто специфика нового html5, пока не понял. Поясните насколько "кошерно" работать в таком стиле с боди.
0 votes13 answers -
footer отображаеться не коректно
Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <st…
0 votes11 answers -
осбоенности использования map area в Firefox
может кто знает, есть какие то особенности использования тега map area в MozillaFirefox? нужно сделать картинку с облатями перехода, это map area. в браузерах Explorer,Opera тестовый пример нормально работает, создается 3 области, появляется текст alt, работает href. в Firefox только первые 2 области раюотают нормально (есть alt, href), последняя область не срабатывает. не понятно где тут накосячено, пример простенький. ошибки не вижу. но может ктонить подскажет?
0 votes5 answers -
замена картинки на другую
обыскал форум, не помогло. Я тут новенький и с трудом дохожу до каждого нового свойства, стиля и т.д. Вот уже 2 часа ломаю голову, пытаясь понять, как сделать, чтобы картинка-кнопка(ссылка) при наведении курсора менялась на другую, тех же размеров. <a href="#"><img src="normal.gif"></a> - вот я ее нарисовал в html. img:hover { background-image:url(hover.gif); - задал стиль. } все работает, но hover'ная картинка появляется под нормальной, а надо наоборот)) намекните плз, как мне осуществить задуманное
0 votes3 answers -
Помогите решить проблему с FrontPage 2003.
Уважаемые участники форума, нужна ваша помощь. Проблема состоит в следующем. У меня есть текст, например, на 10 абзацев + заголовок. Я копирую этот текст (не из Word, а из блокнота), после чего вставляю в FrontPage, а затем удаляю все лишние теги , которые расставляет программа. После этого оста?тся примерно такой текст в коде: Текст 1. Текст 2. Текст 3. Текст 1 должен быть заголовком. Я выделяю его, после чего выбираю в открывающемся списке Заголовок 1. И тут происходит самое интересное, открывающий тег программа ставит перед Текст 1, а закрывающий тег после Текст 3. То же самое происходит, если я пытаюсь применить тег . В тоже время, если я хочу выделить жирным или …
0 votes9 answers -
опять же высота min-height
Привет. Появилась задача сделать вокруг блока несколько фоновых изображений. Все получилось, но вот есть глюк, который я не знаю как исправить... если высота блока превышает 100%, то фоновые изображения остаются на месте, а контент вылазиет за их границы. Объясните с примером плз как решить данную задачу. Спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> html, body {height:100%; margin:0; padding:0;} #wrapper {wi…
0 votes12 answers -
Фиксировать положение элемента
Добрый день, допустим есть такой фрагмент: <html> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пол…
0 votes8 answers -
Загрузка анимированного .gif из кеша браузера
Доброго времени суток всем! Вопрос: Есть ли способ загружать анимированные .gif изображения из кеша браузера не теряя анимацию? Подробнее. Думаю известная проблема - если мы делаем при каких-то событиях мыши загрузку анимированных изображений, то анимацию мы будем видеть ровно до тех пор, пока изображение не закешируется браузером, обычно этих разов будет 1, если не предпринять доп. усилий. После кеширования мы будем видеть уже не анимированное изображение, а его последний кадр. Стандартное js-решение этой проблемы - добавление случайного числа к урлу загружаемой картинки, это приводит к загрузке изображения снова с сервера. В моем случае это решение содержит изъян: карти…
0 votes18 answers -
Меню аккордеон!
День добрый! Если взять меню, например вот это: http://www.magentawave.com/2012/10/accordion-css3-jquery-menu.html то оно прекрасно работает. Но как только делаешь в меню 8-10 подменю (как только делаешь его достаточно длинным), то при нажатии на пункт страничка сдвигается вверх к этому пункту. Я думаю дело в якоре? Из за него страница двигается к месту где якорь? Как от этого избавиться? Зачем нужно меню, которое не работает нормально... Таких меню куча в инете и основа у них одна, список с якорями. Может можно как-то без якорей сделать? Или я чего-то не понимаю еще. С ув. Uncle Fox.
0 votes9 answers -
условные комментарии - определить тип и версию браузера
Это не комментарий или пишется вот так Точно не знаю,как правильно пишется,но что-то в этом роде. Вот это я не понимаю. Для чего нужно так писать? Для ИЕ что-то запрещаем, но не пойму что . В общем кто обзорно объяснит мне? перенесено в "HTML" kiD
0 votes2 answers -
Альтернатива legend в fieldset
Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?
0 votes4 answers -
Проблема верстки с div в IE
На данный момент есть не сколько вопросов. 1. При верстке сайта использовал такой div <!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> {headers} <style type="text/css" media="all">@import url({THEME}/css/style.css);</style> <style type="text/css" media="all">@import url({THEME}/css/engine.css);</style> <script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script> <script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script> </…
0 votes24 answers -
Слои, кроссбраузерность
Здравствуйте, помогите пожалуйста разобраться. Делаю сайт на joomla1.5(залил на тест-хостинг) - http://alex.z83.ru. Проблемы две (...пока, насчет IE еще не заморачиваюсь): 1. Справа от герба расположен блок <div id='head_photo'> , в него встроен модуль вывода сучайного фото, размеченный как еще один div , внутри которого ссылка с изображением( div->a->img). В стилях я сделал для #head_photo бэкграунд-картинку(corners.png-прозрачную) с белыми уголками, чтобы фото выводились под ней и были со скругленными углами, выставил z-index: 100; а для самой картинки- div#head_photo div a img { display: block;position: relative;z-index: 9;} чтобы она была под картинкой с…
0 votes24 answers -
помогите пожалуйста с HTML кодом
у меня на 6 експлоре съезжает менюшка вниз(http://autoriginal.com.ua/) неподскажите в ч?м ошибка, спасибо! вот код <div id="logo"> <div> <?php mosLoadModules ( 'user9' ); ?> </div> <?php switch ($option){ case "com_frontpage": echo '<div id="top_bar_home"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map2" />'; break; default: echo '<div id="top_bar"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map" />'; break;}?> </div></div> <div align="center" ><?php echo $mycssONLY_PRI_menu ?></div> <…
0 votes3 answers -
Блокировка подгружаемых элементов содержимого
Здравствуйте! Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой: <div id="loading"> <div class="loadingDiv">Подождите пожалуйста...</div> </div> и стили .loading { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden; } .loadingDiv{ position:absolute; top:50%; left:50%; text-align:center; font-family:Arial; background-color:#FFFFFF; font-size:10px; margin:0 0 5px 0; } который теоретически должен перекрывать вс? содержимое во время загруз…
0 votes6 answers -
Cмягчение шрифтов
Картинкой заголовки не подходит делать, нужно обязательно текстом, вот пример, получается рубленность: h2 { color: #4d5757; font-family: Trebuchet MS; font-size: 1.5em; font-style: italic; font-weight: bold; } Как смягчить шрифт средствами css?
0 votes7 answers -
много пустого места перед таблицей
Уважаемые коллеги, нужна Ваша помощь. Подскажите пожалуйста, отчего вот здесь http://www.interklimat.zp.ua/tp/nexans_osn.htm перед первой таблицей так много пустого места? Как это устранить?
0 votes7 answers -
Кнопки input type button и <button>
Можно ли задать размеры кнопок <input type="button" и <button>? Имею ввиду, что бы задать им определенную ширину и высоту, например. Нужно вряд поставить 4 кнопки, хотелось бы, что бы они были одинаковые по ширине, независимо от ширины текста в них.
0 votes6 answers -
Не работают ссылки в таблице
<div class="progect"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> <a href="lorem.html">Lorem</a><Br> </td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> </tr> </table> </div> вот такой кусочек кода есть .... почему то в браузере FireFox при наведении на ссылку она не становится активной и сколько ни клацай её всё р…
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-