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. Выравнивание текста по нижнему краю в пустом блоке

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

    Asked by Эдди,

    0 votes
    9 answers

  2. Конвертировать PNG в SVG и как правильно поставить

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

    Asked by Mary_RND,

    0 votes
    13 answers

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

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

    Asked by Igor_Dp,

    0 votes
    13 answers

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

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

    Asked by dimacat,

    0 votes
    6 answers

  5. Сложная верстка

    Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен. http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе

    Asked by Gasherezzz,

    0 votes
    34 answers

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

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

    Asked by ivanviar,

    0 votes
    11 answers

  7. Равномерное распределение элементов списка <li>

    Здравствуйте. Имеется простое горизонтальное меню: <ul style="width:800px"> <li>Home</li> <li>About</li> <li>.....</li> </ul> Задана фиксированная ширина. Как правильно средствами css равномерно распределить <li>?

    Asked by Tartyga,

    0 votes
    33 answers

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

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

    Asked by Beck,

    0 votes
    21 answers

  9. Позиция курсора в 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

  10. ПНГ кнопка тянущаяся по содержимому

    Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…

    Asked by psywalker,

    0 votes
    53 answers

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

    У меня возникла белая полоска между блоками 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

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

    Помогите, пожалуйста: Если я все правильно понимаю, то вот такой код в 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

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

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

    Asked by Denisqa,

    0 votes
    2 answers

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

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

    Asked by TonKhaO,

    0 votes
    6 answers

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

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

    Asked by prowoke,

    0 votes
    8 answers

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

    В 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

  17. 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

  18. Расположить div по центру внутри другого div

    Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)

    Asked by Prizrak,

    0 votes
    1 answer

  19. Расширение td на всю tr

    Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

    Asked by Squidward,

    0 votes
    2 answers

  20. Раскрывающийся текст

    Подскажите как сделать так, чтобы при нажатии на строку/ссылку под ней раскрывался бы ещ? текст (пару абзацев), а потом при нажатии снова на эту же строку/ссылку текст бы закрывался. Это реализованно, например, в справке Windows - нажимаешь на плюсик - текст раскрывается, нажимаешь ещ? раз - закрывается.

    Asked by Alexx,

    0 votes
    1 answer

  21. Вертикальное выравнивание в 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

  22. Задать отступы между блоками <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

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

    Уверен, что многие дизайнеры и верстальщики знают два приведенных ниже правила: 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

  24. Выравнивание div'ов внутри div'а если есть float:left

    Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.

    Asked by Satiin,

    0 votes
    7 answers

  25. деминифицировать js-код

    скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?

    Asked by cyklop77,

    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