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://libertyprint.ru/lencon/lencon/about. На нем нужно смаштабировать весь сайт (класс all). Но при этом теряется фон ( класс bg-about). Может кто знает как вылечить сайт? Заранее спасибо за помощь.
0 votes13 answers -
проблемa с позиционированием блоков
Доброго времени суток! Для создания галереи фото нужен был скрипт, нашла его на просторах Интернета... Подогнала под свои нужды, но вот не задача - в Опере при нажатии на превью затемнение экрана происходит не полностью.... В Мозилле и ИЕ8 - все нормально. Но проблема мне видится не в скрипте, а в позиционировании. Ссылка на галерею: http://www.hlebdom.ru/gallery_museum.html Может кто знает, как эту проблему решить?
0 votes9 answers -
0 votes16 answers
-
Не работают ссылки
Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img …
0 votes2 answers -
Галерея CSS transition
Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/
0 votes4 answers -
Только для Оперы
Подскажите плиз как прописать стиль, который поймет только Опера и проигнорируют другие броузеры?
0 votes5 answers -
Помогите. Слой не тянется в ИЕ6 по высоте.
Проблема в том что в ИЕ6 если жестко не пропишешь высоту блока в px то вложенный слой "height: 100%" тянуться не хочет. А в FF, Opere, Safari (в других не смотрел) все ок. Я делаю рамку для дивного блока, следующим образом: (страничку можно посмотреть по адресу: http://www.sevstar.net/downloads/project/music.sevstar.net/) <!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> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta http-equiv="content-language" content="r…
0 votes3 answers -
Прозрачная полоса прокрутки
Здравствуйте. Помогите, пожалуйста, с вопросом. Как можно сделать на сайте прозрачную полосу прокрутки как, например, у телефонов Nokia X6 при просмотре веб-страниц или как у виджета комментариев сайта vkontakte.ru (скриншот)? Также, если есть возможность, ответьте, пожалуйста, как запретить вход на сайт по ссылкам с определенных сайтов? Например, было время, когда создатели сайта "Единая Россия" er.ru запретили вход на их сайт с vkontakte.ru, facebook.com и пр. Спасибо!
0 votes3 answers -
Проблема с фиксированым подвалом
Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.
0 votes16 answers -
"background-size: cover" не применяется и перечёркивается даже при "!important"
На этих двух страницах [один, два] к фоновым картинкам в самом верху и самом низу не применяется параметр CSS "background-size: cover", вместо этого он перечёркнут в инспекторе элементов и принудительно его применить не получается даже флагом "!important". Подскажите, что делать? Заказчику очень нужно. Я бы прописал конкретно для блоков, но увы тем самым я испорчу фикс для Safari, поэтому желательно сделать это как-то в таблице стилей. Да и вообще тупо странно, что происходит такая вещь...
0 votes2 answers -
Как выстраиваются строковые блоки внутри контейнера строки?
Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - кн…
0 votes4 answers -
Hit Bug in Firefox and Flash
Баг связаный с флешем в мазилле кто знает как обойти? position absolute и fixed не катит.
0 votes6 answers -
Карта ( Map ) линков прозрачного фона CSS
Задача возникла после того, как я не смог конвертировать SWF (Swish) файл в фрйл FLA (Flash), а нужно было это сделать в свою очередь, чтобы разобрать SWF файл и перелинковать менюшку. Пробовал сделать обычный "use map" на основе прозрачного GIF файла, но тоже фя . . . , т.к. Flash в крутую перекрывает GIF, при том со своими линками. После всего пришол к рутинно идее, - просто разобрать SWF, надеяс что в он после этого позволит переделать малые тексты к изображениям а также линки меню. Но тоже фя . . . , т.к. есть всякие компиляторы в обратном порядке но не с SWF => к FLA. Не знаю, может я не так опитный в этом деле, но единственная надежда на CSS. Не знаю только, есть…
0 votes3 answers -
Верстка блоков
Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…
0 votes17 answers -
Два div'а в ряд, nowrap, IE 6-9
Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …
0 votes9 answers -
Помощь по CSS
Я учусь CSS. Так что сильно не ругать. Указал код вверху. Вопрос следующий. На сайте будет 4 блока, которые должны находиться по середине экрана на любом браузере и в любом разширение. Собственно в чем я допустил ошибку. Мне приходиться на глаз каждый блок выравнить в центр ;( Что родителя, что детей. Вот картинка www.ven000mus.ucoz.ru/1.png
0 votes18 answers -
Помогите с отправкой письма новечку в деле
Здравствуйте о великие гуру! Помогите с отправкой почты, на сайте имеется такая отправка: <form action="mail.php" method="post"> <div class="row"> <p style="text-align: center;">пункты отмеченные звездочкой обязательны к заполнению</p> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Ваше Имя*" required /> …
0 votes4 answers -
Дивы в одну строку, выровненить по центру внешнего дива?
Есть проблема. Имеется див, ширина которго "резиново" меняется от 1000px до 1160px; В него вложены 4 дива, с float: left и фиксированной высотой. Сейчас я указываю для 4-ех вложенных дивов еще и width. И получается что див-родитель масштабируется, в зависимости от размера браузера, а 4 вложенных приклеиваются к левому краю, а справа пустота. Задача такая. Без указания ширины для вложенных, выравнивать их по всей ширине дива родителя. Ибо не усложнать css expression, напишу код только под FF, сути не меняет. fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf Какие предложения будут? Таблицы не вариант? Спасибо.
0 votes4 answers -
Кроссбраузерность таблицы
Очень ламерский вопрос, но все же как добиться того, чтобы таблица (не как способ верстки, а как способ отображения данных) выглядела одинаково во всех браузерах? Я только начинаю верстать. Таблица нормально выглядит в Опере. В ИЕ/ФФ ячейки немного увеличивают в высоте, но мне так нельзя. Приведу кусок ЦССа: table { border: solid 1px; border-collapse: collapse; width: 100%; text-align: center; } th { background: #eee; font-weight: bold; border-color: #bfbfbf; padding: 6px; } td.warned_by { text-align: left; } tr.censure { background: #f4fdee; } tr.truant { background: #fdebe8; } tr.noob { background: #f4f5ff; } Сразу вопрос, чтобы не создавать лишних тем…
0 votes3 answers -
svg IE неверные width height
Подскажите, как можно победить svg иконки, на сайте http://delovsite.ru/ в IE. Слева, стоят ссылки-иконки на группы. Стоят там svg. Если сразу не будет видно, то можно чуть уменьшить окно IE. Проблема вроде как известная, https://gist.github.com/larrybotha/7881691, но победить не получилось. Может есть еще какие то варианты? Кроме как заменить на png) Причем первая иконка вроде как отображается нормально:
0 votes5 answers -
Как можно вставить в canvas картинку или button
Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?
0 votes2 answers -
div по центру (отличается от предыдущей темы)
div.general { display:block; margin-left: ???????; margin-right: ??????; margin-top: 0em; margin-bottom: 3em; width: 50em; height: 120em; border-width: 1px; border-style:dashed; } что нужно написать в этих маргинах, чтобы блок всегда выравнивался по центру в горизонтали при любом разрешении монитора пользователя?
0 votes4 answers -
Задачка на позиционирование слоев
В фиксированной ширины А резиновый и занимает все пространство, свободное от B Высота А и B заранее неизвестны, а С становится под самым длинным из них. Дайти списать решение задачки! Заранее спасибо!
0 votes4 answers -
explorer некорректно тянет ячейки таблицы
Есть вот такая таблица <table width="100%" height="408" border="1" cellpadding="1" cellspacing="1"> <tr> <th colspan="3" scope="row">1</th> <td colspan="2">1</td> </tr> <tr> <th width="5%" rowspan="5" scope="row">kjk</th> <td width="21%" >1</td> <td width="39%">1</td> <td width="29%">1</td> <td width="6%" rowspan="5">kk</td> </tr> <tr height=1> <td height=30>222</td> <td rowspan="3"> Новости 22.03.2008 defr Короче, сказка братьев Гримм. В некотором царстве, плановОм государстве, жил был король Облом Второй. Государство, …
0 votes5 answers -
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-