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
-
Прошу советов по верстке меню (Joomla 1.5)
Всем привет! В общем дали шаблон с горизонтальным меню и индивидуальными картинками к пунктам: Все просто - картинка сверху, текст снизу... Сперва впервые сделал на жумле 1.6, там все быстро получилось 0_о, имхо - 1 вариант отображению меню - список и ковыряй... Потом решил повторить тоже самое на 1.5 и... ничего не получается... Не знаю, есть ли смысл кидать код - не знаю какой выбрать режим... Как бы вопрос скорее к тем, кто делал подобное на жумле...
0 votes6 answers -
Выбор бесплатного хоста
Пытаюсь подобрать бесплатный хост, пока варианты: narod.ru и ucoz.ru. Может кто подскажет ещ? варианты? заранее благодарю)
0 votes11 answers -
Последний пункт меню
Здравствуйте! Я новенький! Не кричите на меня. Но очень хочется узнать у "знатоков", как говорится, как сделать стилями, чтобы последний пункт меню был без полосочки, которая приставляется ко всем предыдущим, стилем background-image. Скрин могу выслать! Заранее, благодарен!!! Уж очень надо!!!
0 votes8 answers -
Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?
Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…
0 votes12 answers -
Ползет сайт
Доброго времени суток все участникам форума! У меня возникла проблема после верстки сайта: при увеличении масштаба в браузере Хром, на макете сайта появляются элементы состыковки картинок: Причем при разном увеличении они проявляются в разных местах... Подскажите пожалуйста в чем может быть дело? Если кого-то заинтересует, то исходники сайта я выкладывал тут : http://forum.htmlbook.ru/index.php?showtopic=36877
0 votes8 answers -
Помогите с тегом INPUT
Добрый день(вечер) Я создаю свой сайт и у меня возникла проблема мне вот в эту кнопку надо добавить картинку сейчас тег выглядит так <input value="{postrow.POSTER_RANK}" type="submit"> а мне надо как то так <input value="{postrow.RANK_IMAGE}" type="submit"> поясню {postrow.POSTER_RANK} это название "Звания" а {postrow.RANK_IMAGE} это картинка "Звания" и когда я вписываю {postrow.RANK_IMAGE} в тег кнопка исчезает и мне выдается ссылка к картинке помогите сделать так чтобы выводилась именно картинка звания заранее благодарю за помощь
0 votes17 answers -
Как сделать прозрачную маску?
Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом. Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.
0 votes4 answers -
не сжимаемый div
Подскажите, как можно сделать div не сжимаемым? Что бы при сжатии окна браузера край браузера доходил до дива и дальше не сжимался
0 votes3 answers -
font-face загадка...
Такое дело... PF Beau Sans Pro зашел на font-face generator. залил нужные мне шрифты, выдал архив... @font-face { font-family: 'pf_beausans_probold'; src: url('../font/pfbeausanspro-bold-webfont.eot'); src: url('../font/pfbeausanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/PFBeauSansPro-Bold.otf'), url('../font/pfbeausanspro-bold-webfont.woff') format('woff'), url('../font/pfbeausanspro-bold-webfont.ttf') format('truetype'), url('../font/pfbeausanspro-bold-webfont.svg#pf_beausans_probold') format('svg'); font-weight: normal; font-style: normal; } вот к примеру. Вопрос, пока не подсоединил эту строку url('../font/PFBeauSansPr…
0 votes0 answers -
не применяются медиа запросы в верстк
подскажите по какой причине не применяются медиа запросы в верстке mth.zip mth.zip
0 votes1 answer -
Квест
Верстаю дизайн с 3 колонками на div' ах. СSS: #container { width: 100%; float: left; margin-right: -245px; } #content { margin-right: 245px; } #center { margin-left: 270px; } #left { width: 270px; float: left; } #right { width: 245px; float: right; } идея: 1) есть шапка которую трогать не надо 2) 3 колонки HTML: <div id="container"> <div id="content"> <div id="left"> текст левой колонки </div> <div id="center"> текст цента </div> </div> </div> <div id="right"> текст правой </div> 3) и футер Проблема: 1) под ИЕ7 все это дело сползает, ему не нравится width: 100%; вольная интерпритация…
0 votes6 answers -
Обработка формы не зная заранее сколько там элементов
т.е. я получаю выборку из БД и напротив каждой строки размещаю input. при нажатии на кнопку, если в поле введено значение, значит оно записывается в БД, а если нет, то пропускается. Но вот как мне цикл постоить, если я не знаю 2 там записи или 20?
0 votes21 answers -
h1-h4
Подскажите пожалуйста, с помочу css можно задать высоту заголовков h1-h4? А то их высота в IE6 значительно отличается от других браузеров. Или подскажите другой способ борьбы с этим явлением.
0 votes3 answers -
modernizr VS html5.js? Кто лучше?
Всем доброго времени суток. С появлением нового HTML5 встал вопрос а его кроссбраузерности. Увы, так уж сложилось, что многие пользователи пользуются мягко выражаясь (древними) браузерами такими как всеми нелюбимый IE8. Но худа без добра не бывает, и на свет появились такие полезные скрипты как modernizr и html5.js. И тут появляются вопросы: что лучше и практичней? С чем легче всего и правильней работать дабы прелести современной вёрстки не гинули в пучине древних браузеров, и даже там радовали глаз создателя. И так, что же лучше modernizr или html5.js?
0 votes12 answers -
Как зафиксировать меню сверху экрана
Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.
0 votes4 answers -
осбоенности использования map area в Firefox
может кто знает, есть какие то особенности использования тега map area в MozillaFirefox? нужно сделать картинку с облатями перехода, это map area. в браузерах Explorer,Opera тестовый пример нормально работает, создается 3 области, появляется текст alt, работает href. в Firefox только первые 2 области раюотают нормально (есть alt, href), последняя область не срабатывает. не понятно где тут накосячено, пример простенький. ошибки не вижу. но может ктонить подскажет?
0 votes5 answers -
2 строки на одной
я не знаю к чему это относится, но решил создать в CSS так вот есть такая идея, нужно сделать так, чтобы одна строка писалась поверх другой, причём очень желательно без использование DIV-ов не знаю как такое реализовать, можно конечно создать 2 слоя и наложить их друг на друга, но это будет неудобно.
0 votes9 answers -
В сетке bootstrap два col-md-6, одно падает вниз
Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/
0 votes21 answers -
Резиновая вёрстка
В общем верстаю в HTML и CSS. Но умею верстать под определённый размер екрана. Как сделать сайт резиновым? Если можно, то дайте сслки на пособия.
0 votes11 answers -
замена картинки на другую
обыскал форум, не помогло. Я тут новенький и с трудом дохожу до каждого нового свойства, стиля и т.д. Вот уже 2 часа ломаю голову, пытаясь понять, как сделать, чтобы картинка-кнопка(ссылка) при наведении курсора менялась на другую, тех же размеров. <a href="#"><img src="normal.gif"></a> - вот я ее нарисовал в html. img:hover { background-image:url(hover.gif); - задал стиль. } все работает, но hover'ная картинка появляется под нормальной, а надо наоборот)) намекните плз, как мне осуществить задуманное
0 votes3 answers -
2 Блока div Изменяют друг друга при наведении
Здравствуйте. Недавно начал изучать HTML и CSS. Хочу сделать рядом 2 блока div которые при наведении на любой из них увеличивались в ширине и изменяли ширину соседнего. А получается что при наведении на блок А он увеличивается и уменьшает ширину блока Б. А при наведении на блок Б он просто увеличивается и перекрывает блок А https://jsfiddle.net/ob4jyz0p/1/ Для наглядности: Курсор не в области этих блоков: |________А_50%________| |________Б_50%________| Курсор наведен на блок А: |____________А_80%____________| |____Б_20%____| Курсор наведен на блок Б: (Перекрывает Блок А) |____А_50%____|____________Б_80%____________|
0 votes4 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 -
jQuery плагин AnythingSlider
Здравствуйте, увы, знаний не хватает, терпения а может логики....скачал плагин слайдера AnythingSlider, решил подогнать под свой сайт, начал с размера слайдера, в итоге размер слайдера подогнал, но содержимое отображается некорректно, при прокрутке один элемент на 10% процентов налезает на другой, то есть на одной странице слайдера два элемента....в оригинале кода всё отображается корректно, тронул только параметры width и heght,от остальных толку не было... Вот страница корректно работующим плагином, но на странице нет кода стиля.... Оригинальный код плагина.... /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: ht…
0 votes2 answers -
Подчеркнуть текст в кнопке
Не могу допереть как мне подчеркнуть текст в кнопке submit. Я её видоизменил таки кодом : form input[type="submit"] { background: none; border: none; cursor: pointer; font-size: 14px; padding: 3px 0 0 0; color: black; } Если я пишу text-decoration: underline; То ничего не происходит, хотя вроде должно. ПОдскажите, пожалуйста, как добиться поставленной цели.
0 votes11 answers -
Как привязать футер к низу если используется Equal Height Columns?
Как привязать футер к низу страницы если используется Equal Height Columns (overflow: hidden; положительный padding и отрицательный margin)? О Faux Columns и не напоминайте... для моего случая не подходит...
0 votes1 answer