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
-
table внутри div
Есть Div, он резиновый, текст в нем нормально отображается, вставляю таблицу - а таблица мало того выезжает за границы div'а так еше и поверх текст идет, хотя текст идет после таблицы. ЧТо делаю не так?
0 votes1 answer -
z-index
Здравствуйте. Помогите пожалуйста с выполнением задания. Вот ссылка на книжку http://www.mkgt.ru/files/material-static/422/dhtml/04.htm Задание 5. Заранее благодарю!
0 votes0 answers -
Подскажите с float
Есть контейнер <div id="container"> в нем 5 контейнеров <div class="s"> 3-й контейнер <div class="s h"> по высоте больше чем другие, 5-й контейнер не вмещается в строку и втыкается в 3-й. Как сделать чтоб 5-й контейнер обходил 3-й? вот код .s{ float:left; width:300px; height:300px; background:#fc0; margin:10px 0 0 10px; } .h{ height:400px; }
0 votes4 answers -
Не могу обуздать картинки
Не судите меня строго,я начинающий.У меня такая проблема.Есть некая картинка,на весь экран, на ней два флажка ссылками.При уменьшении экрана флажки разлетаются. По логике надо бы картинку с флажками завернуть в div,но как это сделать технически??не знаю. Подскажите пожалуйста. <head> <title>Шах Лав Вест</title> <style type="text/css"> body { background-color:#420200; background-image:url(http://shahlavwest.ru/images/welcome.jpg); background-repeat:no-repeat; background-position:center } .flag_1 { float: left; padding: 500px 0px 0px 220px } .flag_2 { float: right; padding: 500px 220px 0px 0px } </style> </head> <body> <div c…
0 votes1 answer -
Резкость для текста
Допустим существует такая ситуация, текст в макете задан X шрифтом и с резкостью,вопрос:"Как задать тексту резкость непосредственно при верстке?"
0 votes1 answer -
Отменить skew
http://jsfiddle.net/Zverushka/ZS3Y4/1/ Как видите отмененные трансормации для внутреннего слоя все равно его искажают - текст стал уже (как и сам слой видимо). Как отменить вот эти 2 трансформации для ребенка нормально? Как мне удалось сейчас понять - нужно отменять трасформации в порядке назначения (обратном). Вот такая конструкция уже прекрасно работает: http://jsfiddle.net/Zverushka/ZS3Y4/3/ Но как вы можете заметить skew(20deg, 0) skew (0, 20deg) - не тоже самое, что и skew(20deg, 20deg); (ромб не идеальной формы получился). Как же мне оставить ромб нужной формы и в то же время провести обратную трансорфмацию?... Я попробовала сгенирировать матрицу - но результат…
0 votes1 answer -
Выбор произвольного цвета Chrome
Необходимо было сделать выбор произвольного цвета. Получилось вот так: <script type="text/javascript"> function rndColor() { var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); var rgb = 'rgb(' + r + ',' + g + ',' + b + ')'; document.bgColor = rgb; }</script> <select> <option onclick="rndColor()">random color <option >another option </select>В общем работает в FF и в IE, но вот Chrome отказывается. Как исправить? Я так понимаю что хрому нужно указать цвет в hex формате, подскажите как…
0 votes1 answer -
Спрятать блоки
Всем привет!!! Помогите разобраться есть такой код http://jsfiddle.net/2cnysy8z/ . Проблема в следующем я задаю для ul overflow: auto; то есть по идеи если контент не влазит должны появляться полосы прокрутки, ну все вроде бы правильно, но когда я задаю для li float: left, то блоки с картинками все равно остаются один под одним, они не встают флоатом, если применить классы, которые я закоментировал то получатся то что мне нужно, но я не могу понять, почему блоки не встают так как работает флоат , мне надо чтоб они вставали автоматом , а не через класы, ибо если добавить новый li то для него опять надо писать клас. а посути они просто должны флоатить
0 votes2 answers -
Нестандартные шрифты
В макете используется шрифт font awesome, я его скачать от сюда http://fontawesome.veliovgroup.com/ и установил. Вот сам макет http://i63.fastpic.ru/big/2015/0212/71/89b766b890eab9dfb7ac2c641801dd71.jpg Теперь хочу достать вот эту иконку из макета В фотошопе она называется так
0 votes3 answers -
Убрать лишние 20px после <form>
Доброго времени суток. Возникла проблема следующего рода, пытаюсь убрать лишние 20px между "шапкой" с названием сайта, формой авторизации и красной полосой навигации по сайту. Т.е. просто нужно прижать форму авторизации вплотную к полосе навигации. Посмотрел подсветку отдельных элементов инструментом разработчика в яндекс.браузере и он отображает мне что на элементе <form> высота в 98px, во всех остальных элементах высота равна 78px. Пример: http://tsw.su/test/registration.php
0 votes4 answers -
вставить текст чтобы он был виден только поисковым системам
Есть сайт на вордпресс , есть своя темя и собрана она с картинок самого дизайна, в одмин части ничего не добавлялось, просто были созданы страницы (главная контакты итд ) создал шаблоны для каждой страницы и шаблоны состоят просто с набора изображений. Как вставить текст только так чтобы его видели поисковые системы, допустим есть Главная установил плагин All In One SEO Pack настроил на главной странице в админ панели прописал текст? для блока вывода в css поставил значение display: none; Будут ли поисковые системы воспринимать этот текст на главной !????
0 votes4 answers -
позиционирование
в раппере , хедер позишин релатив, потом див баннер-он появляется выше хедера почему ? я как понимаю второй див должен встать под хедером, а он становится над ним
0 votes3 answers -
Прозрачная полоска с пиксель достала
Всем привет. Есть ли лечение вот такого трабла? Ссылка Такая тема то исчезает то появляется при изменении границ браузера. Подозреваю, что это просто браузеры плохо отрабатывают масштабирование блоков. Или верстка глючит из-за скрипта масштабирования блоков. Код: <article class="article"><span><span></article>article { width: 33.33333%; float: left; background-size: cover;}span { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; display: block; transition: all 400ms ease-in-out;}$(function(){ $('.article').height($('.article').width()/1.5); $(window).resize(function(){ $('.article').height($('.article').width(…
0 votes1 answer -
Помогите пожалуйста !
У меня есть сайт , сделан по макету Ucoz, я хотел бы сделать на нем онлайн каталог ! ( http://oriflame-o.ucoz.ru) ! чтоб добавить в него вотографии и вставить его на сайт! вот как мне это сделать , чтоб примерно посмотреть сайт зайди те на сайт орифлэйм . ру и там нажмите онлайн каталог, вот примерно я такой хочу! я пытался сделать что то с помощью Адобэ, но какую программу надо испольховать....незнаю...помогите пожалуйста!!!
0 votes0 answers -
Подскажите по mod_rewrite
Уважаемые форумчане выручайте... Никак не могу настроить замену урла Надо что бы ссылка http://wzel.ru/count обрабатывалась как http://wzel.ru/?s=tr Просто подмена урла, надо что бы пользователи видели в строке http://wzel.ru/count. За ранее большое спасибо за помощь и ответы.
0 votes1 answer -
сайт турфимы
Вопросец таков: реально ли сваять сайт аналогично tour-box.ru на html? Либо необходимо прибегать к php? на каком принципе вообще построено получение информации с других туристических фирм о необходимом туре? Запросы на сайт, система ссылок?
0 votes3 answers -
Не выравнивает по центру
В общем верстаю вот этот макет http://freeway-design.ru/files/spit.png сейчас мне нужно сделать wrapper чтобы выровнить все что находится от меню до футера, естественно я делаю wrapper указываю ему margin:0 auto; ширину и сохраняю, ничего не происходит, блок так же стоит слева, когда создаю отдельный документ, пробую делать все тоже самое там, враппер работает нормально в чем проблема ? ГДЕ НЕ РАБОТАЕТ WRAPPER РАБОТАЕТ WRAPPER Еще подскажите как сделать через css чтобы после каждого пункта в меню добавлялось |
0 votes3 answers -
видео в отдельном окне
знания html=subzero; браузер="firefox 10.0"; имеется муками безграмотного usera (мной) составленный код: <div style="overflow: hidden; position: relative; width: 610px; height: 360px;"><iframe name="rtv" width="830px" height="640px" frameborder="0" border="0" scrolling="no" src="http://beta.www.livestation.com/euronews/ru" style="position: absolute; left: -15px; top: -80px;"></iframe></div> браузер открывает файл с кодом в новой вкладке (прописано в свойствах браузера); как заставить браузер открывать только этот файл в отдельном окне с заданными размерами и положением (внизу справа) поверх всех окон с отсутствующими вкладками, панелью и воо…
0 votes0 answers -
Вопросы ну-совсем-уж-начинающего.
Здравствуйте. Задался идеей научиться создавать какие-никакие сайты. Не ради заработка, а так, чисто побаловаться, но в то же время уметь приятно удивить друзей красотой созданного сайта. Начал с того, что написал крошечную страницу в блокноте. Пошел дальше и стал изучать бесплатный хостинг Народ и его возможности. Так вот вся суть вопросов. Определенного фундамента знаний HTML/CSS не имею. Хочу узнать, подойдет ли Народ как вариант для изучения языка HTML/CSS? Также не могу понять, с чего начать изучение ХТМЛ. Начинаю читать раздел ХТМЛ на вашем сайте и понимаю, откровенно говоря, мало. Что посоветуете?
0 votes3 answers -
Сверстать background
Не получается сверстать бэкграунд, состоящий из нескольких слоев. Нижний слой - градиент синего, слои повыше (2-3) это облака, которые расположены в шапке, и которые выходят за края браузера, т.е. на более низких разрешениях облака прячутся по краям, на более высоких "выползают". Прикрепляю для образца psd-файл
0 votes3 answers -
проблема с таблицей
у меня таблица уехала вниз, как исправить? <html> <head> <style> div { height: 800px; border: 4px solid #000; background: url(????????1.jpg) 100% 100% no-repeat; background-size: cover; } table { background: url(???????.jpg) no-repeat } a { text-decoration: none; } .layer2 { height: 500px; width: 200px; overflow: scroll; background: #fc0; padding: 7px; border: 1px solid #333; } </style> <title> ???????? </title> </head> <body> <div> <p><h2 style="color:#0000FF" ; align="center" > ???? ???????? ??? "????????"</h2></p&g…
0 votes1 answer -
Нужна ваша помощь
Прошу отнестись с пониманием. Я на данный момент "не очень хороший" хакер. это мягко говоря. Мне надо на сайте в разделе архив новости разбить по месяцам и годам. По месяцам получилось по этому примеру {news summarytemplate="Filter_by_month"} {menu template="eparchy_blue_archive" start_level="3"} но выдает все новости этого месяца за все годы. Вопрос мой простой? как сделать, чтобы новости были за определенный месяц и год.Где что прописать. Заранее всем спасибо и мое почтение
0 votes3 answers -
копирование кода в буфер
выскажите пожалуйста ваше мнение относительно юзабилити сейчас на многих даже солидных сайтах популярно копирование в буфер при помощи ссылки. пример можно увидеть на этой страничке. отличие от ctrl+v в том, что приходится совершать лишнее действие(закрытие модального окна "ок"). я не понимаю чём удобство
0 votes3 answers -
Косяк в верстке, помогите найти.
Сказать честно в верстке и веб програмировании я очень слаб, по этому надеюсь на вашу помощь. Проблема из разряда элементарных я так думаю, просто я совсем чайник. Суть проблемы, отпозиционировал дивами спанами текст как надо, везде отображается нормально...но когда открываю в Internet explorer, текст из php улетает в самый низ дива. За кривой код ногами не пинать HTML <div class="name1"> <div class="name2"> <span class="l1"><strong>Текст1</span> <br /> <span class="l2">текст1</strong></div> <div class="name3"><?php echo $heading_title; ?></div> </div> CSS .l1 {font-size: 50px; color: #0000…
0 votes1 answer -
растягивание элемента из-за отступов
На страничке находится несколько input'ов и кнопка отправить. input'ы растягиваются на всю длину блока. Если input'ам установить padding общая длинна input'а увеличится и он вылазит за пределы отведенной области. Код для примера: <div width="500"> <p>Укажите свой e-mail<br><input type="text" name="email" class="mtinput</p> </div> Код стилей: .mtinput { width:100%; padding:5px; } Если я устанавливаю в стилях padding в 5пх размер input"а будет не 500 а 510пх и он вылазит за пределы области. Это как-то можно поправить? Явно указывать размеры не подходит, так как один стиль используется в нескольких местах где размеры блока разные и идеально…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-