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
-
0 votes16 answers
-
Вывод адреса страницы
Необходимо вывести на странице сайта url-адрес со ссылкой на эту страницу для того, чтобы пользователи могли вставлять этот адрес на свои сайты". Яркий пример реализации данной задачи: ссылка в самом низу страницы на сайте "вконтакте". Заранее благодарен за ответы.
0 votes6 answers -
Что это?
не пинайте сильно меня, может и не в ту тему пишу, может посмеетесь надо мной, но мне нужна помощь знающих людей. Сама суть проблемки: на компе при наведении мыши на картинку появляеться менюшка, и там кнопочка, по нажатию на нее, видимо отправляеться команда серверу. Суть в том что мне нужна эта команда/ссылка на мобильник для постоянного пользования, с постоянными параметрами. Но на мобильнике такая функция не поддерживаеться (менюшка не выезжает эта). Вот вроде выдрал эту команду, можно ли из нее сделать ссылку. <a href="#" onclick="buyItem(36987, $('item_amount_36987').getProperty('value'), 2, 'shop6');" class="buy"> это собственно говоря с игрушки BattleKni…
0 votes11 answers -
горизонтальный список с графическими разделителями
Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…
0 votes13 answers -
Сколько денег можна взять за верстку этого сайта ?
Сколько денег можна взять за верстку этого сайта ? http://bmdekor.ru/
0 votes15 answers -
Выравнивание картинок с подписью по горизонтали
Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…
0 votes7 answers -
Выпадающее меню вверх
Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )
0 votes4 answers -
Проблема с меню на CSS
Всем привет :) Пытаюсь сверстать свой первый макет, и возникла проблема с меню. Должно быть, как на первой картинке - это макет из фш. Выходит, как на второй, меню спадает вниз. Прошу, пожалуйста, тыкните на ошибку в коде, и, если есть возможность, объясните. буду очень рада ответам! Код кидаю: *{margin: 0; padding: 0; outline: 0} .clearfix::after { content:""; height: 0; display: block; clear: both; } div .container { width: 1300px; margin: auto; background: #fff; } header { width: 100%; height: 130px; border-top: 8px solid #a292b3; position: fixed; z-index: 2; } .logo { margin: 30px 0 20px 170px; }…
0 votes3 answers -
резина по вертикали
доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…
0 votes2 answers -
PNG + CSS + IE ? ...
Добрый день! Подскажите как заставить png работать не из корня, а из нужного каталога для IE ? В таком варианте работает везде: background: url('kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=kontent_t.png,sizingMethod=crop); А вот в таком только в Опере и Мазиле: background: url('../img/kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/kontent_t.png,sizingMethod=crop); Заранее благодарен.
0 votes4 answers -
Png и галереи на яваскрипт
Привет Ребза! Подскажите плиз, как по-нормальному прикрутить галлерейку (GALLERIA или Galleriffic, траблы одинаковые) к html-сайту, на котором искользуется jawa-скрипт для корретного отображения png в ИЕ 6,7. Походу дела конфликтят они.
0 votes4 answers -
Всплывающие окна в joomla
Доброго времени суток, форумчане! Введение. Во-первых хотел поблагодарить организаторов данного проекта, что создали ресурс, где действительно нужная и правильная информация и при этом все благородно оформлено. Все по-настоящем! Спасибо! А во-вторых, обращаюсь с со своими тяготами. Делаю сайт на joomla, это мой второй сайт. Первый раз взял шаблон с программы Artisteer (программа создает шаблоны для CMS) Второй шаблон решил сверстать сам, хотя не знаю ни каких основ верстки и т.д. Шаблон сверстал, но со стилями так и не разобрался (не смог создать своего), разозлился сильно-сильно, и удалил все! Теперь переделываю опять шаблон только уже со стилями из Artisteer. Если будут…
0 votes0 answers -
Форма + кнопка в ие6
Нигде не могу найти как убрать у формы стандартную рамочку в ие6 и отобразить у кнопки бекграунд. Html: <form class="seacrh" action="#"> <h2>Search</h2> <input id="line" type="text" value="" /> <input id="button" type="submit" value="" /> </form> Css: #main form { float:left; padding-left:20px; } #main form h2{ color:#FFFFFF; font-size:16px; padding-top:15px; font-weight:bold; } #main form #line{ background-image:url(form.png); background-repeat:no-repeat; width:170px; height:21px; border:none; color:#FFFFFF; float:left; padding-left:5px; padding-top…
0 votes9 answers -
Маштабирование рисунка внутри DIV
попытался реализовать следующее: есть DIV у которого задано: overflow: hidden; служащий своего рода контейнером. Его высота подстраивается под вложенный внутрь него элемент, например, другой DIV c текстом. А теперь мне нужно вложить внутрь внешнего DIV еще один DIV c рисунком так, чтобы высота 2-го DIV (и рисунка внутри него) равнялась 100% высоты внешнего DIV. Вкратце-содержимое 1-го DIV задает высоту, второй соседний DIV (и рисунок внутри него) под эту высоту подстраивается, оба лежат во внешнем DIV Казалось бы нужно прописать везде height 100% но ничего не работает естественно... Может быть нужно задавать высоту через inherit? но этот вариант тоже не работает... что де…
0 votes15 answers -
возможно ли к содержанию одного блока подключить один стиль, а к содержанию другого -- другой?
предположим имееться такой код: <!-- первый блок --> <div> <div class="b_1>аааа</div> <div class="b_2">бббб</div> </div> <!-- второй блок --> <div> <div class="b_1">вввв</div> <div class="b_2">гггг</div> </div> Надо сделать так, чтобы к содержимому 1 блока применялась такая css: b_1 { background-color: #F0F0F0; } b_2 { background-color: #CCCCCC; } А к содержимому второго блока например такая css: b_1 { background-color: #CCCCCC; } b_2 { background-color: #F0F0F0; } Это возможно?
0 votes16 answers -
Блок DIV во всю высоту
Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали Код: CSS #vertical1{ padding-right:115px; position: relative; float: right; height: 100%; background: url(photo/grmk.png) repeat-y; clear: right; } #vertical2{ min-height:100%; padding-left:115px; position: relative; float: left; background: url(photo/grmk.png) repeat-y; clear: left; } body { min-height:100%; background-size:100%; position:relative; background-attachment:fixed; background-color:#CD96CD; background-position:right bottom…
0 votes9 answers -
Абсолютное фиксирование ячеек таблицы
Столкнулся с проблемой, имеется широкая таблица, но на разных мониторах с разным разрешеним, ширина ячеек тоже разная, как сделать чтобы везде отображалась одинаково, уже ставил размеры и в % и в пикселях, не помогает
0 votes15 answers -
Прокрутка
Есть такой интересный скрипт пот скрин http://image4all.narod.nnov.ru/images/1210...d3388c9ff98.png Как сделать такую прокрутку.Мне говорили это такое свойство подскажите как сделать?!Это прокруска не всец страницы а например текста в блоке!
0 votes4 answers -
transition
В общем понял чуть чуть transition что margin-top это к чему мы применяем, 1s; это время за сколько выполниться смещение к margin-top: 0;, но сижу ломаю голову как заставить салатовую полоску border-right заполнять весь блок справа на лево при наведении на блок с ссылка? https://jsfiddle.net/nzw4ghkq/
0 votes21 answers -
Возможно ли создание кнопки
Возможно ли создать кнопку с закругл?нными полями на основе ячейки таблицы, то есть , при этом нельзя использовать background-image? Если да, то подскажите как или дайте ссылку, где можно почитать об этомИли как то изменить , чтобы он был с закругленными краями
0 votes4 answers -
не работает прозрачность
по каким причинам кроме может не работать свойство opaciy? (пользуюсь браузером Мozilla а не Explorer). допустим есть gif анимация: сделал так что б была ссылкой в стилях написал a { opacity:0.5;} a:hover { opacity:1.0;} почему то не работает пожалуйста объясните причину или напишите правильный код
0 votes6 answers -
Условные комментарии
Можно ли применять несколько условных комментариев, отдельно для 6,7,8 версии. То есть, чтобы в коде было так: <!--[if IE 6]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 7]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 8]> Код для браузера Internet Explorer <![endif]-->
0 votes12 answers -
Выплывающее меню слева по щелчку мыши
Здравствуйте уважаемые форумчане! Я не являюсь профессионалом сайтостроения, т.е. о-очень много не знаю. У меня возник такой вопрос. Попробую описать его. Предположим у меня есть блок, который "прижат" к левому краю. При нажатии на данный блок, он должен выдвинуться вправо, "потянув" за собой другой блок. Ну так вот, как это сделать? Подскажите пожалуйста. Вроде понятно. Если нет, буду рад объяснить снова. Прошу простить за косой язык, незнание языков профессиональных и отсутсвие примера (постараюсь найти). Заранее спасибо.
0 votes11 answers -
выравнивания на середину
Тэкс я практически закончил свой сайтик у меня только 1 трабла с менюшкой она не становится по середине пробывал margin: 0 auto; не помогло так что нид хэлп! Кстати менюшка написана на css для старых версий IE добавлен небольшой скрипт, так что может кого заинтересует. выглядит она так http://stars124.narod.ru/3.html
0 votes2 answers -
Верстка
Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…
0 votes16 answers