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
29,542 questions in this forum
-
Кликабельный div
Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…
0 votes5 answers -
Непонятка в официальном тесте CSS 2.1
Вот этот тест. Что значит, "Test passes if there is no red visible on the page"? С какого перепугу блок должен ужаться до нуля вместо ширины буквы? Во всех браузерах я вижу букву на красном фоне, и в меру моего понимания спеки считаю это правильным. Ошибка в тесте, что ли?
0 votes2 answers -
ie
http://school528.spb.ru/main/newspaper/index.php Вот страница сайта, в гугл хроме работает и в мазиле в ie ,хоть один из последних,все равно вылетают подписи в фотографиях и текст в рубрике читайте в номере Уважаемые знатоки, дайте пожалуйста совета Заранее спасибо!
0 votes4 answers -
Перенос ссылки на верхнюю строку
Прошу помощи. Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить". <a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a> A.sendbutton { background-image: url("send.png"); display: block; width: 79px; height: 26px; } A.sendbutton:hover { background-position: 0 -26px; } A.historybutton { background-image: url("history.png"); display: block; width: 80px; height: 26px; } A.historybutton:hover { background-position: 0 -26px; } Результат:
0 votes3 answers -
секундомер на сайте (скрипт, код и т.д.)ю Как сделать?
Друзья, а как сделать секундомер (просто счётчик) на сайте (какой скрипт или код) чтобы можно было время, минуты и секунды прикрутить отдельно? и еще какой скрипт позволяет отрывать одну картинку из фотогалереи (разумеется, увеличивается на весь экран, а фон прозрачно — чёрный)?)
0 votes1 answer -
Подсветка колонок таблицы при наведении мыши
Прошу совета. Общеизвестно, как подсветить строку таблицы при наведении мыши. Например: tr:hover {background-color: #FF0000} Но вот можно ли подобным способом подсвечивать колонки? Только умоляю - без скриптов. Я в них мало разбираюсь и вникать некогда. Если без них никак - то и ладно. В идеале нужна табличка, где при наведении мыши на ячейку подсвечивались бы одновременно и строка и столбец, крестом.
0 votes9 answers -
смещается подвал в ie8
помогите пожалуйста поправить вёрстку в ie8. смещается подвал при большом количестве контента. ссылка
0 votes6 answers -
Подныривание под div'ы с float в IE 7.0
Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?
0 votes3 answers -
javascript
У меня возникла проблема, для зачета надо сделать сайт для архитекторов. Все вроде получается. Есть список их проектов, при нажатии на название в правом нижнем углу открывается скрытый текст. Вот только проблема в том, что прежде чем отрыть новый текст нужно повторное нажатие на название проекта, иначе тексты наслаиваются друг на друга. Может кто поможет, вот кусок javascript'а: <head> <script language="JavaScript"> function expandit(id){ obj = document.getElementById(id); if (obj.style.display=="none") obj.style.display=""; else obj.style.display="none"; } </script> </head> <li> <a style="cursor:pointer;" onClick="expandit('proj1')"> …
0 votes5 answers -
Не видна панелька от кнопки "Мне нравится"
Разместил на странице http://www.green-pan.ru/ru/page-2613.htm кнопку от facebook "Мне нравится". Когда на нее нажимаешь, появляющаяся панелька не видна полностью на экране. Подскажите, как это можно поправить?
0 votes4 answers -
Знак рубля
Да, тема уже понималась, но было это в году в 2009 и не совсем понравилось что там писали. Поэтому решил открыть тему снова. Думаю у Лебедева все читали. Но я столкнулся с такой проблемой. С тире все смотрится отлично. Для IE нужен шрифт Rubl Sign. Вот он то у меня и не цепляется. Кто может сказать в чем проблема? Пробовал и с его сайта и к себе качать. Есть еще шрифт PTSerif, который работает везде кроме Оперы. В коде, ясно, будет так: <span class="r">р</span> Хотел для IE сделать одноразовый экспрешн, который бы удалял букву р, и вставлял бы туда код символа рубля и для которого бы применялся шрифт PTSerif. .r{ zoom: expression(runtimeStyle.zoom = 1, thi…
0 votes0 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 -
Вечные проблемы с валидацией
Валидатор ругается на эту строку, а именно на data-href, data-width, data-show-faces, data-border-color, data-stream, data-header. <div class="fb-like-box" data-href="http://www.facebook.com/pages/Free-Place/255003731206097" data-width="240" data-show-faces="true" data-border-color="#EEEEEE" data-stream="false" data-header="false"></div> Есть решение этой проблемы?
0 votes6 answers -
Смена изображения
Здравствуйте, подтолкните на мысль как реализовать конструкцию в которой нажатие на ссылки приводит к смене фона. В общем Вот Должно работать в IE6! Заранее спасибо. PS. c javascript дело не имел)
0 votes19 answers -
обратная форма
сверстал обратную форму а дело то вот в чем подскажите как сделать так что человек лазит по сайту жмет на определенные ссылки и в обратную форму добавляется какая либо информация она накапливается и накапливается потом челок жмет отправить и вуаля форма очищается (между заходами на сай данные из формы удалятся не должны) а у меня инфа
0 votes1 answer -
Как подрегулировать расстояние между буквами
Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing
0 votes3 answers -
Обрезка изображения
Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?
0 votes2 answers -
Coda Slider
Добрый вечер!!! Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, не видать всё не так просто... Этот скрипт его вызывает: <script type="text/javascript"> $(window).bind("load", function() { $("div#slider1").codaSlider() }); </script> Собственно слайдер: <div id="menu"> <!-- ************ --> <!-- SLIDER --> <!-- ************ --> <div class="slider-wrap"> <div i…
0 votes2 answers -
Форма и Google Chrome
Как сделать чтобы тестовое поле имело жесткий размер и не имело возможности растягиваться по ширине и высоте в Google Chrome
0 votes2 answers -
Картинки в background.
Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается. PS Надеюсь, доходчиво объяснил.
0 votes5 answers -
мини интернет магазин
люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…
0 votes0 answers -
Высота iframe
Уважаемые кодеры! Скажите, пожалуйста, возможно ли сделать так, чтобы высота блока iframe подстраивалась под высоту содержимого? Дело в том, что у меня во фрейме выпадающий список. Спасибо заранее!
0 votes4 answers -
margin в %
Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???
0 votes2 answers -
Смена стилей страницы при изменении размера окна браузера
Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/
0 votes2 answers -
border-image
Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-