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
-
IE9. Панель поиска и радиент
Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.
0 votes3 answers -
Помогите разобраться начинающему.
Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…
0 votes1 answer -
hover -эфект
Подскажите как сделать эффект при наведении мышки на блок с категорией товара как на сайте http://mariyka.com.ua/ То есть сначала мы видим блок с названием товара, под ним картинку и корзину покупок, а при наведении на него блок получает рамку с тенью и увеличивается вниз где дополнительно можно прочесть краткое описание товара?
0 votes1 answer -
Проблема с first-child
Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facili…
0 votes1 answer -
Проблема с формой
Прошу помощи у опытных посетителей данного форума. Необходимо сверстать форму которая сочетает в себе поля select и input текста. Каким образом лучше объединить два данных элемента? И каким образом лучше стилизовать select? На чистом СSS это практически не возможно, насколько я поняла. Пробовала ставить плагин JQuery (selecter), но сразу возникает проблема с выпадением select'a из родительского div'a, то есть он фактически отображается под формой, а не в ней. Запихнуть его обратно не удалось, так как элементы находящиеся рядом начинали вести себя аналогично select'у и также выпадать из формы. Понимаю, что возможно задаю странные вопросы, но это моя первая серьезная верстк…
0 votes4 answers -
Сабменю двигает контент (пробовал absolute, но исчезает меню)
Меню второго уровня двигает контент. Посмотрел в чем причина может быть - пробовал ставить абсолютную позицию, но тогда меню второго уровня не вылезает. вот сайт http://kernmetal.ru/
0 votes1 answer -
Как сделать чтобы блок масштабировался как картинка
Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/
0 votes1 answer -
Прозрачные границы border:transparent
Если сделать границы (border-left и border-right) не зелеными, а transparent, то виден фон. Почему виден фон? Background разве не закрашивает только область основного содержимого (до границ)? https://jsfiddle.net/kipes/nzy9mhnf/3/
0 votes1 answer -
Ожидание закрытия
Как заставить элемент списка в котором есть подменю, "гаснуть" после того как подменю исчезло? https://jsfiddle.net/b5uma4re/13/ Сейчас если навести и убирать указатель на элемент подменю, то "гаснет" и сам родительский элемент.
0 votes1 answer -
Зачем нужны meta теги?
Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.
0 votes1 answer -
Открыть в Word или PDF
Добрый день, скажите если я хочу поставить ссылки чтобы по щелчку на них, открывался документ в Word или PDF, мне просто ставить ссылку формата .doc или .pdf, илиже есть для таких случаев конкретные скрипты? Спасибо.
0 votes1 answer -
Таблица "разлетелась" в ie
Посмотрите, плз, http://savmotors.ru/1/maket2.html В ie небольшая часть таблицы убежала. Да и в остальном, если посчитаете нужным что-то сделать по-другому, буду рада замечаниям.
0 votes0 answers -
Ошибка Входа В Аккаунт! Dle Сайта
Доброго времени суток! Сайт на DLE двиге 8.3 Возникла проблема: При перерегистрации программой "Постньюс" она пишет сначала: "регистрация завершена", затем в поле статуса: "Ошибка входа в аккаунт!"!?! На другой сайт заходит нормально! Пробовали зайти с другого компа подобной прогой тот же результат! Вывод: что то с сайтом! Если кто знает причину - подскажите, что поправить на сайте! http://ipplaneta.ru Заранее благодарен!
0 votes0 answers -
Checkbox и textarea
Хотел сделать так чтобы только полсе прокрутки содержимого в текст. поле можно было поставить флажок. Но как то не получилось, помогите найти ошибку. Заранее благодарен. (P.S. onclick="f_click();" привязанно к другой функции и работает) <!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01//EN" "http://www.3.org//TR/html4/transitional.dtd."> <html> <head> <title>Флажок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_flag() { document.getElementById(check1).disabled = false; } //--> </script> </head> <body> <center><h2>П…
0 votes0 answers -
Прошу помочь с таблицами
Всем привет. Никогда не верстал таблицами - возникла потребность их использования в резиновой верстке. В блоке с контентом, который тянется от 1000 до 1200 располагается таблица - цель создать 3 резиновых текстовых блока со строго фиксированными отступами между ними. Вот какой на данный момент выходит код: <table> <tr> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> </tr> </table> table {width:100%; height:50px; border-collapse:collapse;} td.margin {width:40px; background:#000;} td.block {backgrou…
0 votes2 answers -
Текст обтекаемый линией
Подскажите как можно такое осуществить? http://itmages.ru/image/view/245397/0639b5e4
0 votes4 answers -
Вертикальное выравнивание внутри элементов списка
Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…
0 votes3 answers -
Ошибка валидации
Помогите разобраться в чем дело. Ниже идет код подобный этому и ошибок не вызывает. <div class="imenu search_button" title="Поиск" onClick="search_onclick();"></div> Решено: onClick исправить на onclick <div class="imenu search_button" title="Поиск" onclick="search_onclick();"></div>
0 votes3 answers -
Вопрос по CSS
Добрый вечер. Проблемка такая: чат на моём сайте во всех браузерах, кроме Opera отображается некорректно: текст сообщений вылазит за границы окна. Выглядит это так: А в Opera, всё нормально: Перебрал всё в CSS - так и не смог решить проблему. Тем не менее, ощущение такое, что именно в таблице стилей косяк, причём глупый. Буду очень благодарен тому, кто ткнёт носом в ошибку... #chat_container { padding:3px; border:1px solid #BBBBBB; } #chat_window { padding:0px; border:1px solid #CCCCCC; background-color:#363636; overflow:auto; overflow-x:auto; } #chat_form { margin:0px; } .chat_input { background-color:#707070; margin-top:5px; font-size:11px; } .chat_nick …
0 votes2 answers -
Сделать часть картинки ссылкой
Доброго времени суток, уважаемые форумчане и программисты! У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой. В исходном коде страницы картинка выводится вот так: <div id="block-header"><div> А вот css: #block-header { background: url(../../images/header/rust/header_destroyed2.png) 50% 0 no-repeat; position: relative; z-index: 999; } Подскажите, пожалуйста, как сделать часть этой картинки ссылкой, ну или для начала хотя бы всю картинку ссылкой. Заранее очень благодарен!
0 votes3 answers -
Проблема со стилем в IE и других браузерах
Пожалуйста, помогите. При наведении курсора на иконку рисунка показывается увеличенное его изображение. Во всех четырех основных браузерах - нормально, Эксплорер, будь он неладен, делает все не так. Что-то с z-index, наверное. ПРоблема: первая картинка, когда увеличивается, подлазит под вторую картинку. Вот пример: http://intomega.com/temp3.php В других браузерах - все ОК: Мозилла, Опера, Сафари, Кром. Вот стили, которые использую. <style> .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -35px; left: -25px; z-index: 1; } .list { display: inline; margin: 10px; padding: 10px; posi…
0 votes4 answers -
Canvas
Заинтересовался следующим вопросом. А можно ли использовать canvas в качестве фона, а поверх накладывать блок с различными элементами (ссылками, кнопками, текстом, формами и.т.п.) и прорисовывать на канвасе какую-либо анимацию, скажем на оnload страницы. Ведь так, по идее, можно использовать все возможности анимации без flash, да и к таким не емким и достаточно быстрым вещам как WebGL дорога открывается. Но дело не в мечтаниях. Вопрос вполне понятен - Можно ли помещать элементы страницы поверх канвы так, чтобы было видно прорисовку на последней?
0 votes2 answers -
0 votes4 answers
-
Боковые границы таблицы.
Здравствуйте. Только недавно немного ознакомился с версткой. Взял первый макет, оформляю пока только в форме табличной верстки. Появилась проблема. Как убрать отмеченные на картинке косячки? http://jsfiddle.net/WN9cs/ так сойдет? и да, все там криво)
0 votes4 answers -
Почему содержимое в блоке не выравнивается по вертикали?
Как выровнять по вертикали, не изменяя HTML код? http://jsfiddle.net/ydLuC/ я придумал вот такое решение, оно нормальное? .post-date{ width:25px; height:5px; background:white; font-size:15px; font-weight:bold; border-bottom:5px solid #bdc3c7; text-align:center; padding:20px; padding-left:10px;}Какие ещё есть?
0 votes2 answers