HTML Coding

29,542 questions in this forum

1. Верстка

   Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…

   Asked by vova.a99, July 2, 2012

   0 votes
   1 answer
2. Можно ли выделить пункт в котором находишся при помощи псевдоклассов

   Здравствуйте! Такая ситуация, есть меню с лева, в нем пункты 1, 2 и 3, можно ли сделать так при помощи псевдоклассов, когда заходишь в пункт два что бы он выделялся другим цветом, то есть что бы пользователь знал в каком пункте он находится. Интересуют примеры тока с псевдоклассами, может кто так делал. Спасибо

   Asked by qtk, August 9, 2012

   0 votes
   1 answer
3. Проблема с кроссбраузерностью

   Здравствуйте, возникла проблема с кроссбраузерностью, во всех браузерах отображается нормально, кроме в ie, в общем как всегда, Вот результат в обычном браузере: А это в ie: Вот сам код: <ul class="avatar_p"> <li> <a href=""> <img src="" /></a> </li> <li> <a href="">Отправить ЛС</a> </li> <li> <a href="">Редактировать</a> </li> <li> <a href="">Выйти</a> </li> </ul> .avatar_p{ float: left; margin: 5px; } .avatar_p li { text-align: center; } .avatar_p img { -webkit-box-shadow: #666 0px 2px …

   Asked by Cooooop, November 25, 2012

   0 votes
   1 answer
4. Верстка divami в 2 колонки гле ошибся

   День добрый. Столкнулся с такой проблемой при верстке шаблона divами. Проблема в следующем: Правая колонка уезжает не растягивается вниз по высоте, и просто уходит вниз основного контейнера. Пример здесь: Моя ссылка Кусок кода css: /*Макет колонок*/ .vsep { width: 100%; background: #fff url("../images/vsep_mid.png") repeat-y 800px 0; } .vsep .vsep { padding: 20px 0 0 0; background: url("../images/vsep_top.png") no-repeat 800px 0; } .vsep .vsep .vsep { padding: 0 0 20px 0; background: url("../images/vsep_btm.png") no-repeat 800px 100%; } .container, .rightside, .dopside, .midside, .mainside { overflow: auto; } .container { width: 800 px; padding: 0 15px 0 15px; } .con…

   Asked by remont63, December 1, 2012

   0 votes
   3 answers
5. Растянул фоновое изображение, справа немного ломается.

   РЕШЕНО Здравствуйте. Сделал фон в GIMP, вставил эту картинку как фон в тэге body body { height: 100%; background-image: url("{{ MEDIA_URL }}images/body.jpg"); background-size: cover; } Картинка растянулась, но в ширине слегка ломается справа вот тут http://www.tech.djangohost.name/ (нужно прокрутить направо). Подскажите почему такое поведение? И как картинку растянуть без косяков? Так же подключен bootstrap. Если еще размтка нужна, выложу...

   Asked by viz9, January 27, 2013

   0 votes
   0 answers
6. Как сделать в резиновой шапке....

   Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>

   Asked by daggi, January 27, 2013

   0 votes
   1 answer
7. Проблемы то ли с слоями, то ли фиг знает с чем.

   Всем привет! Есть проблема. Сайт _proklevDOTru. Не работает нужный мне эффект в хромоподобных браузерах. Как должна работать задумка может показать огнелиса. В хроме, когда захожу в "аналог" файрБаг и выключаю для html::before and after position: fixed все почти начинает работать. Вы профи, думаю, поняли, что я хочу. Кто может помочь?

   Asked by il.prohorowi4, January 29, 2013

   0 votes
   2 answers
8. Как сверстать такие блоки?

   Добрый день. Помогите, плз, сделать такую верстку, как на картинке во вложении. Таблицей большая часть делается за 10 минут, но, как мне сказали, таблицы - это фуфло, и надо дивами. В общем долго маялся через эти дивы - ничего не выходит. Либо приходится какие-то извращения придумывать, например, сделать контайнет, в нем сделать левый паддинг на 400 пикселей, и в эту область разместить абсолютный элемент, а в нормальную область все остальное, чтобы в строку было, либо еще что-то. Делать продвинутыми средствами как псевдо-таблицы (так это называется?) пока не хочу, т.к. эта верстка нужна для интернет-магазина, а он должен показываться правильно везде. И также, как я понял,…

   Asked by xmlns, May 13, 2013

   0 votes
   5 answers
9. Опять прибиваем подвал...

   Помогите, пожалуйста. Уже всё перепробовал. Ничего не помогает..или это у меня просто руки кривые. http://test-dion.p.ht/

   Asked by vova.a99, July 12, 2013

   • подвал футтер
   0 votes
   0 answers
10. Хостинг картинок

    В практикуме дошел до верстки http://htmlbook.ru/practical/poshagovaya-forma. Там нужно использовать картинки. Подскажите удобный хостинг картинок. http://cssdeck.com тут вроде бы нет такой возможности.

    Asked by rpmcmerphy, December 4, 2013

    0 votes
    1 answer
11. выровнять сайт под моб. браузер

    Здравствуйте, подскажите пж инет магазин на ocstore в браузерах на пк сайт центрирован, а на мобильных и планшета в браузере chrome сайт прижат к левому краю как выровнять сайт на мобильных браузерах по центру?

    Asked by Rubik, January 3, 2014

    0 votes
    1 answer
12. Вопрос про ширину, высоту тега div и рамку border вокруг него.

    Здравствуйте, подскажите пожалуйста, если ширина (width) тела страницы сайта предположим 1000px, а рамку border ставлю 1px, то получается ширина увеличивается до 1002px верно? Проще говоря прибавляется ли этот 1 пиксель по краям у ширины или же он войдет в эти 1000 пикселей? такой же вопрос и про высоту, потому что если не входит 1 пиксель в заданные значения, то получается если всё делать не в таблице а на дивах, придется высчитывать скажем сдвиги столбцов с навигацией, поиском и т.п. Жду ваших советов, а то что то совсем запутался...

    Asked by КСС, March 10, 2014

    0 votes
    3 answers
13. Помогите определиться как именовать сущности

    Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?

    Asked by Zverushka, May 8, 2014

    0 votes
    4 answers
14. блок с текстом на фоне картинки

    как сделать блок с текстом на фоне картинки... У меня header-bg большой, и если я его ставлю center top , отоброжается всё ок по экрану как надо но в высоту получается высокий и отступ большой до header-bg , мне надо текст поднять, как сделать чтоб он виден был на фоне бг? либо что можно с бг сделать? .bg-header { position: relative; height: 784px; width: 100%; background: url(/img/titulinis/header_bg.jpg) center top no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } http://prntscr.com/3hvbm6 http://prntscr.com/3hvbkf если делаю контент делаю relati…

    Asked by new-dev, May 10, 2014

    0 votes
    1 answer
15. отрицательный margin-top в ie8

    Добрый день! Не отображает часть блока с отриццательным margin-top в ie8, как возможно реализовать? <div class="slider"> <div id="slides"> <img src="/slide1.jpg" /> <img src="/slide2.jpg" /> </div></div><div class="main"> <div class="transport"> <div class="name">name</div> text </div> <div class="ecsport"> <div class="name">name</div> text </div></div>/* slider */.slider { height: 423px; position: relative; z-index:100!;}/* main */.main {background: #0e6483;color: #fff;font-size: 14px; posi…

    Asked by eviltoy, June 3, 2014

    0 votes
    0 answers
16. Помогите, пожалуйста, сверстать меню

    Добрый день! Есть меню с раскрывающимся списком дверей. http://itmages.ru/image/view/1724210/aca8296a Но при переходе на другую страницу список дверей в меню сворачивается: http://itmages.ru/image/view/1724180/19fb629f Как сделать так, чтобы список в меню не исчезал? Код: <div id="wrap"> <div id="firstpane"><p class="menu_head">Двери</p><div class="menu_body"><a href="massif.html">Массив</a> <a href="veneer.html">Шпон</a><a href="finetex.html">Эко-шпон</a><a href="economy_veneer.html">Эконом-шпон</a><a href="pvh.html">ПВХ</a></div></div> </div> #wrap{ bac…

    Asked by Савоини Анастасия Андреевн, June 15, 2014

    0 votes
    2 answers
17. обводка блока с ссылкой

    Доброго дня! Недавно обнаружил такую вещь, что на одном из сайтов у блоков (дивов, списков, картинок) с ссылками появляется обводка при нажатии http://img.tritiumnet.org/709923.jpg Нашел схожую тему на HTMLBook, но что-то outline не помог

    Asked by awpshko, November 27, 2014

    0 votes
    3 answers
18. и опять выравнивание блоков

    вот страница http://texteredsa.besaba.com/bondarchuk/clients.html чтобы выравнить блоки использовал прием с сайта http://css-live.ru/ выравнивал через Justify но проблема. если в строке будет не 4, а 2 например. то первая слева выравнена, а вторая справа. как решить проблему? может еще способы есть?

    Asked by raptor-dm, December 21, 2014

    0 votes
    3 answers
19. Футер и Хэдер хорошо, но между ними не то

    Мало опыта в верстке, подскажите, в чем может быть трабл... При уменьшении размера окна если ширина меньше 1024 то справа от основного блока появляется растущая белая полоса, но она не нужна... В футере и хэдере её нет.

    Asked by Vodovarov, December 26, 2014

    0 votes
    5 answers
20. Не видны бегунки на слайдера

    Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…

    Asked by mstdmstd, September 28, 2016

    0 votes
    0 answers
21. Не работает медконсультант

    Добрый день! На многих сайтах использую один и тот же код консультанта (нижний правый угол) , но на этом http://slimskin.ru/ он почему-то не открывается, хотя все добавлено так же.. Подскажите, в чем может быть дело?

    Asked by fowl, April 6, 2017

    0 votes
    0 answers
22. Кто работает с Shopify?

    Доброго времени всем. Пожалуйста, откликнитесь, кто работает с платформой Shopify? Очень много вопросов, очень мало ответов... Работаю с уже созданным интернет магазином. Информации по ней мало даже на английском языке. Мне нужно знать как найти элемент CSS кода для правки, и как создать POP UP окно для не главной страницы? Если кто то сможет помочь пожалуйста. Спасибо

    Asked by Ollolo, January 8, 2018

    0 votes
    0 answers
23. Не работает рефреш в ФФ

    Друзья! Столкнулся с мелкой, но досадной проблемой, не знаю как решить, уповаю на вас! Есть элементарный код: <?php $titl = 'bla-bla-bla'; $price = 123; ?> <form action="demo2.php" method="GET" name="form1"> <?php echo('<input value="'.$titl.'" name="titl" />'); ?> <?php echo('<input value="'.$price.'" name="price" />'); ?> <input type="submit" value="КУПИТЬ" /> </form> Всё работает, значения корректно подставляются в поля формы, но если изменить значение вручную и затем сделать рефреш (Ф5 или ктрл+Р, неважно), значение поля НЕ возвращается в первоначальное, заданное переменной. На данный момент н…

    Asked by Coder_D, November 14, 2011

    0 votes
    2 answers
24. Как это сделать и что это такое?

    Привет, помогите пожалуйста Почему-то не хочет картинка отображаться Если не видно http://imageshack.us/photo/my-images/401/picjj.jpg Допустим есть таблица. Я хочу чтобы при нажатии на слово "развернуть" эта строка меняла свою высоту и отображался какой-нибудь текст. А при повторном нажатии надо чтобы таблица принимала свой первоначальный вид. Я не говорю что это должна быть именно таблица, слово таблица использовала чтобы просто объяснить. Может тут таблицы и не причем. Скажите, пожалуста, как это делается и как это называется, чтобы хотя бы знать по каким словам искать в гугле

    Asked by Эма, March 20, 2012

    0 votes
    2 answers
25. При некоторых масштабах кнопка меню уходит

    здравствуйте! при нормальном масштабе нормально меню.. а на другом компьютере с высоким разрешением один пункт меню уходит вниз.. пробовал на этом компьютере, тут при уменьшее масштаба тоже лезет.. а если еще увеличить, или наоборот уменьшить до опредленного уровня то станет нормально.. что тут поправить? вот меню: <div id="topmenu"> <div id="navigation"> <ul class="nav"> <jdoc:include type="modules" name="Menu" /> </ul> </div> <!-- #navigation--> </div> <!-- #topmenu--> вот его css #topmenu { margin: 0 auto; width:958px; height:60px; background:white ; margin-top:-60px; border-radius…

    Asked by nikki4, April 28, 2012

    0 votes
    1 answer