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
-
Меню из квадратных элементов
Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.
0 votes11 answers -
Проблема с фоном
Не могу понять почему у меня фон врапера не растягивается на всю висоту .wraper{ background: white; width: 976px; margin: 60px auto; height: 100%; min-height: 100%; padding-top: 1px;}в врапере есть два блока <div class="wraper"> <div class="header"> </div> <div class="content"> </div> </div>и фон растягивается где то до половины блока контент
0 votes8 answers -
Запретить браузеру запоминать переходы в iframe в историю
Всем привет. Такая проблема. Широко пользуемся модальными окнами на сайте. Внутри модальных окон требуются переходы между страницами, отправки формы и т.п. Поэтому решили вставить в jQuery.dialog iframe, и отображать страницы внутри iframe. Проблема следующая. Если внутри iframe были переходы по страницам, браузер запоминает их в историю. Поэтому после закрытия модального окна, если нажать на внопку "Назад", то браузер остаётся на той же главной странице, потому что переход был внутри уже скрытого iframe. В общем надо как-нибудь запретить браузеру запоминать переходы внутри iframe? Единственное, что нашёл - это использовать location.replace вместо ссылок, но там ещё…
0 votes1 answer -
Как тестировать адаптивный дизайн?
Подскажите инструмент для тестирования адаптивного дизайна. Я на одном компьютере и мобильнике многого не проверю. Желательно что бы он под разные разрешения подстраивался, то есть показал как будет выглядеть сайт на 6-дюймовом смартфоне с fullHD разрешением на моем мониторе с разрешением 1680х1050 - не пиксель в пиксель, а в натуральный размер. Кто как тестирует? Помню, находил сайт какой-то, так там прямо в окошке в форме смартфона или планшета можно было на свой сайт посмотреть.
0 votes6 answers -
Почему появился дополнительный скролл?
https://www.road.media/videoregistratory/axiom-land-rover-special-wi-fi-16613-16614-16615-detail в хроме появился дополнительный скролл после конца страницы. инспектором - там ничего нет. в мозилле доп.скролла нет как такое возможно?
0 votes4 answers -
Странная работа JS
Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var body = document.body; var main = document.getElementsByTagName("main")[0]; main.innerHTML += "Hello"; body.innerHTML += "World!"; </script> </body> </html> А так нет: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var b…
0 votes4 answers -
Не могу запретить переносы
Есть страничка с шириной таблицы 100%, если ее сжать, то содержимое растягивается вниз, хотя явно задан запрет на переносы строк в <td>. http://aionzone.ru/themes/aionzone/images/...base/spells.htm
0 votes4 answers -
Горизонтальный скролл.
Можно ли сделать горизонтальное прокручивание страницы с помощью колеса мыши. Объясняю подробнее на всякий случай: Чтобы при вращении колесика мыши страница прокручивалась бы горизонтально, а не вниз и чтобы это было кроссбраузерно. (Контент по высоте будет без вертикального скрола, тоесть умещаться в высоту разрешения: 1024x768) Как такое можно реализовать?
0 votes1 answer -
Подскажите, как сделать элемент
Здравствуйте. Нужно сделать элемент. http://img3.imageshack.us/img3/2631/elementf.gif Тут хорошо подходит fieldset, но вот что делать с изображением самолёта. Как его переместить? Я пробовал помещать в div, ставить различные position, но ничего не выходит. Подскажите как быть, или может быть как по другому реализовать такой элемент?
0 votes1 answer -
В IE 8 сдвигается таблица внутри блока
Внутри блока из дивов, находится таблица В мозиле все стоит ровненько, в Эксплорере, таблица находящаяся внутри блока съезжает вниз Пробовал и padding и margin применять как отступы блока с таблицей - одна фигня=( вероятно как-то на таблицу влияет содержимое вверхустоящих блоков В чем может быть проблема? Как с ней справиться? Спасибо!
0 votes2 answers -
прозрачный png и IE
Думаю всем известна такая проблема: осёл накладывает на прозрачный фон png серый цвет. Я нашол решение но частичное не все изображения стали нормальными, кто-нибудь знает хорошее решение?
0 votes2 answers -
Посоветуйте как реализовать
Как по вашему мнению лучше реализовать внутренние фреймы с возможностью прокрутки примерно как здесь? http://www.google.ru/imgres?imgurl=http://...tx=58&ty=59 В принципе в html уже есть возможность делать фреймы как-то, но хотел поинтересоваться может кто знает более интересный и современный способ.
0 votes5 answers -
Открытие pptx в браузере
Всем привет. Возможно ли сделать ссылку так, чтобы при нажатии на неё открывался документ pptx ? В новой вкладке, как pdf.
0 votes3 answers -
Отстык=пы в меню
Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; char…
0 votes5 answers -
Выравнивание блока по центру
Добрый день. Есть такая проблема, помогите, пожалуйста, с решением. Мне нужно реализовать 3 фиксированные колонки такого рода - одна прибита к левому краю, вторая расположена по центру, третья прибита к правому краю. Проблема в следующем. Визуально макет резиновый и зависит от ширины браузера, поэтому я не могу использовать margin-left, ведь я не знаю точное значение отступа слева. Иными словами мне нужен некий аналог свойства align="center" таблиц только в CSS и для блоков. И важный момент - нельзя использовать абсолютное позиционирование т.к. макет подразумевает наличие подвала. Спасибо.
0 votes11 answers -
Диагональный фон
Приветствую уважаемых посетителей форума! У меня есть вопрос. Возможно ли сделать такой сайт, чтобы фон его был таким диагональным прямоугольником во всю высоту экрана? При этом хочется, чтобы розовая область была резиновой, а белые треугольники по бокам разъезжались бы в разные стороны. Это нужно, например для того, чтобы колонка с контентом не становилась слишком узкой на больших разрешениях монитора. пример картинки
0 votes1 answer -
height 100% от родителя
Здравствуйте, есть проблема с растягиванием элемента по высоте на 100% от родительского. Тема изъезженная, но никак не могу найти оптималього сопосба решения: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height: 100%;"> <head> <title>Untitled</title> </head> <body style="height: 100%;"> <table cellpadding="0" cellspacing="0" border="1" style="background-color: blue; height: 100%; width: 100%;"> <tr> <td style="height: 100%; width: 50%;"> <table cellpadding="0" cellspacing="0" style="background-color: yellow; hei…
0 votes1 answer -
Слои и CSS
Всем здравствуйте, будьте добры подскажите по какой причине может не работать атрибут text-decoration: underline; (при наведении курсора на ссылку под ней должна появляться полоска), делаю страницу сайта слоями, первый слой фотка, остальные слои это ссылки поверх этой фотографии в привязанном документе CSS в параметре слоя ставлю атрибут text-decoration: underline; и он не хочет работать, да и другие значения этого параметра не работают.
0 votes4 answers -
Подскажите сайт
Здравствуйте. Подскажите пожалуйста сайт, где можно просмотреть самые популярные сайты разных стран. Например: 100 самых популярных (посещаемых) сайтов Америки или Японии и т.д. Спасибо за внимание. P.s. Рейтинг LiveInternet не предлагать.
0 votes2 answers -
Непонятная полоска снизу
Помогите убрать снизу белую полоску. Никак не могу понять как я убрать. Вот сайт http://bagpad.ru/. Вот скрин https://docs.google.com/file/d/0B6vCzfR9bObmbVVMeDNkM0ozVzA/edit
0 votes3 answers -
Горизонтальное резиновое меню.
Использую display:table; и display:table-cell. Подскажите,пожалуйста,что делать,если в некоторых пунктах меню два слова,а в некоторых одно??"Двухсловесные" пункты при изменении размеров браузера скачут очень не красиво. При разрешении от 1024 и больше все хорошо:http://s41.radikal.r...19dc3cb1c98.jpg Когда сужается меньше 1024px происходит следующее: http://s018.radikal....f2c078a8d48.jpg Задала white-space:nowrap для li, помогло,слова перестали уходить друг под друга. Но теперь при сужении окна появляется огромная полоса прокрутки: http://s017.radikal....8b2ac1a4496.jpg Как сделать так,чтобы меню плавно сужалось и расширялось в зависимости от разрешения?? html: <nav&…
0 votes5 answers -
Проблема в отображение фона в ie7,8.
Добрый день. Появилась проблема при присвоении блоку фона background: url(images/bg-clouds.png) 29% 43% no-repeat, url(images/bg-clouds-bottom.png) 27% 102% no-repeat; Во всем браузерах отображается хорошо, кроме ie7,8. Если оставить один url ie отображает фон. Что можно сделать, кроме как сделать еще один див и разделить на два фона?
0 votes2 answers -
Источники фотоматериала для дизайна
Всем привет. Вопрос скорее адресован людям имеющим отношение к созданию макета. Где можно подобрать фотоматериал для дизайна макета? Поиск картинок через сервисы поисковых систем это конечно хорошо, но может есть какая-то альтернатива?
0 votes4 answers -
Ссылки в iframe. Нужена помощь
Доброго времени суток форумчане. Сразу оговорюсь, что я совсем новичок в HTML, но прежде чем создать тему попуглил данную проблему, но нашел решения. Проблема следующая: Есть сайт к файлам которого у меня нет доступа (сайт 1). Я создал на своем сайте (сайт 2) страницу с фреймом в котором отображается содержимое сайта 1. На сайте 1, есть много ссылок (меню и т.д), при клике на которые все содержимое открывается внутри моего фрейма но мне нужно, чтобы при клике на любую ссылку она открывалась не во фрейме а уже с настоящим URL сайта 1. Желательно, чтобы это происходило в том же окне где был фрейм. Каким способом можно решить данную проблему? Заранее благодарю за ответы.
0 votes3 answers -
CSS Спрайт
Всем доброго времени суток. Столкнулся вот с такой проблемой, то ли я туплю, то ли делаю что-то не так с css спрайтом. Есть вот такой кусок html кода: <div id="social-button"> <a href="#" id="social-button1"></a> <a href="#" id="social-button2"></a> <a href="#" id="social-button3"></a> <a href="#" id="social-button4"></a> </div>И так же кусок css: #social-button { width: 162px; height: 32px; float: right; margin-right: 30px; margin-top: 65px;}#social-button1 { width: 33px; height: 33…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-