HTML Coding

29542 questions in this forum

1. Как лучше верстать резиновую карточку товара?

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

   Asked by black_c, April 5, 2017

   • верстка
   • css
   0 votes
   1 answer
2. неровный flex

   https://www.road.media/ на разрешении 1200px неровное расстояние между пунктами меню. почему так? для контейнера указано justify-content: space-between; по идее, должно быть ровненько

   Asked by d0ublezer0, October 17, 2019

   0 votes
   3 answers
3. задать class через DOM

   собственно как задать элементу класс (css) через document.getElementById(id).style... ?

   Asked by Shadow, November 10, 2008

   0 votes
   1 answer
4. РНР мультиязычный сайт

   Подскажите, пожалуйста! Как определить страну или язык посетителя? Сайт, кпримеру, на 4-х языках. рус, англ, итал, немец Посетитель попадает на сайт и ему сразу открывается страница на "его" языке. Есть два варианта: Определить IP страны и написать условие для вывода языка И вариант по проще, определить язык системы и выдать страницу на этом языке. Как определить язык системы?

   Asked by banyman, February 10, 2009

   0 votes
   4 answers
5. Проблема с резиновой вёрсткой

   Натолкните плиз на путь истинный. Имеем png к примеру 525 на 280 надо расположить его так, чтобы находилось ровно по середине окна браузера независимо от того, какой размер окна, а слева и справа сделать равные колонки, и при уменьшении или увеличении окна эти колонки увеличивались соответственно слева и справа к краям окна браузера. Т.е получается 3 колонки, средняя шириной 525 а крайние колонки должны быть равные и занимать всё оставшееся расстояние слева и справа независимо от размера окна.

   Asked by alex_p, May 13, 2009

   0 votes
   5 answers
6. Помогите с CSS в меню

   Не представляю, как найти именно ту строчку в CSS, которая отвечает за выпадающее меню. А если быть совершенно точным, то как поменять в выпадающем меню фон. Активный фон там сделан прозрачным, как его заменить? Какая строчка отвечает за это? Наглядный пример тут , а тут сам CSS

   Asked by bowa, July 16, 2009

   0 votes
   7 answers
7. Помогите пожалуйста.

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

   Asked by Slator, December 14, 2009

   0 votes
   6 answers
8. пробивная сила margin-top:-80px;

   <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…

   Asked by Proks, March 9, 2010

   0 votes
   4 answers
9. большой пробел перед ссылкой почему?

   Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )

   Asked by WaxArt, April 25, 2010

   0 votes
   3 answers
10. bgsound on\off

    Не подскажите как добавить кнопки включение и выключения музыки добавленной через bgsound?

    Asked by sh1va, July 30, 2010

    0 votes
    4 answers
11. Выравнивание таблицы по центру

    собственно проблема в том что таблица съезжает в бок при маленькой ширине окна, как это исправить? hotelvizit.perm.ru таблица в шапке - три ячейки под логотип и информация по бокам

    Asked by 3apa3a, November 12, 2010

    0 votes
    5 answers
12. Кросбраузерность

    Кто можит помоч с крос браузерностью в ie Сайт

    Asked by Fergus, January 13, 2011

    0 votes
    7 answers
13. Как убрать отступ правого блока?

    Как убрать отступ правого блока? скрин в ссылке Моя ссылка <div id="all"> <div id="shapka" href=""> <div id="logo"></div> <h1>ШАПКА</h1> </div> <div id="mybox"><!-- Контейнер для 3х блоков --> <div id="nav"></div> <div id="text"> НАПОЛНЕНИЕ </div> <div id="rek"></div> </div>

    Asked by Didorri, September 7, 2011

    0 votes
    13 answers
14. Резиновый список товаров

    Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.

    Asked by boilroom, November 7, 2011

    0 votes
    11 answers
