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
29542 questions in this forum
-
Как сделать ссылку на флэш банер
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes3 answers -
Проблема в IE6
Уважаемые форумчане, делал я тут сайт и решил использовать в нем блоки со скругленными углами Все бы хорошо, но при помещении в таблицу в IE начинает творится всякая хрень От таблицы отказаться нельзя. Прошу помочь мне найти решение этой проблемы.
0 votes4 answers -
Вопрос по выпадающему меню
Народ, если у кого-то будет желание, подскажите как исправить ошибки. За основу был взят шаблон выпадающего вертикального меню. Изменения в файл .js не вносились. 1. При открытии в браузере элементы выпадающего меню не скрыты. 2. В IE 6 при наведении на пункты меню последние не меняют цвет. Спасибо! Файлы здесь
0 votes3 answers -
Родительский блок не тянется за дочерними
Уважаемые знатоки, прошу вашей помощи. Не где не смог найти ответ на свой вопрос. Родитель не тянется за вложенными блоками. overflow:hidden не помогает, исчезает полоса прокрутки. На clear:both не реагирует. Не тянется блок container /*—--HTML—--*/ <div id="container"> <div id="header"> <div id... </div> <div id="component"> <div id... </div> </div> /*—--CSS—--*/ *{margin:0;padding:0;} html{height:100%;} body{height:100%;} #container{ width:1024px; min-height:100%; background:url(../images/background.jpg) repeat-y; margin:0 auto; position:relative; } #component{ width:944px; …
0 votes2 answers -
не работает z-index
пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6 он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать? тестю в мазиле <style> #column0 {position:relative; z-index:1} #app { overflow: hidden; z-index:2; position:relative;} .d1 { float: left; width: 32%; z-index:2; position:relative; padding: 5px 7px; text-align:center; margin: 5px auto; line-height: 1.2; text-shadow: -1px -1px #666, 1px 1px #FFF; font-family: verdana,arial,sans-serif; font-size:14px; color:darkblue; } .d2 { margin-left: 34%; z-index:2; position:relative;} .d3 { floa…
0 votes6 answers -
CSS-спрайты
Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/
0 votes17 answers -
добавить еще один блок
Всем привет Помогите отредактировать html файл. Я пытаюсь добавить еще один блок <div class="de"> <div class="den"> <div class="dene"> <div class="denem"> <div class="deneme"> 19<span>.0</span><strong>°</strong> </div> </div> </div> </div> </div> Но этот блок не хочет становиться в одну строку. Скрытый текст <html> <head> <title>Temperatures</title> <link rel="stylesheet" type="text/css" href="./css/style.css" /> &l…
0 votes5 answers -
Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом
Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…
0 votes3 answers -
Интерактивные элементы расположены слишком близко
Может кто-то подскажет... Есть область под хлебные крошки между меню и записью. Вставляю с помощью кода слайдер на главную, все отлично, настраиваю слайдер адаптивный, все работает. Но, есть один момент, что проходит совсем немного времени и если зайти в search console гугла, то он начинает ругаться, что интерактивные элементы расположены слишком близко. Как решить такую проблему? Посмотреть можно по ссылке на сайт. Нужна помощь или совет, как решить или хотя бы направление в каком искать... спасибо
0 votes1 answer -
Создание thumbnails из div`ов - проблема
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…
0 votes1 answer -
Где можно найти?
как мне прописать кодом, чтоб при наведении на ссылку показывалась фотография, а при щелчке переходило на новую страницу?
0 votes3 answers -
В IE не работает background-attachment:fixed;
У меня стоит IE6, почему-то в нём не работает background-attachment:fixed; (работает нормально во всех браузерах кроме него)... почему? на этом сайте написанно что должен поддерживается...
0 votes4 answers -
Съезжает закрывающий div
Посмотрите, пожалуйста, где косяк идет? Съезжает закрывающий div. Делаю закругленные края у блока картинками. UPD: http://rolph.narod.ru/1.html. Sorry
0 votes9 answers -
margin-top
html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.
0 votes5 answers -
аналог box-shadow
Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?
0 votes1 answer -
Вопросы по адаптивной верстке
Добрый день, я первый раз делаю адаптивную верстку в связи с этим у меня возникают вопросы здесь моя верстка, часть я уже сделала 1. Подскажите как быть с каруселью где логотипы когда ресайзешь окно а потом делаешь на полное окно, они идут не по линии 2. И что с делать с верхней серой панелью, не могу ее растянуть на всю ширину макета, можно изначальный метод верстки не верный... но тогда я не рассчитывала что будет адаптивная верстка 3. Общее замечания заранее благодарна вот адаптивный дизайн:
0 votes6 answers -
подскажите как заставить блоки располагаться в одну строку
Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…
0 votes1 answer -
Гугл фонтс - их ошибка или фича браузера?
http://jsfiddle.net/HLmmX/ В Вебките выглядит жирно, в мозилле - тонко. В чем проблема?
0 votes8 answers -
Как сделать квадратный блок
Помогите сделать квадратный блок с картинками внутри. Проблема в том, что размеры блока должны быть в процентах. Вот пример - http://jsfiddle.net/4cxgzp8t/7/ Вот так должно быть -
0 votes8 answers -
"Обрамление" iFrame картинками.
Всем здрасти! Помогите, плз, кто знает: Нужно сделать рамку из рисунков вокруг айФрейма, а так же убрать рамку у самого фрейма. Есессно, за основу взял таблицу: <table> <tr> <td colspan="3"> <img src="img/code-top.png"> </td> </tr> <tr> <td> <img src="img/code-left.png"> </td> <td> <iframe src="banner.html" width="620" height="245" hspace="0" vspace="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe> </td> <td> <img src="img/code-right.png" align="right"> </td> </tr> <tr> <td colspan="3"> <img src="img/code-bottom.png"> <…
0 votes2 answers -
Не держится ширина таблицы
Вся проблема в том,что ячейка с шириной 802 сжимается.Мне нужно,чтобы она оставалась фиксированной,а боковые ячейки были резиновые в зависимости от ширины экрана.
0 votes9 answers -
Проблема с Web Developer..
В общем не получается протестировать вёрстку под различные мониторы. Родное разрешение 1024x768. При изменении разрешения в Web Developer, к примеру, на 1900x1200 происходит всего небольшое смещение, и всё. Также и под все остальные. Подскажите, в чём может быть проблема, что делаю не так?
0 votes14 answers -
Отступ между div и img в internet explorer
Есть следующий код: <body> <div style="background: fuchsia; float: left; width: 30px;"></div> <img style="border: none;" src="http://www.google.ru/logos/2011/eisner11-res.jpg"> </body> http://79.173.86.160/entrance/newhtml.html если смотреть его в ie, то между элементами будет расстояние. как его ликвидировать? padding и margin обоим элементам мне не помогли, hspace для img тоже... заранее спасибо !
0 votes5 answers -
Стоит ли такие фичи реализвоать в CSS
Активно изучаю веб, и пробую новые приемы в CSS3 и.т.п. Делаю себе новую шкуру с использованием некоторых прибамбасов. http://dgbomb.com/maket/ Есть несколько вопросов: 1. Насколько сильно эффекты закруглений, CSS транзишн, тени и т.п. грузят броузер. Может, все это лучше картинками сделать? 2. У меня макет пересчитывается через CSS на несколько разрешений. То есть, на разнах разрешениях - разная ширина макета. Насколько это приемлимо. Или лучше сделать через скрипт. 3. Заметил, что слайдеры на превьюшках в файрфоксе анимируются скачками. Это особенность броузера? Или у меня косяк. 4. Общий вопрос. Как сохранить баланс в наследовании классов типа .style ul li ul {} или .…
0 votes5 answers -
выпуклая тень для div
научите пожалуйста как добавить блоку такую тень через :before
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-