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
-
Что бы ссылка в html вставляла вместо картинки текст ?
Доброго времени. Пожалуйста подскажите как быть. Как можно прописать ссылку чтоб она вставляла на страничку текст из какого-нибуь отдельного документа? Чтобы текст самой странички можно было изменять не залазя В сам index.html, а изменяя текст этого отдельного документа. P.S. Попросила знакомая сделать сайтик в одну страничку, конечно, я не отказал, сделал все красиво. Но дело в том что она хочет сама его обновлять. Казалось бы что бело плевое,- открыл index.html блокнотиком поменял текст, да и все! Ан нет! Это ж надо чтоб еще и кодировка на месте осталась!!! Такое простое дело , а как быть не знаю! Те CMS которые с нета можно скачать весят больше самого сайта, а после "а…
0 votes3 answers -
якоря
Будьте осторожны со стилями для ссылок. Обратите внимание на то, что классический якорь (<a name="anchor">) реагирует на псевдо классы :hover и :active. Чтобы исключить это, используйте в качестве якоря идентификаторы элементов, или немного более заумный синтаксис:link:hover, :link:active. [Dave Shea] Примеры мне подкиньте плиз что это за...
0 votes4 answers -
Селекторы в CSS
Доброго времени суток! Если не сложно не могли бы Вы объяснить работу селекторов на простом примере и дать рекомендации по работе с ними. Предположим есть HTML код: <ul class="label1"> <li class="text1"> <li class="text2"> <ul class="label2"> <li class="text3"></li> </ul> </li> </ul> если мы запишем CSS код: ul + li { /* произвольный стиль */ } то к text1 и к text3 будет применен произвольный стиль т.к. они стоят сразу после ul, а как понять следующие случаи: ul > li + li { /* произвольный стиль */ } и li + ul > li { /* произвольный стиль */ } ??? Очень надеюсь, что Вы поможете разобраться.
0 votes8 answers -
Как убрать отступы в div для элемента ul
Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.
0 votes2 answers -
Проблема с кроссбраузерностью
Всем добрый день. Верстал страницу по шаблону взятому здесь http://forum.htmlbook.ru/index.php?showtopic=16763 В опере все отображается нормально, а вот в других браузерах начались проблемы: Firefix - Кнопка возле заголовка при навелении не активна, т.е. не срабатывает тег <a> Chrome - Вокруг поля для поиска отображается светлая рамка. Outline:none проставлен. Как убрать не ее не понял. Safari - не срабатывает background у того же поля поиска IE - градиент вообще не отражается, хотя в коде вроде все стоит нормально Сайт залил на хостинг http://uta.p.ht/ Как справиться с этими недочетами? Заодно может кто опытный подскажет, правильно ли использовал теги aside, secti…
0 votes8 answers -
Впервые использую border-image - не получается
Имеется блок div. Имеется кусочек рамки вырезанный из фотошопа размером 4x3 пикс. Цель:Сделать бордер картинкой. Подскажите как правильно нужно сделать? http://cssdeck.com/labs/x6m69b43
0 votes6 answers -
Курсор при наведении на выпадающий блок
http://jsfiddle.net/daniilKhanin/cH9ML/ В общем когда наводим на Опыт разработки всплывает блок и хотелось бы чтобы когда курсор мыши переместили на этот блок , Цвет кнопки Опыт разработки оставался светло-серого цвета... как реализовать поомогите?
0 votes7 answers -
Пробел и позиционирование
Всем привеТ! Помощь нужна снова http://www.imageup.ru/delete/2016779/9f25d7aeb8554af12e09c49695adf8da/ http://www.imageup.ru/img220/2016781/2015-01-17-14-52-49-skrinshot-ehkrana.png вот два скрина и плюс код собственно https://www.dropbox.com/s/hz079w1e7wp9l41/00.doc?dl=0 (дубляж а то мало ли) <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;min-height:100%;position:relative;padding:0;margin:0;}div{width:500px;background-color:black;color:#fff;margin:0 auto;}h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block;…
0 votes8 answers -
Проблема с видом контента
Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…
0 votes5 answers -
Очень крутое слайдшоу
Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru
0 votes2 answers -
Как отцентрировать один элемент внутри flex контейнера?
Добрый день. Есть три блока разной величины расположенных горизонтально внутри контейнера. Нужно второй блок расположить ровно по центру по горизонтали, как указано на скриншоте. У меня же получается так, что навигационный блок смещается чуть правее
0 votes1 answer -
Рендеринг в опере
В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?
0 votes0 answers -
Проблема со слоями
Добрый день. Не могу понять, как сделать текст над изображением. С z-index`ами пробовал, не получается. Вот исходник html <div id="content"> <div id="sitenews"> <div id="ramka2"> <img src="images/Newslist.gif" height="100%" width="100%"/> </div> <div id="s1"> <div id="flash2"> <div id="text1"></div></div> <script type="text/javascript"> var so = new SWFObject("ob.swf", "newses", "100%", "100%", "8", "#384780"); so.addParam("wmode", "opaque"); so.write("text1"); </script> <div id="inside"> <font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"> Темы следующего Ток-шоу. …
0 votes2 answers -
MozInlineStack и Gecko 2.0
В Хамелеоне не работает следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <title>Тест</title> </head> <style> .moz-block { display:-moz-inline-stack; display:inline-block; } </style> <body> <div class="moz-block"> <div>Registr</div> <div>Date</div> </div> </body> </html> 2 дива сливаются в один. Можно это как-то исправить?
0 votes0 answers -
проблемы в Safari 4.0.2 и Chrome 3.0.182.2
Здравствуйте. Не как не могу понять почему плывет верстка на страницах palto-modello(dot)ru и palto-modello(dot)ru/collection-palto/vesna_2011/m02.html Подскажите в чем причина и как исправить, желательно без хаков. Спасибо.
0 votes5 answers -
скрипт
Есть ли подобный скрипт,чтобы добавлял музыку,описание и тд.?
0 votes10 answers -
explorer и max-wight
с вашей помощью доработал дизайн: http://rap-game.ru/ в гугл-хром, лисе и опере отображение нормальное. но в експлорере все перекашивает, можно догадаться что из-за параметра max-wight т.е. он не фиксирован. вопрос как это исправить? не делая фиксированным. зы отпишите у кого проблемы с отображением (появление скрола и тд).
0 votes5 answers -
Должен ли верстальщик делать дизайны?
Если человек делающий дизайны для сайтов не имеет никакого понятие в верстке получается полный 3.14здец, в том смысле что это может выглядеть хорошо но сверстать это будет очень и очень тяжело и не факт вообще что нормально реально. А если верстальщик должен делать дизайны то не всегда получается хорошо и не каждый к этому предрасположен + человек который может и верстать, и способен делать хорошие дизайны может делать всё сам, зачем тогда простые верстальщики? Получается замкнутый круг. Как вы считаете нормально ли четкое разделение дизайнер + верстальщик? Или лучше 1 человек вместе. Но при разделение труда в любом случае получается лучше и эффективней.
0 votes5 answers -
Неправильное растягивание блока с плавающим содержимым
Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.
0 votes2 answers -
В Хроме и ИЕ на работает onclick
<select> <option onclick="window.location.href='http://google.com'">1</option> <option onclick="window.location.href='http://yandex.com'">2</option> </select> В Опере и Мозиле onclick нормально срабатывает, а в Хроме и ИЕ - нет. В чем может быть проблема?
0 votes2 answers -
Это ужас?
Решил глянуть несколько уроков из курса Тренинг "Верстаем на 5+" версия 2.0 и в одном из них увидел вот такое
0 votes4 answers -
Чтобы input переключался
Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx
0 votes1 answer -
Градиент на уголках
Здравствуйте. Подскажите, пожалуйста, если такое возможно, как средствами css сделать градиент на уголках аналогичный тегу A http://jsfiddle.net/zvgPq/1374/ Спасибо
0 votes2 answers -
Не работают скрипты после переноса сайта на хостинг
Не знаю ли на тот раздел обратился, купил хостинг и домен, перенес туда сайт - но после переноса не работают скрипты(а именно скрипт плавной прокрутки сайта по якорям), может кто сталкивался с решением данной проблемы? Спасибо PS: на локальном компе через Денвер все работает как часы
0 votes0 answers -
Адаптив
Как лучше делать адаптивную верстку? Выбор того или иного решения зависит только от меня и макета? Какие сейчас тренды, т.к довольно много смотрел, читал и очень часто себя ловил на мысли что видел устаревший приём (тот же самый вопрос 1) Я знаю что есть много вариантов: медиа-теги, флексбоксы, бутстрап (могу ошибаться)
0 votes1 answer