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. Конвертировать PNG в SVG и как правильно поставить

    Доброго времени суток. Возникло пару вопросов: - Пытаюсь конвертировать png в svg через вот этот сервис https://convertio.co/ru/png-svg/ . Картинка цветная, на выходе она получается черно-белая... так и должно быть? - А как данную картинку потом вставить, если правильно, что она получается черно-белой... (хотя в принципе как правильно поставить svg) Вроде смотрела примеры, но что-то не поняла.. *первый раз пробую поставить svg Спасибо ^^

    Asked by Mary_RND,

    0 votes
    13 answers

  2. растянуть блок до самого низа

    Нужно растянуть левый блок до самого низа, весь форум перерыл - работающего ответа не нашел. Помогите пожалуйста, вот код: <!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" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>сайт</title> <!--<link rel="stylesheet" type="text/css" media="all" href="base.css">--> <style> *{margin:0;padding:0} html { height: 100%; } body { font-family:Verdana, Helvetica, sans-serif; font-size:12px; position: rela…

    Asked by JIEXA,

    0 votes
    8 answers

  3. Сделать картинки квадратными

    Вечер добрый. Возникла проблема. Циклом из php получаю аватарки пользователей, но они все разные, прямоугольные (горизонтальные, вертикальные), маленькие, большие. И хочу с помощью css делать образать те что большие, и маленькие увеличивать и делать квадратными. Пробовал с помощью clip: Но не получилось, т.к все картинки разные, не знал что поставить или быть может какое то условие для стилей. Пока не придумал. Прошу у вас совета.

    Asked by Tchorteg,

    0 votes
    9 answers

  4. Позиционирование меню поверх слайдера

    Всем доброго времени суток! Не могу определиться, как сделать следующее => есть слайдер (использую slick), поверх которого нужно разместить менюшку и логотип. Изначально я планировал слайдеру задать "position: absolute", а блоку с менюшкой и логотипом - "z-index: 2" (чтобы он был поверх слайдера). Но когда я задаю слайдеру "position: absolute" - с ним происходит что-то ужасное (он в несколько десятков раз увеличивается и соответственно все ломается). Подскажите, как такое можно сделать??

    Asked by Igor_Dp,

    0 votes
    13 answers

  5. Размер div под его содержание

    Вот тут задался вопросом. Можно ли div-у задать, что-то типа width:auto, чтобы его ширина автоматически подстраивалась под размер его содержимого. Или в таких случаях всегда используют табличную верстку? Заранее спасибо.

    Asked by Beck,

    0 votes
    21 answers

  6. Один div над другим

    Верстаю резиновый сайт на div-ах. Всего три блога: 2 слева один над другим, 3-ий справа. Проблема в том, что в разных браузерах отображается по-разному: если в FF всё нормально, то в IE div-ы либо наслаиваются... и наоборот. <div id="page"> <div class="sid"> <div class="trans"></div> <div class="text"> Боковая flash-колонка (sidebar)</div> </div> <div id="page"> <div class="name"> <div class="trans"></div> <div class="text"> Логотип (Dream Design)</div> </div> <div class="note"> <div class="trans"></div> <div class="text"> Основная часть (page)</div> </d…

    Asked by Sam Trammell,

    0 votes
    15 answers

  7. Counter для slick-slider

    Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку

    Asked by brezze,

    0 votes
    3 answers

  8. input на мобильных устройствах

    Добрый день, Помогите, пожалуйста. На мобильных устройствах при нажатии на input всплывает клавиатура, а само поле ввода увеличивается до конских размеров, сдвигая все остальное: т.е. кроме это поля, по сути, больше ничего не видно. Можно ли сделать так, чтобы при нажатии на input только появлялась клавиатура, а все размеры и масштабы оставались как есть. Спасибо. Иван

    Asked by ivanviar,

    0 votes
    11 answers

  9. Выравнивание текста по нижнему краю в пустом блоке

    Проблема нижеописана. Возможно, нет решения. Тогда знать бы, что нет, буду юзать таблицы. Сайт состоит из двух столбцов. Слева меню, справа основная часть. Меню довольно длинное. В основной части в некоторых случаях не больше одного абзаца. То есть много пустого места. Как расположить, скажем, строку текста по нижнему краю правого столбца, примерно, где заканчивается меню в левом столбце, когда на этой строкой будет много пустого места. Да. Если высота блока фиксирована, можно. Но высота столбца переменна. Это возможно?

    Asked by Эдди,

    0 votes
    9 answers

  10. Полоса прокрутки Iframe как ее УНИЧТОЖИТЬ?

    Как убрать вертикальную полосу прокрутки у Айфрейма,но оставить возможность прокручивать...

    Asked by romoga,

    0 votes
    6 answers

  11. Типографика контента по Ководству Лебедева

    Уверен, что многие дизайнеры и верстальщики знают два приведенных ниже правила: 1. В оформлении русского текста кавычки должны выглядеть как «елочки». 2. Эти самые кавычки должны выносится за границу текста. Вполне подробно и ясно эти правила для Рунета были озвучены Артемием Лебедевым еще в 2004 и 2005 годах соответственно (см. параграфы Ководства «Кавычки» и «Висячая пунктуация»). Для простоты реализации этого принципа я пользуюсь следующим куском CSS: Q {quotes: '«' '»' '"' '"'; behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '«' + this.innerHTML + '»') : '');} Теперь любой текст, заключенный в тэг Q, будет браться в кавычки "елочками". …

    Asked by solovets-denis,

    0 votes
    42 answers

  12. Позиция курсора в textarea

    Создаю простенькую форму с одним полем textarea, но при щелчке мышью по этому полю курсор устанавливается не в верхний левый угол, а в месте щелчка. Если при загрузке страницы применяю небольшую функцию на JS, <script type="text/javascript"> function ClearForm() { document.form.text.value=''; } </script> ... <body onload="ClearForm()"> <form action="" method="post" name="form"> <textarea cols="40" rows="10" wrap="virtual" name="text"></textarea> </form> ... курсор устанавливается так, как положено. В чём может быть проблема?

    Asked by Ornament,

    0 votes
    5 answers

  13. Проблема с checkbox

    Приветсвую ! Подскажите, пожалуйста, как выровнять текст возле checkbox'а ровно посерединке флажка ? А то в Хроме почему-то текст слегка смещён вниз.

    Asked by dimacat,

    0 votes
    6 answers

  14. Выпадающее меню и таблица

    Приветствую. Имеется любопытное выпадающее меню на CSS/JQuery. А у меня страничка с таблицей на всю область экрана. При верстке я получаю - таблица закрывает собой меню. Если установить таблице (или её содержимому) z-index, равный скажем "-1", то я вижу меню. Но только элементы-папки. Содержимого нет (равно как и стрелочки вниз). И по наведению/клику не разворачивается (выпадает). Если же не ставить таблице/содержимому z-index, а задать его для менюшки (отдельно в стилях моей страницы либо в тексте css-файла, являющегося частью меню) скажем в значение "5", то не отображается опять же. Вопрос в том, где мне порыться, где покопать, чтоб смочь сверстать как необходимо (менюш…

    Asked by hAhol,

    0 votes
    28 answers

  15. Как изменить размер видео

    В html размеры прописаны так: <div class="video"><iframe width="280" height="200" src="" frameborder="0" allowfullscreen></iframe></div> Как прописать размеры видео в css без приписки width, height в iframe ?

    Asked by Yeldos,

    0 votes
    4 answers

  16. Задать отступы между блоками <li>

    Здравствуйте. Подскажите как изменить расстояние между блоками ul.stroka li { display:inline-block; border: 1px solid #000; width:50px; height:50px; background: #00FF21; } В итоге я получаю расстояние по горизонтали между блоками 4px, а по вертикали 20px Как мне и по вертикали и по горизонтали установить отступ 10px https://jsfiddle.net/Ser8191/gs5fqxL5/5/

    Asked by Ser8191,

    0 votes
    15 answers

  17. Смена цвета ссылки при наведении курсора

    Помогите, пожалуйста: Если я все правильно понимаю, то вот такой код в CSS a.lang:link { color: #CDC8B1; text-decoration:underline; } a.lang:hover { color: #363636; text-decoration:none; } a.lang:visited { color: #CDC8B1; } должен для ссылки <a class="lang" href="../eng" title="English version">ENG</a> при наведении курсора менять цвет и убирать подчеркивание. Не понимаю, почему цвет не меняется (хотя должен), а подчеркивание убирается (как и нужно). Подскажите, пожалуйста, где я ошибся. Спасибо.

    Asked by Гайдамак,

    0 votes
    8 answers

  18. Полоска между блоками

    У меня возникла белая полоска между блоками header и content. Как убрать данную полоску? body { margin: 0px; padding: 0px; } #wrap { margin: auto; width: 1000px; } #header { height: 200px; background: url(../img/header-background.png) #348016 repeat-x; } #logo { text-align: center; padding-top: 34px; } #content { background-color: #CCCCCC; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> …

    Asked by mastermedia,

    0 votes
    2 answers

  19. Сделать часть картинки .png прозрачной

    Здравствуйте. Вот есть у меня картинка. Её я вставляю на сайт. На этой картинке рисунок, он на белом фоне. Фон идёт вместе с картинкой, т.е. прямоугольником или квадратом. Ну так вот. Как сделать, чтобы фон этот просвечивался, а оставалась только картинка? Вообще это такая распространённая задача, но я забыл, как я раньше её решал. Помогите, пожалуйста.

    Asked by prowoke,

    0 votes
    8 answers

  20. select

    1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло <select name="s" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}

    Asked by html,

    0 votes
    6 answers

  21. В чем фактическое отличие display: inline и float: left

    Народ возможно за такой вопрос вы меня захотите побить но мне реально интересно, инлайны и зафлоаченные лефтом блоки в чем их фактическое отличие, ведь и те и другие дают облегать слева другим элементам То есть в чем разница 1. display: inline 2. float: left если элемент блоковый и кстати тоже было бы интересно узнать что такое когда float: left; и display: inline (про баг ИЕ6 который исправляется как раз инлайном я знаю) но что это за зверь интересно :-) Просьба сильно не ругать а обьяснить либо ссылочкой либо на словах

    Asked by TonKhaO,

    0 votes
    6 answers

  22. Как удалить favicon.ico?

    Всем привет. Надеюсь на вашу помощь. У меня на сайте была иконка (favicon.ico), затем я решил ее удалить. Удалил. Но она все равно отображается. Как это исправить? Иконку удалил точно. Заранее спасибо.

    Asked by Denisqa,

    0 votes
    2 answers

  23. Ширина DIV по ширине внутренних блоков

    Вопрос наверное глупый, но всё же... Есть DIV заданной ширины, внутри него есть DIV контейнер, внутри контейнер располагается некоторое число блоков (неизвестное) заданной ширины. Задача: сделать контейнер равный ширине содержащихся внутри него блоков (включая margin и padding), проще говоря, нужно растянуть контейнер горизонтально по содержимому, которым являются блоки фиксированной ширины. В реальности нужно для следующего. Галерея. Cписок картинок. Если вход выполнен под суперюзером, под картинками появляется блок управления из иконок (иконки выполнены как <a href="" style="display: block; width:20px; height: 20px; background: transparent url('img/icon.gif') 0 -100;…

    Asked by AKyHuH,

    0 votes
    55 answers

  24. смещение текста

    Привет, не пойму в ч?м дело. Текст смещается когда нажимаю на ЭНТР (начинаю новый параграф ) как это можно исправить?

    Asked by vrednyu4aya,

    0 votes
    25 answers

  25. Вертикальное выравнивание в input type="text"

    Доброго времени суток, уважаемые форумчане. У меня есть текстовый input, который должен выглядеть вот так . При этом текст, который пользователь вводит в это поле, должен быть центрирован вертикально. В коде это выглядит так: HTML: <form action="" method="get"> <input class="search" type="text" name="search" value="Поиск" /> <input class="submit" type="image" src="images/lens.png" name="doSubmit" /> </form> CSS: input.search { background: url(images/search_box.gif) top left no-repeat; font: 12px 'Arial'; height: 21px; line-height: 21px; width: 95px; } Проблема в вертикальном центрировании текста. Opera центрирует по умолчанию, IE - при ук…

    Asked by Kaiden,

    0 votes
    3 answers
×
×
  • 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