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
-
Скрипт "Не смогли дозвониться?"
Доброго времени суток! Подскажите пожалуйста, если ли готовые скрипты типа "Не смогли дозвониться? мы перезвоним" (пример _http://www.citilink.ru/ сверху в шапке), если какие либо сервисы которые занимаются продажей таких примочек? или нужно писать отдельно под каждый сайт?
0 votes1 answer -
Как вствить флеш фоном
Здравствуйте, в общем есть такой макет , там на флеше изображена сама электростанция и облака вокруг нее, там птички летают облачка то и дело снуют туда сюда, в общем красота неописуемая, как вы уже наверное догадались вопрос: как мне теперь поверх всего этого разместить основной контент (меню и т. д.). Пробовал разместить флеш сверху а все остальное поднять margin не вышло, накладывать дивы друг на друга с помощью position:absolut мне не подходит. Подскажите плз. может скрипт есть какой или иное решение.
0 votes5 answers -
Что за отступы в ie 6-7
На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей. Чем это вызвано и как убрать?
0 votes7 answers -
Iframe kak задать Height в %
Уважаемые товарищи, Подскажите пожалуйста как задать атрибут Height в % для тега iframe: *{padding:0; margin:0; } html, body{ height:100%; width:100%; } #contaner{ width: 900px; margin:auto; min-height: 100%; position: relative; } #header { height:45px; background-color: #000; border-bottom:solid 5px #ffcc00; } #content{ height:100%; position:relative; padding: 0; margin: 0; } #empty{ height:50px; } #footer { min-height:50px; margin: -50px auto 0; width:900px; position: relative; } .left-frame iframe{ float: left; } .right-frame iframe{ position: relative; } <html> <head> </head> <body> <div id="contaner"> <div …
0 votes16 answers -
<input type="image" name="some_name[123]" .... и ключ на стороне сервера
Если я на странице вставляю <input type="image" name="some_name" src="path/to.png" /> То при обработке в PHP для кроссбраузерности я использую $REQUEST['some_name_x']. Если же пишу: <input type="image" name="some_name[123]" src="path/to.png" /> то на стороне сервера я получаю $REQUEST['some_name'] (тип массив ессно) во всех браузерах. Вопрос к вам, форумчане: Надежно ли использовать такой метод? Сомнения т.к. проверил только в IE7, 8 FF 4 Chrome 11 Opera 11
0 votes3 answers -
Мозилла-зум
Привет! с кроссбраузерностью знаком пока не очень! Появилась такая проблема...главная страница сайта почему то зумится по отношению к другим...и только в Мозилле...в остальных всё норм, да и остальные страницы в Мозилле норм в чем может быть дело? спасибо
0 votes5 answers -
Форма отправки сообщения
Есть форма отправки сообщения с сайта,но там все поля являются не обязательными для заполнения.Как сделать чтобы поля были обязательными? звёздочки проставить и т.д.? вот код: <div id="mailform"> <b>Заполняйте пожалуйста все поля!</b><br> <br> <b>Ваш email :</b><br/> <input type="edit" name="email" value=""/><br/> <b>Ваше имя :</b><br/> <input type="edit" name="name" value=""/><br/> <b>Контактный телефон :</b><br/> <input type="edit" name="tel" value=""/><br/> <b>Сообщение :</b><br/> <textarea cols="25" rows="5" name="tex…
0 votes4 answers -
background-position:bottom right
суть такова, есть конструкция <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/carbon.gif); background-position:bottom right; background-repeat:no-repeat; } --> </style></head> что за маразм <body> </body> </html> картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела до…
0 votes3 answers -
Тэг width в таблице
Есть страница: http://magazin.wingstv.ru/product/strike-on-friends-fight-for-space/ Как видим, видео находится внизу. Есть задача разместить видео справа от текста. НО при добавлении столбца справа столбец с текстом суживается. На htmlbook написано: "В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого." Как сделать, чтобы при размещении видео справа от текста ширина левой ячейки не менялась? Спасибо!
0 votes14 answers -
Принудительная отмена стиля
Здравствуйте. Подскажите пожалуйста, как можно принудительно отменить стиль таблицы, действующий для всего сайта. Имеется тема на wordpress. Там есть стиль (зебра), он распространяется на все таблицы, создаваемые на страницах. Но мне нужно просто вертикально выстроить картинки, решил применить табличку, чтобы было красиво, но они поочередно выделяются белым/серым фоном.
0 votes14 answers -
Помогите вытащить меню
Здравствуйте, помогите найти такоеже меню, либо вроде такого, как на данном сайте: http://arenaservices.ru/ не могу найти, а так оно мне очень понравилось.
0 votes6 answers -
include
Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?
0 votes15 answers -
textarea в Google Chrome
Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме: Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?
0 votes9 answers -
якоря
Будьте осторожны со стилями для ссылок. Обратите внимание на то, что классический якорь (<a name="anchor">) реагирует на псевдо классы :hover и :active. Чтобы исключить это, используйте в качестве якоря идентификаторы элементов, или немного более заумный синтаксис:link:hover, :link:active. [Dave Shea] Примеры мне подкиньте плиз что это за...
0 votes4 answers -
Проблемы с IE
Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.
0 votes6 answers -
Меню
Я новичок. Подскажите пожалуйста, как сделать так, чтобы меню раскрывалось после "клика" и оставалось открытым до повторного "клика".
0 votes11 answers -
Много position: absolute - хорошо или плохо?
Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?
0 votes11 answers -
4-х колоночный макет
Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.
0 votes7 answers -
при наведении мышки "моргают" кнопки
http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…
0 votes6 answers -
Подскажите, как сформулировать запрос.
Вот здесь _http://ekipazh-service.com.ua/dp/restaurant/id/1992.html у корзины эффект "выпадения с подпрыгиванием". Подскажите, как это правильно называется, чтобы найти скрипт.
0 votes2 answers -
Высота таблицы
Есть такая проблема. Есть страничка в ней таблица с двумя колонками. Как сделать так чтобы в случае малой заполнености колонок, низ таблицы был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через атрибут height, игнорируют. Как тогда задать высоту таблицы? Прижатием footer к низу страницы проблему решить тоже не удается. Footer находится внизу, а между таблицей и footer возникает пустое место.
0 votes4 answers -
IE, куда без него
Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <style> .head { height:400px; width:1224px; background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png); } A.dot { color:#0fb3e9; text-decoration: none; /* Убираем …
0 votes3 answers -
Проблема с текстом в блоках в ИЕ
Добрый день уважаемые гуру и мега ГУРУ Я начинающий сайтостроитель, так сказать по необходимости ваяющий небольшие простенькие сайты, да пытающийся их еще и верстать в разных браузерах, но вот падла ИЕ сует палки в колеса, суть проблемы: НЕПРАВИЛЬНОЕ Отображение текста в ИЕ ПРАВИЛЬНОЕ Отображение текста в Фаерфоксе код в ie.css #rollover1 { text-align:center; font-weight: ; vertical-align:middle; background: url(/images/m101.gif); display: block; width: 132px; height: 39px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } #rollover1:hover { text-decoration: none; background-position: 0 39px; } Ну вроде бы все, буду очень признателен за подс…
0 votes8 answers -
Не понятно в чем дело
У меня возникла проблема в следующем: не могу нормально собрать таблицу, то разъезжается все, то сжимается То что мне надо, но без красного бордера: Link1 Без красного бордера, но получается криво: Link2 В лисичке и опере еще более менее отбражается, а в IE совсем плохо. Идея заключалась в том, чтобы создать таблицу 5*3, крайний слева и справа столбцы - это отступы, а внутренние это оформление(оконтовка) сайта, в центральной ячейке вставлено вертикальное(простейшее) меню. Уже перепробовал кучу способ, чтобы добиться такого оформления Может кто разъяснить где ошибки или подсказать как сделать правильно? С Уважением, Евгений.
0 votes20 answers -
Как выдрать с сайта потоковое видео?
Приветствую всех Можно ли вытащить потоковое видео отсюда ? Если да то каким должен быть код, что бы вставить себе на сайт?
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-