HTML Coding

29542 questions in this forum

1. Сохранение пропорций Div при масштабировании

   Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

   Asked by volchek, March 28, 2017

   • div
   • масштаб
   • пропорции
   • размер
   0 votes
   5 answers
2. CSS - как вставить в background три разные картинки

   Доброго всем вечера! Помогите, плиз, умные люди! вот например - есть у тебя одна форма, которую ты хочешь заполнить картинками. Первая картинка - красная звезда, она одна и не повторяется. За ней на repeat-x идет синяя звезда. И последняя - желтая звезда одна и без повтора. на этом коде показанна та синяя звезда (название pfon.gif) Как добавить перед ней красную звезду, а после нее - желтую? .poisk{color:#fff;width:100%;border-top:1px solid #fff;background:url(pfon.gif) repeat-x top left #fff}

   Asked by k-prutkoff, December 8, 2009

   0 votes
   13 answers
3. перенаправление на другой сайт

   подскажите пожалуйста как можно перенправить с одного сайта на другой автоматически. ну вот например ввел человек адрес сайта ?1 , а оно его тут же перенаправило на сайт ?2. это нужно какой то скрипт ставить?? если да то поделитесь скриптом плиз!!! ну очень нужно ... зарание благодарен за помощь

   Asked by Kos87, June 8, 2008

   0 votes
   7 answers
4. Многоуровневый раскрывающийся список

   В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…

   Asked by Psyh, September 1, 2009

   0 votes
   4 answers
5. Как растянуть картинку?

   Подскажите как растянуть картинку по ячейке таблицы? Картинка представляет собой два пикселя, ее нужно растянуть по вертикали, т.к. в соседней ячейке (справа) находится список, при нажатии на позиции списка выпадают дополнительные опции тем самым ячейка растягивается по вертикали, а картинка в ячейке слева должна тоже растянуться по вертикали, чтобы отобразить рамку.

   Asked by Евгений_74, February 4, 2008

   0 votes
   7 answers
6. Background

   Привет всем участникам форума! Помогите мне, пожалуйста, разобраться с одной дилеммой. При создании сайта я наложила дизайн (background) не слоями (как обычно это делают), а одним рисунком, затем отдельно контент и еще доп. рисунки. Получилось в общем-то неплохо только если просматривать его с разрешением 1280x1024, а если 800x600 то получается полное гавно (извините, но правда). Вопрос: Возможно ли этот рисунок, который background сделать по ширине экрана любого компьютера, с любым разрешением? Просьба: привести примеры с htmlкодом

   Asked by Zarina, May 15, 2009

   0 votes
   7 answers
7. Несколько bx слайдеров?

   Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром

   Asked by Alarr, May 5, 2013

   0 votes
   4 answers
8. SVG-sprite in IE11

   Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")

   Asked by Schamil74, April 11, 2017

   • svg
   • ie11
   • svg-sprite
   0 votes
   3 answers
9. position:fixed и ie6

   Доброго времени суток! Задача следующая: зафиксировать панельку сверху тут. Фикс ( body > #SupportPanel {position:fixed;}) в сумме с #SupportPanel {position:absolute;} и <!--[if IE 6]> <style type="text/css"> html { overflow:hidden; } body { height:100%; overflow:auto; } </style> <![endif]-->, который я применял ранее, почемуто здесь не работает, даже когда я ставлю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> как раньше.. можеть быть кто знает где я допустил ошибку или какой другой способ зафиксировать панельку в осле? (толкового java е нашел (() Буду очень благодарен за …

   Asked by mozart, June 19, 2009

   0 votes
   20 answers
10. Выпадающий список и DIV

    Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.

    Asked by Николай 2357, July 31, 2008

    0 votes
    8 answers
11. Как включить подсветку текущей страницы в пагинации? bootstrap

    Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

    Asked by viz9, February 12, 2013

    • bootstrap
    0 votes
    12 answers
12. Выравнивание по центру в div

    Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.

    Asked by Гайдамак, February 21, 2009

    0 votes
    7 answers
13. Как сделать раздел "футер" в самом низу под таблицей?

    Как сделать футер в самом низу (Daniil Orlov знак копирайта). https://github.com/rgg877/Site/tree/main

    Asked by rgg877, September 8, 2023

    0 votes
    2 answers
14. Резиновая Верстка шапки

    Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

    Asked by Vlad111, February 26, 2008

    0 votes
    18 answers
15. XML vs HTML

    Рано или поздно HTML, видимо, отомрёт. Стоит ли полностью переходить на XML уже сейчас? Кто как думает?

    Asked by Nikolaki, June 3, 2009

    0 votes
    36 answers
16. Как сделать select раскрытым, и разрешить выбор только одного

    Хочу сделать select как при multiple, т.е. раскрытый, но к сожалению, multiple разрешает пользователям выбирать несколько позиций, как сделать так, чтобы список был раскрытым, но при этом пользователь мог выбирать только одну позицию? Или хотя бы как это реализовать другими способами

    Asked by kich, October 8, 2009

    0 votes
    4 answers
17. Как сделать обтекание картинки текстом и победить перенос строки вниз?

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar, January 5, 2013

    • css
    • img
    • word-wrap
    • обтекание
    0 votes
    5 answers
18. отступ между ячейками

    приветствую. как управлять отступом между ячейками таблицы в CSS?

    Asked by klierik, June 5, 2008

    0 votes
    9 answers
19. Резиновый div, ширина которого зависит от ширины контента в нем расположенного

    Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…

    Asked by Качан Капусты, January 23, 2009

    0 votes
    1 answer
20. А как вы выполняте Clearing?

    Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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"> <head> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…

    Asked by TonKhaO, January 12, 2010

    0 votes
    34 answers
21. Как сделать input(text) и select в IE визуально одинаковыми?

    Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

    Asked by thekap, February 15, 2011

    0 votes
    25 answers
22. Использование DIV

    можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?

    Asked by termoplus, May 21, 2009

    0 votes
    29 answers
23. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy, December 12, 2017

    • table
    • tr
    0 votes
    2 answers
24. белая полоса внизу страницы

    Добрый день. Возникла проблема: вставляю след. код <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> <a style='margin:0px; padding:0px;' href="skype:matras.kharkov.ua?add"><img style="border: none; float:right; margin:0px; padding:0px;" src="http://mystatus.skype.com/balloon/domkoles%2Ecom.ua" alt="Мой статус" width="130" height="40" /></a> Сразу после этого внизу страницы появляется белая полоса высотой 20px. Все дело в <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> Без это…

    Asked by sun1, September 9, 2012

    0 votes
    3 answers
25. пункт меню в виде трапеции

    добрый день, подскажите как сделать пункт горизонтального меню в виде трапеции, что бы она тянулась на разные надписи самого меню? трапеция с левого угла - прямая, с правого - угол и вехняя полочка хотела вставить background-ом эти изображения в li но скачет высота и видно стыки посоветуйте пожалуйста

    Asked by jul_k, May 3, 2008

    0 votes
    10 answers