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
-
Кнопка
Допустим, я хочу сделать стилизированную кнопку. Что я уже имею: Фон Кнопка в *png покоя Кнопка в *png hover Содержимое index.html <!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"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> <title>Титул</title> </head> <body> <div id='wrapper'> <div id='sale'> </div> </div> </body> </html> Содержимое style.css /* CSS Document */ html, body { margin: 0; height: 100%…
0 votes6 answers -
Высота контейнера со слоями
Здравствуйте, подскажите пожалуйста, не могу решить проблемку с высотой контейнера. Описание: у меня в некотором контейнере (таблица) расположено 2 div, пусть будут высотой 500 пикселей для примера. Контейнер при этом принимает высоту в 1000 пикселей. Второй (нижний) div имеет отрицательное смещение по высоте, для того чтобы располагаться в 2 слоях на одном месте с первым. Получаются что оба div расположены в верхней части контейнера в разных слоях, а нижняя часть пустует. Так вот - несмотря на то что нижняя граница обоих div расположена примерно на 500-ом пикселе - граница контейнера(таблицы) не подтягивается туда, а по прежнему занимает старый размер как будто там есть …
0 votes6 answers -
Отображение таблиц в разных браузерах
Работаю над сайтом в одной из популярных CMS. Создал на странице таблицу. Вот так она отображается в Firefox: А в браузере Chrome отображается так: Понятно, что это CMS меняет стили таблицы, но какие именно - неизвестно. Скажите пожалуйста какие стили CSS могут отвечать за такое отображение в Хроме. Есть подозрения, что CMS делает разделительные линии настолько тонкими, что Фаерфокс видит их, а Хром уже нет. С помощью каких параметров можно это осуществить?
0 votes6 answers -
Ссылка с пустого div с бэкграундом-картинкой
Вопрос тривиальный, но загнал в тупик. Возникла задачка - с любой картинки на сайте (кроме тех, что относятся к оформлению) яваскриптом делать всплывающий кусочек текста ака easyTooltip. Верстка сайта - шапка, тело из двух колонок (в одном из столбцов - меню) и футер. Вложенность элементов в рабочей колонке разная, поэтому в скрипте есть смысл обращаться сразу ко всем img. Для этого все картинки оформления нужно перевести в div-ы c бэкграундами. на некоторых из картинок были навешаны ссылки (например, на логотип в шапке). Обычный рецепт в этом случае - вставить в div прозрачный единичный gif 1x1 и растянуть его до нужных размеров, в данном случае не годится, т.к. снова п…
0 votes6 answers -
Не работает сайт
Доброго времени суток. У меня возникла проблема при создании сайта: сайт открывается только на моём компьютере и ни у кого больше! Делал всё вроде бы правильно (или нет?): Зарегестрировал имя: http://7gnomov.16mb.com; Написал главную страницу; Поместил на ftp в соответствующую паку /public_html Может я что-то не так сделал? У кого-нибудь ещё он работает? http://7gnomov.16mb.com/default.php
0 votes6 answers -
Выставить блоки по ширине
Как выставить n'ое количество блоков таким образом, чтобы они растянулись по всей ширине красного блока, но между ними были отступы?
0 votes6 answers -
Проблема обтекания картинки текстом
Добрый день, вот какая проблема возникла, вставляю картинку задаю отступы, в админке ставиться, а в браузере на самом сайте текст вплотную к картинке, в общем помогите пожалуйста, что не так у меня сделано, вот скрин на нем все понятно в чем проблема:
0 votes6 answers -
Интересный вопрос про javascript
Увидел на сайте интересную картинку в теге head <!-- <script type="text/javascript" src="/js/modernizr.custom.12270.js"></script> <link rel="stylesheet" type="text/css" href="/css/all.css" media="all" /> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/jquery.disable.text.select.js"></script> <script type="text/javascript" src="/js/complex-popup.js"></script> <script type="text/javascript" src="/js/call-order.js"></script> <script type="text/javascript" src="/js/manager-order.js"></script> <script type="text/javascript…
0 votes6 answers -
Блок Div сдвинут на 1 пиксель в Опере
Доброго времени суток, уважаемые форумчане! Появилась проблема, с которой я раньше как-то не сталкивалась. В Опере div сдвинут на 1 пиксель в сторону. В Хроме такой проблемы нету. Подскажите, в чем может быть загвоздка? Сайт xstroy.biz
0 votes6 answers -
Принудительное overflow-x: scroll при overflow-y: hidden
Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.
0 votes6 answers -
Background-image
Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?
0 votes6 answers -
Как скопировать веб-страницу вместе с фоновыми изображениями?
Всем привет! Копирую страницу из интернета через Сохранить как -> Веб-страница, полностью. При этом некоторые графические элементы не копируются. Например, если стиль фона задан таким образом: "background: url("../images/bg-body.gif")", то на скопированной странице фон отображаться не будет. Вопрос: как скопировать страницу вместе с фоновыми рисунками?
0 votes6 answers -
На чем написать сайт?
Всем привет! Друзья мне нужен сайт хип хоп батла! Чтобы была возможность загрузки файлов на сервер, турнирная таблица, голосование! На чем мне это лучше реализовать? Извините, если неправильно сформулировал вопрос... Спасибо!
0 votes6 answers -
помогите!
есть список <div id="nav> <ul id="menu"> <li class="active">About</li> <li><a href="">Our Teachers</a></li> <li><a href="">Schedule</a></li> <li><a href="">Prices</a></li> <li><a href="">Contact Us</a></li> </ul> </div> вот стили: li { list-style-type: none; padding-left: 50px; padding-bottom: 15px; padding-right: 0px; padding-top: 15px; margin-top: 2px; margin-right: 0px; background-color: #fff; color: #FFF; font-size: 21pt; font-family: Questrial ; } #nav{ width: 270px; height: 369px; } #menu{ float: left; } …
0 votes6 answers -
Div уходит вправо только в ФаерФоксе
В общем сам сабж, при открытии странички в ФФ, див с галерей уходит вправо, в любом другом браузере все нормально. В чем проблема не могу понять. http://svetlogradstroy.ru/portfolio.html
0 votes6 answers -
Проблема с таблицами
День добрый.С версткой работаю совсем недавно,поэтому надеюсь на ваше понимание.Сайт делался в программе SiteEdit Business. Вот собственно сам сайт - www.lidisha.ru Вопросы: 1.Неправильное отображение таблиц-все кривое 2.На этой странице http://lidisha.ru/futbolkimaiki.html раньше были овальные рамки-сейчас как-то съехало все(как исправить не знаю-уже месяц бьюсь) как понимаю икать где-то здесь #td52 { background-image : url(ugol_verh_left.jpg); background-repeat : no-repeat; height : 9px; } #td54 { background-image : url(ugol_verh_right.jpg); background-repeat : no-repeat; } #td56 { background-image : url(liniya_left.jpg); background-repeat : repeat-y; } #td58 { back…
0 votes6 answers -
проблема с подвалом
Всем доброе время суток У меня проблема с резиновой версткой, а точнее с подвалом. он у меня прижать основным блоком Wrapper, все бы хорошо, но когда заполняется контетом, он остается на месте, а все остальное спускается как надо. Куда мне нужно поставить блок див с классом clear:both;? вот html <body> <div id="wrapper"> <div id="header"> <div id="logo"> <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/the_gamer.png" width="286" height="66" title="The Gamer"></a> </div><!--logo--> <div id="banner"> …
0 votes6 answers -
В Опере пропадает слой
Открываю страницу Стоит обновить страницу в браузере, прозрачный слой "advertisement" пропадает. Когда страница грузится - слой виден, как загружается - исчезает (т.е. если нажимать "ctrl+R", то слой начинает мигать). В IE, Chrome, Firefox всё отображается нормально, но в Опере такой глюк. .logo { background:url(../images/logo.png) no-repeat; height: 57px; width: 306px; position: absolute; top: 85px; left: 165px; } .logo a { display: block; height: 57px; width: 306px; } .advertisement { background: url(../images/advertisement.png) no-repeat; width: 481px; height: 90px; position: absolute; top: 55px; right: 189px; } Проблема может быть в верстке или в моей…
0 votes6 answers -
Помогите с макетом
Вот макет http://savepic.su/1751224.htm
0 votes6 answers -
Разметка формы обратной связи
Пример кода http://jsfiddle.net/FkWuR/ Никак не могу справится с разметкой. чуствую изначально пошел не в ту сторону, а теперь глаз замылился, вот и туплю. В идеале должно быть так: В Хроме 16, IE 8, Opera8.54 отображается примерно так как хочется. В ИЕ7 все идет столбиком. В FF поле E-mail сползает вниз. Андроидный браузер переносит поле Тема на новую строку... HTML <div class="feedback"> <form class="content2" method="post" action="index.php?id=8"> <input name="formid" value="feedbackForm" type="hidden"> <p><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></p> <p><…
0 votes6 answers -
HELP! Как сделать такое меню?
Проблема в том,что фон у самой менюхи и подменюхи должен быть прозрачным! У меня вообще нет идей как это реализовать! Надеюсь на конструктивные советы. Заранее благодарен.
0 votes6 answers -
Сохранить динамическую страницу
Я сделал файл на своем ПК,с ява скриптом, который создает новые строки в таблице, в которую я забиваю значения. Но нет возможности сохранить готовую таблицу ( только принскрином) <table id="myTable" border="1" cellpadding="2"> <tr> <td>Дата </td><td>Модель принтера</td><td>Модель картриджа</td><td>Ответственный</td><td>Фирма</td><td colspan ="4">Выполненые работы</td><td>Стоймость</td><td>Заправщик</td> </tr> </table> <script LANGUAGE="JavaScript"> function addRow(id){ var tbody = document.getElementById (id).getElementsByTagN…
0 votes6 answers -
Расхождение колонок макета в Dreamvweavr
Всем привет! Подскажите где я допустил ошибку при верстке макета, в браузерах отображается нормально, а в dreamweaver почему то правая колон ка отспупает от левой на ширину левой колонки. Да и в правой колонке стали появляться проблемы с расположением элементов.Сам проверял не один раз но увы... <!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> </title> <style type="text/css"> BODY { margin : 0; padding: 0; } .box { width:1146px; color: #FFF; height:980px; margin-left: auto…
0 votes6 answers -
Table => Div
Здравствуйте. Надеюсь на вашу помощь: необходимо перевести данный табличный код в дивный вариант. <table cellpadding="0" cellspacing="0" align="center" width="100%"><tr><td class="header-left"></td><td> /* Здесь фоновое изображение */ <table cellpadding="0" cellspacing="0" class="f1topline"><tr> /* Здесь фоновое изображение */ <td class="head" align="center">Ваш сайт.ру</td> <td>текст</td> <td>Текст</td> <td>Текст</td> <td>Текст</td> <td>{login}</td> <td>текст</td> </tr></table></td><td class="header-right"></td&…
0 votes6 answers -
Пропадает border при background
Здравствуйте. Вот такая штука. В браузерах ff, opera у меня пропадает border у th, когда я использую background-image. Картинка множится по x и тем самым заливает рамку у th. Причём в google chrome всё нормально. Не знаете в чём может быть дело?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-