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
-
Редактирование поиска от Google!
Здравствуйте! В первоначальном виде форма поиска и кнопка "поиск" находятся на одной линии! Как перенести кнопку ниже, чтобы она отображалась под строкой поиска, ровно по середине экрана, загвоздка в том, нужно чтобы это отображалось аналогично и в телефоне, я использую свойство position (и в процентах, и в пикселах) перемещать кнопку получается, но в телефоне отображается всё иначе!!??? вот сайт puerhcatalog.com
0 votes1 answer -
ie6 и 3px
Люди добрый, помогите! Возникла такая проблема: Есть следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <link rel="stylesheet" type="text/css" href="main.css"> <body> <div id="outer_wrapper"> <div id="wrapper"> <div id="header"> <div id="header_up"> <div id="header_up_part1"> </div> <div id="header_up_part2"> </div> <div id="header_up_part3"> </div> <div id="header_up_part4"> <!-- Search --> </div> <div id="header_up_part5"> </div> <div id="header_up_rubbe…
0 votes4 answers -
html5 video autoplay
Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…
0 votes11 answers -
аналог Firebug для IE
Есть что-то подобное Firebugа для IE? Нашел в инете ФайрДебаг но там в коде на сайте типа ихнию жс ссылку добавить надо...А если нет такой возможности а просто надо протестировать не входя в код... в 4х браузерах все норм ток ИЕ не правильно отображает...даж не знаю где ошибку искать ((
0 votes1 answer -
холочу что бы правильно отображался текст
ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ
0 votes52 answers -
javascript
Может, кто-то сталкивался и знает. каким методом можно сохранить позицию скроллинга при переходе между страницами. сейчас используеться варинт: значение позиции ложиться в куки, потом выгребаеться - но вариант плох тем, что сайт перегружен. и переход до позиции скролинга занимет несколько секунд, в течении которых пользователь видит сайт с начала, и только потом происходит установка в заданую позицию скролинга.
0 votes7 answers -
Размер шрифта в Windows и Linux
Проблема: есть сайт представляет из себя разрезанную картинку сверстанную таблицей. Когда делался сайт у меня была установлена операционка windows, все под это дело и подгонялось под все браузеры. А теперь при переходе на linux выяснилось что весь сайт разлезся и превратился в кашу непонятную... И все потому что шрифт стал больше, соотвенно и картинки все поздвигались. Как теперь это исправить не пойму, и можно ли теперь сделать так чтобы везде сайт выглядел одинаково?
0 votes21 answers -
Высота резина, и область наполнения(Content) с скролом.
Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <me…
0 votes3 answers -
Проблемы с IE
Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.
0 votes3 answers -
2 текстовых поля
Здравствуйте, раньше делал такое, и что то подзабыл уже(( <p> <input name="1" type="text" /> </p> <p> <input name="2" type="text" /> </p> как сделать что бы при вводе данных в первре поле, они сразу же вводились во воторое, помню что код был а 2-3 строчки, помогите плиз,.. Спасибо!
0 votes2 answers -
Поиск по календарю на сайте
Подскажите, пожалуйста, как организовать поиск по дате. Примерно, как здесь http://meloman.ru/?id=9&search[d0]=26&search[m0]=02&search[Y0]=2011&search[d]=26&search[m]=02&search[Y]=2011&PAGE=1 Видимо, каждому мероприятию добавляется якорь одинаковый для всех, что относятся к одной и той же дате. При щелчке по этой дате в календаре, все мероприятия, назначенные на эту дату, выводятся на одной страничке. Спасибо.
0 votes4 answers -
Expression для min-width в IE6
Может кто-нибудь объяснить, чем отличаются эти expression-ы? width:expression(document.body.clientWidth < 980? "980px": "auto" ); width:expression(document.documentElement.clientWidth < 980? "980px" : "auto" ); Первый вариант предлагается повсюду в сети для решения проблемы с min-width в IE6, но у меня он не желал работать. Второй вариант заработал сразу. С чем это связано? П.с. psywalker, спасибо кстати, второй вариант нашла в твоих сообщениях тут)
0 votes4 answers -
Как сверстать такую красотульку
В три дива с бордерами? Это нормально или можно более изящно?
0 votes60 answers -
Присвоение width или heigth при помощи js
Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…
0 votes1 answer -
Проблема с подключением CSS.
После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }
0 votes2 answers -
как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?
<style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …
0 votes8 answers -
Выпадающее меню - Internet Explorer 7
Думаю, проблема будет ясна, если взглянуть на два скрина в приложении. Поясню, что скрин с названием normal.png - то как должно отображаться выпадающее меню и как отображается сейчас в нормальных браузерах (Chrome, Firefox и т.д.) Второй скрин (abnormal.png) отображает проблему воспроизведения кода всеми любимым Internet Explorer'ом 7й версии. HTML Code: <td scope="col" class="bundling"> <div id="gear"> <a><p>Open</p></a> <div class="bundling"> <ul class="actions"> </ul> <!-- <span class="hr"></span> --> <ul class="selects"> <li> <a id="sele…
0 votes2 answers -
Анимация загрузки картинок
http://svyatoslavdesign.com.ua/works/cottege/1/ Пытаюсь сделать так, чтобы при клике на миниатюру внизу, во время смены сорса основной картинки последняя была скрыта, а поверх нее показывался див с анимацией загрузки (гиф). Код онклика миниатюры: onclick="imgOn('large/1.jpg','s5')" Код смены основной картинки + анимация function imgOn(imgSrc,imgId) { document.getElementById('central_photo').style.visibility = "hidden"; // скрываю основную картинку document.getElementById('load').style.visibility = "visible"; // показываю скрытый див с гиф анимацией img = new Image(); img.src = imgSrc; // делаю предгазрузку картинки в Image document.getElementById('central_photo').src…
0 votes11 answers -
Растягивание по высоте блока, с вложеными позицированными дивами
Всем привет. Есть главный блок all, позиционируемый по центру. В нем еще один блок content, так же располагается по центру. Внутри content есть два блока box_left и box_right, к которым применяется float. Блок content должен растягиваться по высоте, в зависимости от высоты блоков box_left и box_right. Применить float к content нельзя. Прикладываю миниатюру.
0 votes3 answers -
Выравнивание картинки
интересует такой вопрос сегодня скачал html шаблон поставил его к себе решил сделать slider(смена изображений) вставил код вроде всё отображается но.. картинка уходит за поле в левый бок а с права наоборот кусок чёрный остаётся кстати slider выдернул из dle 9.2 думаю смысла выкладывать ксс файлы другие нету смысла, но если сильно нужно выложу сам css файл сам код который вставил JS Скрипт ссылка на сайт ввиде IP адреса т.к. стоит дома пока что _http://95.30.201.170/
0 votes2 answers -
Как оформить список в списке
Нужно хорошо оформить меню категорий на сайте. Формируется списком. <div class="category"> <ul> <li>1</li> <li>2</li> <ul> <li>2.1</li> <li>2.2</li> </ul> </ul> </div> сделал клд css таким: #category { background-color: #1f8ee3; font-family: Arial; font-weight: 700; } #category ul { list-style: none; padding: 0px; border: none; } #category li { border-bottom: 1px solid #90bade; margin: 0; } #category li a { display: block; padding: 5px 5px 5px 15px; background-color: #2175bc; color: #000; text-decoration: none; width: 10…
0 votes11 answers -
Тени и текстуры
Здраствуйте! Как мне решить такую проблему. Есть блоки с постами с легкой овальной тенью(на фон), я вирезаю тень и ставлю в отдельный блок или вирезаю с бг поста, то возникает одна и таже проблема, на фоне( фон - текстура 50*50) видно линию стыка. Помогите как этого избавиться! Заранее благодарен, Андрей!
0 votes19 answers -
Высота ячейки меньше чем ее содержимое.
Как можно(если можно) уменьшить высоту ячейки таблицы и сделать ее меньше чем ее содержимое? Если задавать ячейке свойство height то это будет минимальное значение, которое в случае если содержимого в ячейке больше просто игнорируется. Пробовал в связке с overflow: hidden; задавать height: и max-height:, с разными доктайпами и вообще без доктайпов, не получается. Цель ячейка в строке .description: <tr class="offer"> <td class="name"><i>вввввв</i></td> <td class="time">10</td> <td class="price">35</td> </tr> <tr class="description"> <td colspan="3">ТАОТАВОТМАОЛТМАЛОТ</td> </tr>
0 votes4 answers -
Рельефный текст
Как сделать рельефные заголовки боковых блоков как на этом сайте и видно ли это будет на всех браузерах? http://www.w3.org/
0 votes6 answers -
Переход по якорям с одинаковым именем в пределах одной страницы
Подскажите, пожалуйста, можно ли решить следующую задачу средствами javascript (или как-нибудь по-другому) есть страничка с несколькими якорями, у которых совпадают атрибуты href и name. Необходимо, чтобы при нажатии на любую ссылку осуществлялся бы переход к следующему якорю ниже на странице, а не к первому <p><a href="#01" name="01">мама</a> мыла <a href="#02" name="02">раму</a></p> ... <p><a href="#02" name="02">рама</a> мылась <a href="#01" name="01">мамой</a></p> ... <p><a href="#01" name="01">маме</a> мыть <a href="#02" name="02">раму</a></p> Требуется для то…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-