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
-
Не работает z-index
Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.
0 votes2 answers -
Добавление ссылки на canvas
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <script> var canvas, ctx; function main() { canvas = document.createElement("canvas"); ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.style.background = '#BAE1EC'; } main(); </script> </body> </html> Как добавить ссылку на этот canvas с помощью innerHTML?
0 votes0 answers -
не получается прозрачный iframe
Такая ситуация: в плавающем фрейме у меня выводятся разные страницы. Все они используют один и тот же файл css, в котором для тега body не указан цвет фона или фон-картинка. Для фрейма атрибут: allowtransparency='true'. Но почему то одна из страниц упорно отображается с белым фоном, хотя остальные на прозрачном. Проверил уже все: все таблицы на странице прозрачные. Если пробовать задавать цвет и картинку фона для страницы, то действует. Если убрать эти атрибуты в css, то возникает белый фон.
0 votes0 answers -
Выравнивание и overflow
Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?
0 votes3 answers -
Как выровнять текст в ссылках по ширине?
Есть менюшка из нескольких ссылок. Вот код: <div class="header_menu"><div> <a href="index.html" class="logo"><span>ИНВЕСТ</span> ПРОЕКТ</a><br /> <a href="">архитектурные проекты</a><br /> <a href="">проекты интерьеров</a><br /> <a href="">подробности и цены</a> </div></div> Стили: .header_menu{padding-bottom: 99px;} .header_menu div{float: right;} .logo{height: 13px; display: block; margin-bottom: 18px; font: 18px Impact; font-weight: bold;} .logo span{color: #fff;} .header_menu a{margin-bottom: 16px; display: block; text-align:justify;} .he…
0 votes1 answer -
не могу поставить блоки по середине сайта
на сайте несколько ссылок набитых на квадратных картинках (9шт) все они смещены влево к меню сайта а не по середине.помогите! не получается что бы они были по середине вот мой код: <table cellpadding="0" cellspacing="53px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><fo…
0 votes4 answers -
2 колоночный дизайн
Помогите пожалуйста, уже руки опускаются... Есть дизайн - http://rghost.ru/24021801.view Хотела сделать так, чтобы было не просто в 1 колонку, а 2 две, чтобы еще меню, форма входа, и т.д. и т.д. было... То есть, зеленым блоки малые, а красным новости... Как сделать? Я уже извелась вся, пробовала и так и сяк... Вот что должно получится примерно: http://rghost.ru/24022051.view (сделано в фотошопе). Код главной странички: и CSS: помогите пожалуйста, буду очень благодарна.
0 votes14 answers -
смещается подвал в ie8
помогите пожалуйста поправить вёрстку в ie8. смещается подвал при большом количестве контента. ссылка
0 votes6 answers -
Небольшая проблема с CSS
Доброго времени суток, форумчане! Возникла у меня проблемка не большая. Нарисовал картинку (бэкграунд), и в этой картинке оставил место для вставки видео. Т.е. рамку. В это место нужно вставить видео. Бэкграунд вроде настроил, вроде отображается, но вот видео на "место" поставить не могу. Использую тег margin-top, указываю значения, а он делает отступ не только для видео, но и для самого бэкграунда. По-любому проблема лежит где-то на поверхности, а я ее не вижу, как обычно. Помогите сообразить, пожалуйста Вот мой код: + Картинка.
0 votes2 answers -
адаптивные табы
Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!
0 votes6 answers -
Помогите сверстать блоками...
Всем привет! Нужен совет или лучше урок Задача: сверсать сайт блоками, так что бы все блоки были как на картинке ниже Необходимо, что бы все блоки распологались по середине и имели одинаковую шинрину Вверху будет логотип сайта, ниже навигация с картой изображений, дальше блоки с текстом и в самом низу копирайты и т.д. Я только начинаю работать в этой области, поэтому сильно не ругайте за глупые вопросы Раньше делал сайты на таблицах, но в этом случае нужна верстка именно блоками... Заранее благодарен.
0 votes3 answers -
Граница элемента рисунком.
Здравствуйте, есть определённый блок, к примеру: <div id="css"><div>, я хочу сделать, что бы у левой, првой и нижней границы фоном был рисунок, например градиент, иле ещё что нить. (Нашёл на вашем сайте, очень полезную статью, но там для таблиц ) Пытался сделать таким образом (это для левой и нижней границы): <div style="background-image: url('/img/list1.jpg'); background-position: left; background-repeat: repeat-y; background-image: url('/img/list2.jpg'); background-position: bottom; background-repeat: repeat-x;" id="content"> Но показывает только только одну, пытался несколько стилей присвоить одному блоку, но тоже не вариант. Может я всё и глупо д…
0 votes14 answers -
PHP в HTML и последствия(
Доброго времени! очень прошу помощи в ршении данной проблемы: есть хтмл файл, который в себе содержит "инклуд" на пхп для вывода картинок. проблема в том, что после того, как я вставил пхп код, в таблице нарушилась структура: <tr> <td height="100" bgcolor="#000000"> <?php $img = include ($_SERVER['DOCUMENT_ROOT']."/primobmx/Scripts/images.php"); echo $img; if (!$img) die("Trouble in image script opening!"); ?> </td> </tr> таблица, которая имеет фиксированную ширину, начала отображать подряд все картинки, моя же задача: http://www.primobmx.com/parts/parts.html . в случае <tr> <?php $img = include ($_…
0 votes3 answers -
Внесение формы
Здравствуйте, вопрос конечно не совсем по теме но хотелось бы узнать ответ на такой вопрос: Я создал форму внесения данных на С++6 и хотел бы ее прикрепить к web приложению, подскажите как это сделать - каком формате эту форму сохранить в С++6 чтоб можно было ее прикрепить в web, или может ее нужно как-то сконвертировать? Ответ в инете я так и не нашел.
0 votes5 answers -
Не добавляются изображения
На сайте есть формы для редактирования и добавления всякого, в том числе изображений. Во всех нормальных браузерах изображения нормально добавляются, а вот в ИЕ совсем не добавляются и даже в 8ом. Почему так может быть? Вот такой стандарт используется: <!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"> И вот так у форм: Начало формы: <form id="user_edit" action="В нужное место" enctype="multipart/form-data" method="post"> Поле для изображения: <input class="select_fb" type="file" name="img"/> Можете попробовать добавить изображение…
0 votes0 answers -
Вложенные списки <ol>+<input>
Всем привет. Вопрос по валидности. есть код такой: <div id="opros"> <ol type="I"> <li>Алкоголь</li> <ol> <li>Употребляете ли вы алкоголь?</li> <input type="radio" name="vopros1[]" value="10" id="vopros1_1"> <label for="vopros1_1">Да</label><br> <input type="radio" name="vopros1[]" value="01" id="vopros1_2"> <label for="vopros1_2">Нет <em></em></label> ................................. Доктайп такой использую: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> …
0 votes7 answers -
поменять блоки местами
Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…
0 votes5 answers -
Бэкграунд для меню
Здравствуйте. Вот пытался найти способ, чтобы сделать такое же меню как на сайте Кинокопилка, но у меня ничего не получилось. Искал довольно упорно и долго, но видать что-то не так делаю. Т.е. мне нужно, чтобы при наведении на пункт меню (a:hover) он выделялся каким нибудь цветом. Я знаю как это сделать через бэкграунд, но у меня длина выделения разная, в зависимости от названия пункта меню. Выделяется только до конца последней буквы. А мне нужно, чтобы во всех случаях выделение было равномерным. И опять же на сайте Кинокопилка, после того как перешёл по какому-нибудь пункту из меню, его этот пункт остаётся выделенным. Можно ли эти 2 вещи осуществить посредством CSS и H…
0 votes4 answers -
Еще одна задумка
Вот такое хочу)) : Есть две страницы. На первой-ссылки на контент. На второй- форма для скачивания. При нажатие ссылки на первой, происходит переход на вторую страницу, где в форме отображается соответствующая ссылка на скачивание. На сколько мне хватает фантазии: на второй страницы должен быть Яваскрипт, который бы осуществлял обработку информации со ссылки и вставлял в форму. Интересно еще, как должна выглядеть сама форма. Классно было бы еще Каптчу к форме прикрутить. А, ну, и сам вопрос: как реализовать..? Как всегда, заранее благодарен
0 votes17 answers -
С помощью Flex строки меню вместе. Что не так?
Здравствуйте. Верстаю макет, но чтото не так. Подобные верстал раньше, все было хорошо, даже сверяю, все чуть ли не под копирку написал. Но в Этом коде почему-то строки в меню слиплись и не могу их раскинуть. на рисунке как должно быть, и как выходит. Что не так делаю? Html: <div class="container"> <header class="header"> <div class="header-item"> <a href="#"><h1 class="logo">Bouncy</h1></a> <nav class="navbar"> <ul class="menu"> <li><a href="#">Hello</a> </li> <li><a href="#">About</a> </li> …
0 votes1 answer -
Document content looks like HTML Proprietary
Это мне выдал HTML VALIDATOR 0.8.4.0 по поводу употребления атрибута "background" с тегом - Я понял это намек..., но что конкретно он (валидатор) имел ввиду?
0 votes3 answers -
Блочная верстка, IE и ширина текста в колонке
Только в IE-7 ( в MF3.0 нормально), при изменении размера экрана( не знаю как правильно называется ) текст по ширине начинает "выпрыгивать" из колонки. Макет при этом не ломается. Причем нет никакой разницы "резиновый" макет(и/или колонка) или нет. Как с этим можно бороться и делает ти это кто-то вообще? Спасибо!
0 votes3 answers -
Проблема с таблицей в IE
Вот в чём суть. Есть таблица из 5-ти колонок. 1-я, 3-я и 5-я имеют неизменяемую ширину и фоном у них целые изображения, а вот 2-я и 4-я - увеличиваются по мере увеличения разрешения экрана и фоном у них узкая вертикальная полоса, повторяющаяся по Х. В firefox работает всё правильно, а вот в IE 2-я и 4-я колонки так и остаются пустыми. В чём проблема? Как решить? p.s. и ещё, когда ставлю отображение рамок в таблице, то и в ИЕ правильно работает
0 votes7 answers -
2 разных бекграунда по сторонам основного блока
Столкнулся с проблемой по разным бекграундам со сторон центрального блока. В идеале должно получится следующее: Собственно можно как-то это сделать используя только центральный div и background-image станицы? Если нет то понимаю нужно делать 3 шт. div по бокам резиновые по центру с заданными пропорциями, может кто код подскажет? Заранее спасибо за внимание
0 votes8 answers -
filter и expression
Вопрос такой: У меня есть 10 классов в стилях, у которых один и тот же фильтр (к примеру: "filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);" ). Есть ли смысл группировать стили и писать один раз "filter: "? Конкретно интересует, повлияет ли это на скорость? O_o Тот же вопрос и про использование "expression". Спасибо.
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-