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
-
Подскажите, что это за шрифт?
Сегодня обновил Itenes и увидел шрифт, который очень понравился. Подскажите, что это за шрифт?
0 votes3 answers -
альтернатива google drive
Вечер добрый Ранее хранил макеты, которые верстаю/сверстал на google drive, т.к. просто удобно, да и посмотреть в любой момент можно. А вот недавно вернулся туда, и увидел их обновлённый диск, и возможности хранить сайт для просмотра, как раньше, уже не увидел (или плохо смотрел), по-этому вопрос: есть ли похожие альтернативы гугл драйву, чтобы хранить сайт и просматривать как готовую страницу. может яндекс диск пойдёт? upd. интересует просто хранилище для черновиков, бесплатное.
0 votes6 answers -
Как закрепить картинку в среднем блоке
Здравствуйте, Коллеги! Сайт на готовом движке http://mobilang.ru Свертан в три колонки. В средней колонке разместил картинку, но при изменении ширины окна браузера она выпадает вниз. Хотелось бы, чтобы картинка всегда была на месте. при любой ширине окна браузера. Как то это можно сделать? В CSS файле следующие записи про эти колонки: #leftcol { position:relative; top:-10px; left:-10px; float:left; width:260px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:280px; /* actual value */ margin:0 0 -10px 0; padding:0px; z-index:5; } #rightcol { position:relative; top: -10px; right:-10px; float:right; width:300px; /* for IE5/WIN */ voice-family: "\"}\"";…
0 votes6 answers -
Как вывести уменьшенную копию картинки через .css?
Вопрос решен.
0 votes0 answers -
Съезжает боди.
Помогите понять, почему страница кривит. Причем в ИЕ нормально, а мозила и сафари с телефона - глючат. Ссылка удалена
0 votes3 answers -
Помощь в отсылании переменной
Ребят, имеется вот такой код <select name="material1" tabindex="1" class="material1"> <option value="1">ЭКОНОМ (Россия) Глянец\Мат\Сатин до 1.5м шириной</option> <option value="2">СТАНДАРТ (Бельгия Polyplast) Глянец\Мат\Сатин до 5.5м шириной</option> <option value="3">ЭЛИТ (Германия Pongs) Глянец\Мат\Сатин до 3.5м шириной</option> <option value="4">ЭКСКЛЮЗИВ (Франция Barissol) Глянец\Мат\Сатин до 2.3м шириной</option> <opt…
0 votes3 answers -
Блоки вразнобой и фон по наведению
Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?
0 votes3 answers -
Sublime text 2
Здравствуйте, вопрос немного не по теме, но незнаю где еше спросить, кто пользуется Sublime text 2, подскажите пожалуйста, почему нельзя выбрать несколько строк, нажать Таб и что бы они передвинулись? Раньше пользовался Notepad++ и там была такая функция, может тут есть какой-то аналог?
0 votes8 answers -
IE не подхватывает кодировку
Как сделать, чтобы IE открывал страницу в соответствии с заданной кодировкой. В частности, у меня страница в утф-8. А браузер открывает ее в 1251. В настройках есть "Автовыбор". Но не срабатывает при первом открывании страницы. Однако, если Автовыбор сбросить, переоткрыть страницу, потом опять установить, переоткрыть. То открывается как нужно. Но мне нужно, чтобы с первого раза. Вот код: <!DOCTYPE HTML> <HTML> <HEAD> <META CONTENT="text/html;charset=UTF-8"> <TITLE>утф 8</TITLE> </HEAD> <BODY> ТЕКСТ </BODY> </HTML>
0 votes13 answers -
Интересная стрелка, как?
Всем доброго вечера, требуется стрелочку сделать на CSS, но не могу понять откуда начинать. Вот что приблизительно нужно на CSS: Как можно похожее реализовать, через transform возможно ? Может есть у кого что-то похожее, надеюсь на любую помощь. Спасибо !
0 votes7 answers -
bloki
http://codepen.io/anon/pen/LJmDx Помогите , как работать в 960 , нужно сделать 3блока ( внизу под текстом в блоке 2 любые кнопки) наверху одинаковых в 960 гс и под ними еще два толко 1 блок долэн быть как на верху а второы в 2 раза больше. текст расползается.
0 votes3 answers -
Закругленныи конец в header
<nav id = "navigation"> </nav> css #navigation{ height:40px; background-color:rgb(150,150,150); margin-top: 10px; } Skajite kak sdelat zakruglennyi konec u headera.
0 votes1 answer -
960gs
Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.
0 votes10 answers -
banner
как разместит в баннере картинку, во весь баннер. html kod <aside id = "banner"> <img src="../covers/roma2.png"> s kartinkoy problema </aside> css: #banner{ height: 150px; margin-top: 15px; background-color:rgb(150,150,150); }
0 votes6 answers -
Вёрстка с позиционированием?
В примере http://demo.fabthemes.com/nautilus/ блоки статей расположены весьма необычно. Их размеры указаны посредством position: absolute. Хотелось поинтересоваться: каждый блок верстается отдельно, со своим расположением? А если это новостной сайт, где при прокрутке страницы подгружаются всё новые и новые статьи? Как можно сверстать подобную страницу с минимумом временных затрат? Должна же быть какая-то хитрость Также интересно как называется такой дизайн.
0 votes2 answers -
Верстка меню
Подскажите пожалуйста, как мне сверстать это меню правильно. При нажатии на пункт "Статьи" отображаются все подпункты всех пунктов, а мне нужно чтобы при нажатии на "Статьи" отображались только пункты "Города", "Страны", а при нажатии на страны отображались "Федеративные" и т.д. Вот код меню со стилями: <div id="navigation" class="row navigation"> <div class="moduletable"> <ul class="nav menu"> <li class="item-101 current active"><a href="/">Главная</a></li> <li class="item-120"><a href="/kategorii-k2">Контакты</a></li> <li class="item-139"><a href="/magazin">О нас</a></li> <…
0 votes1 answer -
Как лучше зарезинить блоки?
Добрый день! Не знаю как лучше зарезинить блоки справа в соответствии со слайдером. Адаптировать медиа запросами не хочется. Вот сайт, отключил все лишнее. http://ofb3752.bget.ru/
0 votes7 answers -
Как вы очищаете поток? (float'ы)
Здравствуйте! Скажите, почему очищать поток с помощью overflow: hidden не желательно? Например, в шапке расположены 3 блока с float'ами. Как вы очищаете поток? Создаете новый див и присваиваете ему clear:both? И всегда и нужно пользоваться подобным способом?
0 votes3 answers -
unexpected $end
Извиняюсь за многабуков внизу( все однотипное правд но на всякий случай скинул весь блок). Делаю игру ( угадай число) и натолкнулся на проблемку. Parse error: syntax error, unexpected $end in /home/u177089695/public_html/gam2.php on line 203 Не работает именно из за кейсов, т.к. без них игра работает. Подскажите что не так сделал пожалуйста! switch ($t) {case 1:?><table> <tr> <td style="background-images: url(images/cat/1.png);"></td> </tr></table><?php break;case 2:?><table> <tr> <td style="background-images: url(images/cat/2.png);"></td> </tr></table><?php break;case 3:?><table…
0 votes4 answers -
Годиться ли такая форма?
Годиться ли такая форма? Подскажите пожалуйста ошибки, если они есть. И можно ли по другому сделать? http://codepen.io/anon/pen/tigle?editors=110
0 votes13 answers -
помощь в строках таблицы
Ребят, не знаю, туда ли написал или нет... не судите строго. Нужна помощь, хотелось бы знать, как реализовать такие вот строки... Нужно в точности перерисовать эту таблицу в html вид и вот не знаю, как опустить эти строки Заранее благодарен.
0 votes2 answers -
сползают блоки при уменьшении окна браузера
я только начинаю учить програмирование, и возникла проблема... http://dropmefiles.com/061578 1 фото когда окно браузера га весь екран 2 фото когда я делаю его меньше... блоки просто сскользают, что делать? или код надо кинуть?
0 votes1 answer -
Срез угла кнопки через css
Доброго времени суток! Подскажите, пожалуйста, как можно через css сделать подобный срез угла (правый нижний угол). Как сделать все остальные части кнопки знаю (градиент, скруглённые концы)... Спасибо! https://yadi.sk/i/na_n8fFAcKkBw
0 votes2 answers -
Разъезжается меню
Добрый день. Есть сайт fedorgroup.ru при нажатии по главному меню все нормально, но как только нажимаю отправить запрос - посмотрите сами что происходит. Из-за чего проблема?
0 votes2 answers -
как обрезать изображение?
В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-