HTML Coding

29542 questions in this forum

1. Ширина 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, November 6, 2009

   0 votes
   55 answers
2. как нужно выравнивать футер

   знаю только position:absolute; bottom:0; —-- налазит, если изменить размер окна, на блоки сверху. как сделать, чтобы было все время снизу и при этом не налазило на верхние блоки никогда?

   Asked by Slyfox, January 29, 2008

   0 votes
   5 answers
3. Помогите исправить ошибки в CSS

   Вот ссылка с валидатора на страницу ошибок ссылка на валидатор

   Asked by witek, December 12, 2009

   0 votes
   14 answers
4. Размер div под его содержание

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

   Asked by Beck, February 22, 2010

   0 votes
   21 answers
5. Сделать картинки квадратными

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

   Asked by Tchorteg, April 16, 2011

   0 votes
   9 answers
6. Конвертировать PNG в SVG и как правильно поставить

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

   Asked by Mary_RND, May 30, 2017

   • html
   • css
   • svg
   • png
   0 votes
   13 answers
7. Выпадающее меню и таблица

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

   Asked by hAhol, November 25, 2009

   0 votes
   28 answers
8. Позиционирование меню поверх слайдера

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

   Asked by Igor_Dp, February 26, 2017

   0 votes
   13 answers
9. input на мобильных устройствах

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

   Asked by ivanviar, December 22, 2015

   0 votes
   11 answers
10. растянуть блок до самого низа

    Нужно растянуть левый блок до самого низа, весь форум перерыл - работающего ответа не нашел. Помогите пожалуйста, вот код: <!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, June 4, 2007

    0 votes
    8 answers
11. Выравнивание текста по нижнему краю в пустом блоке

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

    Asked by Эдди, August 11, 2013

    • css
    0 votes
    9 answers
12. Полоса прокрутки Iframe как ее УНИЧТОЖИТЬ?

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

    Asked by romoga, January 28, 2014

    • iframe
    • scroll
    0 votes
    6 answers
13. Нестандартные шрифты на холсте Canvas.

    Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..

    Asked by Yamaradg, March 22, 2013

    0 votes
    51 answers
14. Counter для slick-slider

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

    Asked by brezze, January 7, 2018

    0 votes
    3 answers
15. Проблема с checkbox

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

    Asked by dimacat, March 9, 2010

    0 votes
    6 answers
16. Позиция курсора в 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, July 13, 2009

    0 votes
    5 answers
17. Заполнение таблицы из файла

    Есть таблица в html. Фиксированное число строк, каждая из которых имеет ключ (например А1, А2 и т.д.). Есть файл (exel, но при необходимости txt), в котором по этому ключу лежит числовая информация. Нужно, чтобы по соответствующим ключам таблица заполнялась значениями из файла. Использовать можно только JS. Пример в коде: файл.txt A1 12 45 A2 54,3 0,48 B1 234 987,1 html.html ... <table> <tr name="A1"> <td><img></td> <td>статичный текст</td> <td>12 (первое число для А1) </td> <td>45 (второе число для А1)</td> </tr> <tr name="B1"> <td><img></td> <td>стат…

    Asked by Aryan, September 27, 2008

    0 votes
    33 answers
18. смещение текста

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

    Asked by vrednyu4aya, July 4, 2007

    0 votes
    25 answers
19. Как изменить размер видео

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

    Asked by Yeldos, October 3, 2015

    • видео
    0 votes
    4 answers
20. Задать отступы между блоками <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, July 20, 2017

    0 votes
    15 answers
21. Смена цвета ссылки при наведении курсора

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

    0 votes
    8 answers
22. В Firefox все слои длинее. чем в IE

    Почему в Firefox почти все слои выглядят длинее (по высоте), чем в Internet Explorer? Хотя в ИЕ высота жёстко задана. Padding не ставил. Но в некоторых ячейках не так мало информации?

    Asked by imariki, April 2, 2009

    0 votes
    25 answers
23. Полоска между блоками

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

    0 votes
    2 answers
24. Сделать часть картинки .png прозрачной

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

    Asked by prowoke, April 22, 2012

    0 votes
    8 answers
25. Как верстать в HTML 5?

    Приветствую. Вот как я посмотрю много суеты вокруг этого новшества. Ну в общем у меня вопрос из сабжа. Ради расширения познаний хотелось услышать ответ. В чем отличается вёрстка того же xhtml от html5? ну к примеру я в одном проекте написал так: <!DOCTYPE html> <html> <head> и что теперь это можно назвать сайт свёрстанный в стиле html5? так как кроме этой строчки там, вроде как, ничего другого что касается html5 нету. собственно говорим о сабже

    Asked by klierik, February 11, 2011

    0 votes
    67 answers