HTML Coding

29542 questions in this forum

1. Эластичное меню

   Каким образом добится табличной эластичности? Через списки тоже пробовала, такая же картина. При ресайзе фон поджимается, а элементы меню уходят за границу браузера. Таблицей не предлагать - ибо задача была переписать страницу с таблиц в блоки :-) Как видно из css левый блок с заданной шириной, а правый, где и размещается меню - по остальной ширине экрана. В словосочетаниях непечатаемый символ потому, что начинает переносится меню на вторую строку. Можно ли как то выкрутится без nbsp? CSS: .logo { position: absolute; left: 0px; top: 0px; width: 285px; background-color: #86adf8; padding-right: 2px; padding-bottom: 0px; } .top-right-place { height: 463px; backgr…

   Asked by Троица, September 14, 2007

   0 votes
   0 answers
2. Текст в формах - как исбежать повторного ввода

   Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?

   Asked by Shur, January 12, 2008

   0 votes
   5 answers
3. Подпись у картинки шириной с картинку

   Здравствуйте, есть код: <style> div.illustr { float:left; background-color:#f0f0f0; } div.illustr p { text-align:center; } </style> <p>Подрисуночная подпись ? текст, являющийся названием рисунка или описанием изображения.</p> <div class="illustr"> <img src="http://imgl.yandex.net/i/www/logo.png"> <p>Подпись Подпись Подпись Подпись Подпись Подпись Подпись Подпись</p> </div> <p>Подпись хоть и называется подрисуночной, но может располагаться не только под рисунком.</p> Размер изображения всегда разный и неизвестен. Реально-ли сверстать так, что-бы подпись переносилась при достижении края изображения? То…

   Asked by crond, June 16, 2008

   0 votes
   0 answers
4. Подскажите, как правильно сделать.

   Добрый вечер. Нарисовал первый свой дизайн для личной странички, нарезал в фотошопе, вёрстка делалась автоматом при сохранении картинок. Получилось, что дизайн фиксированый, надо переделать под резиновый. Попробовал сделать, но возникли вопросы, прошу подсказать правильное решение. Вот начальный вариант, а вот это то, что я пытаюсь сделать(переделать). Первый вопрос связан с фоном сайта. Фоновый рисунок у меня разделён на две части, вторая часть находится в отдельном диве(обозначен синей полосой, верхняя граница). Возможно ли сделать так, что бы фоновый рисунок был одним целым, но при этом, при увеличении текстовой области по высоте, тянулся вместе с ней, есть ли вариант …

   Asked by slo_nik, February 25, 2010

   0 votes
   7 answers
5. очередной бой с IE

   Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень. Помогите пожалуйста. http://www.planet-tour.com.ua/ Вот так выглядит в ie8 А вот так в chrome Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование. /* Title Control */ table.moduletable_blue th { display: table-cell; height: 46px; width: 294px; padding-left:10px; font-size: 16px; background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png); background-repeat:no-repeat; text-align: left; color: #FFFFFF; vertical-align:middle; } /* Module tbody Control*/ table.moduletable_blue tbody{ display:block; width:294px; back…

   Asked by marrone-art, November 12, 2010

   0 votes
   11 answers
6. max-width для img

   Задал для картинок max-width: 100% В хроме всё нормально, а в опере и фоксе нет. Почему? http://divstudio.ru/portfolio/icew/

   Asked by Shugich, December 1, 2010

   0 votes
   4 answers
7. PNG в ие7-8 проблемы с фоном

   Здравствуйте. Столкнулся с такой проблемой в ие непервой sharmel.su png в ие7-8 отличаются фоном, хоть и одинаковые. Раньше решал проблему с переводов в гиф формат. Сейчас же решил разобратся.

   Asked by musulman, June 21, 2011

   0 votes
   9 answers
8. Opacity не слушается!

   Всем привет!Всех с Праздником! У меня такой вопрос - у меня есть блок(квадрат) в нем чуть меньше ещё один и в этом ещё меньше тоже блок.Так вот я задал прозрачность первому из блоков и у меня стали все блоки прозрачными...мне надо что бы 3ий блок был не прозрачен(который поверх всех) но что бы я не делал он не слушается((( Помоги люди добрые!!!

   Asked by mopnex161rus, April 16, 2012

   0 votes
   9 answers
9. Страница отображается нормально только в опере

   Добрый день. Моя первая сверстанная страничка это a-l-y-s-s-a.narod.ru Проблема в том что страничка отображается правильно только в опере. В остальных браузерах то футер не прижат то фоновой картинки нет. Как решить эту проблему?

   Asked by yana33311, November 12, 2012

   0 votes
   13 answers
10. Перенос строки меню джумла + присвоение нового класса

    Доброго времени суток! Задача стоит такая... есть меню джумла... http://st-food.com/ - такое... (тепловое оборудование..холодильное...) class="nazva1" - Тепловое class="nazva2" - оборудование http://food.mysonar.ru/ - не понимаю как такое выполнить здесь... перенос строки могу сделать, получится в две строчки, межстрочный интервал уменьшить, но!!!! как придать класс nazva2? Подскажите кто сталкивался с таким... осталась только эта проблема в верстке!

    Asked by Pavel Sonar, October 15, 2013

    • джумла джумла 2.5
    • joomla
    0 votes
    0 answers
11. Как правильно подбирать цвета и шрифты?

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

    Asked by XAHTEP26, January 31, 2014

    0 votes
    9 answers
12. Сохранить код страницы

    Подскажите как взять весь код страницы сайта сохранить его файлом и потом открыть в браузере?

    Asked by inverno, April 18, 2014

    0 votes
    10 answers
13. Внезапный белый слой при прокрутке в хроме

    http://html2css.ru/travel/ Значит нужно открыть хром на весь экран, вин 8.1. - делать аккуратно прокрутку 2я прокрутка - дает белый экран. wft, help, ty.

    Asked by Zverushka, April 19, 2014

    0 votes
    8 answers
14. Как реализовать мобильное меню как у гугла?

    День добрый! Подскажите как реализовать мобильное меню как у гугла, чтобы его так же можно было двигать, не смог найти примеров в интернете, может кто видел подобное или подскажет в каком направлении двигаться.

    Asked by Ратибор, November 5, 2017

    0 votes
    4 answers
15. Сдвиг текста

    HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …

    Asked by newabuser, February 19, 2021

    0 votes
    1 answer
16. Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта

    Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }

    Asked by Алеся, April 24, 2021

    • position
    • cover
    • width
    • div
    • image
    • background
    • html
    • css
    0 votes
    1 answer
17. Проблемы с FONT

    Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.

    Asked by Nail, December 12, 2007

    0 votes
    2 answers
18. Граница элемента рисунком.

    Здравствуйте, есть определённый блок, к примеру: <div id="css"><div>, я хочу сделать, что бы у левой, првой и нижней границы фоном был рисунок, например градиент, иле ещё что нить. (Нашёл на вашем сайте, очень полезную статью, но там для таблиц ) Пытался сделать таким образом (это для левой и нижней границы): <div style="background-image: url('/img/list1.jpg'); background-position: left; background-repeat: repeat-y; background-image: url('/img/list2.jpg'); background-position: bottom; background-repeat: repeat-x;" id="content"> Но показывает только только одну, пытался несколько стилей присвоить одному блоку, но тоже не вариант. Может я всё и глупо д…

    Asked by baklofen, November 20, 2008

    0 votes
    14 answers
19. Выдрать заливку(pattern) из фотошопа

    Как выдрать pattern фотошопа, чтобы сохранить его отдельной картинкой?

    Asked by Пророк, March 24, 2009

    0 votes
    0 answers
20. Как поменять Фон блога, в каком фрагменте CSS

    У меня блог на бвзе WordPress 2.7, Хоче поменять фон блога но не знаю с какого фрагмента CSS это сделать. Не с этого ли: /***************************************************/ body { background: #f1fcfe url(images/bg.gif) repeat-x top; text-align: center; font-size: 0.75em; } #container { width: 980px; margin-right: auto; margin-left: auto; text-align: left; } #header { width: 980px; height: 173px; } /***************************************************/ Я пробовала, но чтот не так, - не меняется, может не так делаю, или может в этом деле задействован и другой фаил WordPress? Прошу дать подсказку.

    Asked by Dobo, May 1, 2009

    0 votes
    3 answers
21. Как поставить сайдбары ниже контента

    Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end contain…

    Asked by Mila, January 10, 2011

    0 votes
    5 answers
22. Выпадающее меню с помощь списка определений

    Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…

    Asked by Lisitsa, April 8, 2011

    0 votes
    8 answers
23. Отображение картинки

    Добрый день, коллеги. Всё ломаю голову в чем может быть проблема. Суть такая. Я через свои механизмы на сайте загружаю картинки любого формата. Картинки уменьшаю,сохраняю их в png-формате, но ставлю расширение jpg (для совместимости с другим функционалом, который живет фиг пойми сколько лет, да не в этом дело). По идеи, а может и нет (???), браузеру пофиг на расширение, поэтому он картинки должен отображать. Но почему-то ИЕ8 и ИЕ9 на моём сайте такие картинки не отображают. Меняю расширение на png, не меняя самой картинки, и картинка начинает отображаться. Причем в остальных браузерах все нормально отображается. Решил сделать тестовую страничку. Проблема воспроизвелась на…

    Asked by ShurikEv, June 6, 2011

    0 votes
    7 answers
24. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich, April 3, 2013

    • каталог продукции
    • меню
    • список
    0 votes
    2 answers
25. Меню через nav->a

    Сабж, возник вопрос. Есть блок в котором хочу сделать меню через nav->a т.е. div->nav->a . Но a строка, следовательно как между ними сделать отступы? display:inline-block; margin:x; Так?

    Asked by psixodyb, September 4, 2014

    0 votes
    12 answers