15. Вытягивание div по высоте

    Здравствуйте, уважаемые форумчане! У меня возникла небольшая проблема при вёрстке сайта. У меня правый сайдбар получился в данный момент больше (по высоте) чем страница с контентом, а это не красиво. Как сделать так, чтобы фон страницы с контентом тянулся до футера? (и сайдбара в противоположном случае) Прикрепляю скриншот чтобы всё было предельно ясно и ссылку на сайт. (прячу под спойлер, т.к. скриншот большой.) Спасибо за уделённое время! P.s. я его ещё конечно не закончил и многое ещё предстоит поправить, но всё же если есть какие-то грубые ошибки - буду признателен если вы мне на них укажите. (валидатором проверял, вроде нормально: http://validator.w3....=Inline&…

    Asked by The Norb, May 2, 2013

    • div
    • height
    • 100%
    0 votes
    3 answers
16. Некорректное отображение меню ul в Chrome

    Добрый день, дорогие эксперты! Помогите пожалуйста,такая ситуация. В Operе и остальных браузерах отображает нормально, а вот в Google Chrome съзжает меню в футере. Скриншоты и код: Нормально: Cсъезжает в Хроме: <div id="footer"> <div class="counter"><!--LiveInternet counter--><!--/LiveInternet--></div> Все права защищены. © <a href="<?php bloginfo('home'); ?>"><strong><?php bloginfo('name'); ?></strong></a> <div class="footerrightmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Цены</a></li> …

    Asked by kelevra, January 9, 2014

    • chrome верстка
    • меню
    • помоги
    0 votes
    3 answers
17. Как правильно сверстать, дайте совет?

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

    Asked by ya_verstaka, May 24, 2015

    0 votes
    8 answers
18. Вертикальное выравнивание изображений

    Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left

    Asked by Temiks, February 23, 2016

    0 votes
    2 answers
19. Межстрочный интервал между формами

    Как изменить межстрочный интервал между однострочными формами в IE ? Пробовал line-height родителя - не работает; font-size - только размер шрифта меняется, padding и margin - таже картина ?! Я знаю только один вариант, заключить каждую форму в блок и управлять margin. Может есть что нибудь попроще? Спасибо!

    Asked by RR, May 6, 2008

    0 votes
    1 answer
20. отмена заимствование

    Вопрос к знатокам: в css файле описано: table.pr {background:#eee} table.pr td {background:#fff} на странице <table width=90% border=0 cellpadding=3 cellspacing=1 class="pr"> <tr> <td></td> <td></td> </td> <tr> <td colspan=2> <table> <tr> <td></td> <td></td> <td></td> </tr> </table> </td> </td> </table> как сделать так чтобы вложеная таблица не заимствовала класс table.pr td?

    Asked by fominsa, November 5, 2008

    0 votes
    2 answers
21. Трабл с hover'ом... в Safari

    Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-to…

    Asked by Wormaster, March 9, 2010

    0 votes
    2 answers
22. Иконка в H2 - как вертикально центрировать?

    Значит, суть такова: у заглавий справа есть иконки: h2 img { float:left;} <h2><img src="icon01.gif" />Lorem ipsum</h2> <h2><img src="icon02.gif" />Lorem ipsum</h2> ... Сложность в том, что: - высота иконок может варироваться в пределах страницы - 10..60px и более; - заглавие может быть длинным, на 2-3 строчки (особенно в узких колонках); - кол-во иконок динамическое и не ограничено, так что создавать стили для h2 с иконкой-бекграундом и левым паддингом - не очень правильная тактика. Что можете предложить для решения такой проблемы? Вот рабочее решение, но оно... мягко сказать, некрасивое и нарушает логику построения документа: <table…

    Asked by PoshtarBoba, April 21, 2010

    0 votes
    2 answers
23. Бордер в таблице для ие6-ие7

    Привет есть таблица с след стилями .tableBlock table { width: 100%; border-collapse: collapse; empty-cells: show; text-align: center; } .tableBlock table td { background: url(../img/bg.png) no-repeat 0px -179px; height: 23px; line-height: 23px; overflow: hidden; padding: 0px 10px; border-left: 1px solid #181818; border-right: 1px solid #181818; line-height: 23px; } .tableBlock table thead td, .tableBlock table .totalTR td { background: url(../img/bg.png) no-repeat -6px -270px; font-size: 11px; color: #d8d8d8; font-weight: bold; border-left: 1px solid #747474; border-right: 1px solid #747474;} в ие6 и ие7 бордеры ползут вверх не могу понять из за чего Кто нибудь сталкива…

    Asked by WalkMan, June 27, 2010

    0 votes
    6 answers
24. сместить вниз пункты меню

    помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.

    Asked by cyklop77, July 21, 2011

    0 votes
    6 answers
25. Сначала создаём PSD в Фш., а потом это верстаем в Дв.?

    Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…

    Asked by Serg55, October 5, 2011

    0 votes
    16 answers