Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Адаптивный дизайн

    Добрый вечер, господа. Есть сайт написанный с использование bootstrap Все отлично, но вот проблема с футерем при разрешении 786x1024 Ссылка на cайт: http://justexemple.host56.com/ Вот изображение того как футер выглядит http://c2n.me/3ddzptb Подскажите как решить такую проблему

    Asked by alex.kv,

    0 votes
    1 answer

  2. Наложить блоки на картинку

    Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head&gt…

    Asked by oledgan,

    0 votes
    3 answers

  3. макет

    приветствую,народ я начинающий подскажите как сверстать текст,что бы он так же отображался как в макете(с переносами с отступами и т..д.)

    Asked by Krendel,

    0 votes
    18 answers

  4. Как настроить перетекании текста

    Всем доброго дня, Подскажите, как сделать перемещение текста из одной колонки в другую Макет: http://prntscr.com/6a12l1 Сейчас я использовала свойство columns, но все содержимого разбивается на три колонки, а мне надо что бы колонки по вертикали тянулись и размножались, вот как-то так Вот как сейчас все выглядит http://azharova.ru/test/ee.html

    Asked by Anna Zharova,

    0 votes
    8 answers

  5. выравнивание горизонтального меню с картинками

    Здравствуйте,столкнулся с проблемой,не могу выровнять в горизонтальном меню картинки,сейчас это выглядит вот так http://slayers.zz.vc/ ,а нужно что бы ссылки были под картинками. <style> .menu_head{float:right;margin-top:17px;display:table;}.menu_head li{display:table-row;float:left; }.menu_head li a{display:table-cell;text-align:center;}</style> <ul class="menu_head"><li><a href="#"><img src="img/home.png"/>Про комплекс</a></li><li><a href="#"><img src="img/key.png"/>Квартири</a></li><li><a href="#"><img src="img/shopping.png"/>Покупцям</a></li><li><a …

    Asked by BlooDSikeR,

    0 votes
    7 answers

  6. Модальное окно поверх этого же модального окна

    Здравствуйте. Прошу кликнуть в этом прекрасном блоке на 4-м раунде кнопку "Подробнее", а затем в лайтбоксе на кнопку "Принять участие". Хочется, чтобы второй лайтбокс был над первым. Ну и очень хочется, чтобы первый ретировался туда, откуда вышел. Нашла такое и такое. Но насчёт второго с z-index'ом ни разу не слышала. А по первому - может, совет и хороший. Но нет времени учить JS, нужно модальное окно) П.С. Обещаю JS подтянуть, то самоё уже надоело спрашивать.

    Asked by kattiperk,

    0 votes
    8 answers

  7. Сохранение символа и его вывод на экран, вся цепочка процесса

    Тема не о верстке, но не нашел раздела форума, где можно спросить было бы, поэтому пишу в этом разделе. Сколько не читаю статьи, никак не могу "въехать", я опишу, как вижу "мир", а вы, пожалуйста, напишите, где неправильно и как правильно. Большое вам спасибо! Я открываю текстовый редактор, нажимаю клавишу на клавиатуре. Контроллер клавиатуры отправляет процессору код нажатой клавиши. Операционная система передает этот код в текстовый редактор. Текстовый редактор определяет какая кодировка выбрана в операционной системе. Далее коду нажатой клавиши сопоставляется значение символа в текущей кодировке операционной системы. Например, код клавиши - 100, в кодировке windows-…

    Asked by FanAizu,

    0 votes
    1 answer

  8. Меню съехало

    Что-то не получается убрать этот промежуток. Съехало все после того, как добавил картинку звездочки в элемент списка. <body> <div class='wrapper'> <header> <img src="images/logo.png"> <div class='right'> <a href="#"><img src="images/search.png"></a> <button type='submit'>LOGIN or REGISTER</button></div> <div class='clearfix'></div> </header> <nav> <ul> <li><a href="/home/">Home</a></li> <li><a href="/products/">Products</a></li> <li><a href="/about/">About</a></li> <li>&lt…

    Asked by sp0k1e,

    0 votes
    3 answers

  9. Как растянуть блок на оставшуюся высоту.

    Пробую верстать сайт.Возникла проблема растянуть блок блок на оставшуюся высоту,но не знаю как это сделать. Пробовал три метода. Вот скрин что нужно сделать. [hide] [/hide] Вот код HTML: <!-- Контент --> <section id="content" class="margin-center"> <!-- Левая часть контента --> <section id="left-aside-content"> <article> <header class="hookah-icon"><a href="#"></a></header> <p>Максимальное наслаждение от курения ароматного, сладкого кальяна.</p> </article> <article> …

    Asked by ELBegemotos,

    0 votes
    2 answers

  10. Нужно ли сейчас уметь писАть код руками

    Здравствуйте. Хотелось бы из полиграфического верстальщика переквалифицироваться в web верстальщика. В связи с этим вопрос. Нужно ли в нынешних реалиях уметь писать код полностью руками? Если да, то сейчас акуально изучать сразу HTML5? Потому как знаю есть Dreamweaver в котором все гораздо проще чем писать в Notepad++, и, на сколько я знаю, есть Muse в котором просто рисуешь что тебе нужно, а он все это переведет в грамотный код. Выскажитесь профессионалы так ли это? Спасибо.

    Asked by KoKa,

    0 votes
    8 answers

  11. Ссылка с якорем и без.

    Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?

    Asked by Vicos,

    0 votes
    8 answers

  12. Прижать элемент

    Приветствую! Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt

    Asked by Vans,

    0 votes
    2 answers

  13. Можно ли скриптом отловить смену ориентации?

    Можно ли скриптом отловить смену ориентации экрана устройства?

    Asked by alleclf,

    0 votes
    2 answers

  14. Как фотошоп показывает отсутствующие шрифты и еще пара вопросов от новичка

    Глупый наверное вопрос. Если я открываю макет, в котором используются шрифты, которых нет у меня в системе, он будет показан, как его задумывал дизайнер или шрифты заменятся на другие? Могу я не устанавливая шрифтов делать скриншот и спокойно верстать? Разумеется не трогая текстовых слоев и не нажимая вот тут "ОК" Можно ли из .psd файла получить все используемые шрифты, допустим в текстовый файл? Какие инструменты есть для работы со шрифтами (сохранить в другой формат, вырезать лишнее и т. д.)?

    Asked by Shiza,

    0 votes
    2 answers

  15. Как правильно определить разрешения экрана

    Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

    Asked by alleclf,

    0 votes
    20 answers

  16. Футер съехал вправо

    Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    11 answers

  17. Подскажите по верстке

    Здравствуйте. Не могу разобраться с версткой. Что предполагается: Что получается: http://jsfiddle.net/0jkoaz4w/9/ Таблица уехала в какие то дебри ( Подскажите, как правильно сделать.

    Asked by Trident,

    0 votes
    1 answer

  18. Свои атрибуты в SVG

    Можно ли в SVG файл вставить свои атрибуты и уже на сайте вывести картинку и получить эти атрибуты через JS?

    Asked by Vlad,

    0 votes
    2 answers

  19. Как стилизовать нумерованный список?

    Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!

    Asked by donkos,

    0 votes
    4 answers

  20. Как мне сделать такое меню ?

    http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg Как мне сделать такое меню ? Вот что есть http://jsfiddle.net/mnuy4o11/ не могу последние слова About us, My collection, Login не могу задать им отдельно цвет текста и сделать его не заглавными буквами, точнее могу но если использовать !important читал что лучше избегать его.

    Asked by Shenia132,

    0 votes
    2 answers

  21. Как решить проблему с z-index?

    Доброго времени суток! Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана). Как решить такую задачу? Пример

    Asked by web-monster,

    0 votes
    1 answer

  22. Как сделать у меню вот такой угол закругленный ?

    Подскажите как сделать вот такой закругленный угол ? http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg

    Asked by Shenia132,

    0 votes
    3 answers

  23. HTML разметка по методологии БЭМ

    Доброго времени суток! Осваиваю верстку по методологии БЭМ. Не совсем понятно как делать HTML разметку. Как я понимаю нужно именовать классами все теги и при этом все блоки состоят из элементов, дальше все элементы состоят из блоков, далее эти блоки состоят из элементов, далее эти элементы состоят из блоков и так далее? То есть непонятно как определить где блок а где элемент, согласно вложенности? Вот так например правильно? http://codepen.io/Andre_w/pen/EaLVJW?editors=100 Правильно я понял разметку по БЭМ или не совсем?

    Asked by Andrew_007,

    0 votes
    4 answers

  24. SEO frendly перемещение блоков

    Добрый день. Есть известная фишка о том, что для SEO полезно, чтобы текст содержащий ключевые слова был как можно выше по коду страницы, таким образом робот присвоит ему более высокий коэффициент значимости и в целом это даст положительный эффект. Из соображений красивости дизайна у меня есть необходимость того, чтобы перед этим самым "ключевым" текстом (выше него на странице) шел достаточно большой, но бессмысленный с точки зрения SEO блок. Так вот, есть ли возможность поместить этот блок по коду ниже, но так, чтобы он выводился на странице выше и при этом влияние используемых средств (z-index или что-то другое) не оказало негативного воздействия на продвижение в целом?

    Asked by Nicolai6120,

    0 votes
    0 answers

  25. плагин для проверки размера и формата файла

    посоветуйте пожалуйста js-плагин, который имеет штатные методы проверки формата и размера загружаемого через форму файла. не jqueryvalidate

    Asked by cyklop77,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept