HTML Coding

29542 questions in this forum

1. Адаптивная верстка на Бутстрапе

   Привет, уважаемые форумчане! Недавно решил освоить бутстрап, и начал верстать под него стандартный двухколоночный макет шириной 980px. Работаю на ноуте, с разрешением 1366*768, колонки создавал с помощью классов col-xs-*, в итоге все хорошо получилось для моего разрешения. Однако при изменении окна браузера до 1024 пикселей в ширину, макет немного деформируется - стандартное бутстраповкое горизонтальное меню не влазит, и один пункт переходит на новую строку, также в некоторых местах возникают искажения из-за слишком больших margin и padding, которые я указывал в абсолютных значениях - px. Часть проблем с паддингами вылечилась указанием размеров в %, для остальных проблем …

   Asked by Capz, March 23, 2015

   • bootrstrap
   • сетка адаптивная верстка
   0 votes
   0 answers
2. В чем дело? Резиновый шаблон катается по экрану

   Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера? бэграунд имедж задаю 100% и всё меню с картинками поехало. сайт http://babiole-shop.ru/ Тоесть если смотреть через компьютер и не играть с разрешением, то все отлично, но как только я начинаю смотреть с телефона, или просто уменьшая разбер окна браузера, то сначала картинка ребёнка, а потом образовывается белое пространство и дальше уже идёт меню. Я понимаю, что это из-за того что картинка уменьшается в размерах

   Asked by Maks0n, August 17, 2015

   0 votes
   2 answers
3. Нужна помощь с адаптивностью

   Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…

   Asked by IvanRu08, August 28, 2015

   0 votes
   2 answers
4. Пытаюсь нарисовать

   Подскажите как это написать используя css ? http://prntscr.com/a1t0z4

   Asked by xobot123, February 11, 2016

   0 votes
   2 answers
5. Непонятное поле

   <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; } Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden;

   Asked by aqua.77, November 7, 2016

   0 votes
   0 answers
6. размер сайта

   Добрый вечер, али день. Значит проблема такая: есть уже готовый сайт...нужно зделать так чтобы он при открытии автоматически подгонялся под размеры монитора (экрана нет бука или другого устройсва)....я уже пробовал делать резиновую верстку, заказчику не понравилось... может я что то не то делаю? я указывал всё в "%"...может быть есть другие способы добиться этого эффекта? уточню вопрос еще раз: нужно добиться чтобы сайт, при открытии не имел полос прокрутки, иными словами автоматически подгонялся под разрешение экрана (браузера). Заранее спасибо за ответ.

   Asked by lapsha, May 26, 2011

   0 votes
   1 answer
7. Выровнять контетн по середине

   Здравствуйте, проблема в следующем. Есть отдельный фон для хедера, контента и футера. У всех разные цвета. Нужно сделать так, чтобы фоны для них были по всей ширине экрана, все объекты сайта находились в центре. минимальная ширина 1000рх. Пробовал марджин 0 авто - не помогает. Как быть?

   Asked by pashtetina, October 31, 2011

   0 votes
   2 answers
8. Разное отображение на хостинге и Denwer

   Первая тема не знал куда писать, но ответа не нашел на вашем форуме. есть код отображения меню в CMS <ul> <li></li> <li></li> <li></li></ul> применяю к нему CSS для создания его "резиновым" .menu { position:absolute; margin : 0px 1px 0px 0px; padding : 0; width : 1024px; height: 75px; background-image:url(../images/menu_fon.png); background-position:top; background-repeat:repeat-x; } .menu ul { margin : 10px 1px 0 0; padding : 0; display : table; width : 99%; height: 30px; cursor: default; …

   Asked by mfinn, December 18, 2011

   0 votes
   2 answers
9. Помогите с масштабом картинки

   Помогите с масштабом картинки, вот пример Что бы картинка не сплющивалась, а обрезалась по размеру

   Asked by skoch244, January 8, 2012

   0 votes
   1 answer
10. как запустить WMA поток в IE10

    Есть несколько аудио потоков в формате wma, в эксплореле никогда не было проблем с их проигрыванием через ActivX WMP Но в windows 8 IE10 по умолчанию загружается в метро режиме, где не работают флеш и другие плагины да, mp3 можно запускать тегом аудио, а как быть с остальными форматами? wma, списки m3u? Получается майкрософт отказывается от своих же форматов аудио?

    Asked by alex196, March 15, 2012

    0 votes
    2 answers
11. Язык для сценариев

    Я учусь верстать сайты, но понимаю что мне скучно писать только статичные страници. Решил добавить немного интерактивности, но не знаю что выбрать: пхп, яваскрипт, может еще что. Знаю только хтмл и ксс, с чего советуете начать? и еще. Я не буду писать сложные сценарии, пока мне хватит только чего-то типа проверки заполнения форм, подсчетов и т.п. В будущем интересто выучить еще что-то(вроде питона, руби)

    Asked by DarkPrelat, May 12, 2012

    0 votes
    0 answers
12. Упростить Div вёрстку

    done...

    Asked by whatever, June 18, 2012

    0 votes
    0 answers
13. Хром смещает блок

    Добрый вечер. Подскажите в чем может быть проблема. слайдер Левая стрелка в Хроме прыгает при ресайзе окна. И если окно сделать в ~1000+ пикселей левая стрелка порой отступает на 1 писель. Не всегда, но при ресайзе заметно. И по-моему только в хроме такая ерунда. Хром 21.0.1180.75 m

    Asked by npofopr, August 12, 2012

    0 votes
    0 answers
14. Как реализовать select стиль

    Как реализовать такое?

    Asked by aquapasha, March 29, 2013

    0 votes
    2 answers
15. Атрибут rel тега link

    Здесь http://htmlbook.ru/html/link/rel написано два значение атрибута rel тега <link>. <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> А вот пример, где значение не соответствует документации. Где найти полный список значение этого атрибута соответствующего тега?

    Asked by stas0:/, October 13, 2013

    0 votes
    1 answer
16. Как сделать, чтобы вкладки табов "умным" образом выравнивались?

    http://zverushka.zz.mu/edu11/ Сейчас, если сужать окно - на нижнюю строку перескакивает последняя вкладка и выглядит это некрасиво. Можно ли как-то сделать, чтобы одна вкладка перескакивала не на нижнюю строку, а на верхнюю?

    Asked by Zverushka, December 23, 2013

    0 votes
    1 answer
17. Что задирает футер к верху?

    Здравствуйте! На сайте при включении бокового модуля "Заказать звонок"(справа), футер начинает по высоте показываться на том же уровне что и контент и получается наложение, которое можно видеть по ссылке. Редактирую бесплатный адаптивный шаблон Afterburner 2.0, базирующийся на Gantry 4. Подскажите пожалуйста, в чем причина поломки

    Asked by borus, April 2, 2014

    0 votes
    2 answers
18. Проблема с отображением на Opera Mini

    Есть сайт который нормально отображается на ПК. Но в Opera Mini всё совершенно некорректно. Как можно это исправить? есть ли чтото наподобие Opera Dragonfly для mini? Сайт:http://secretmoon.ru/ На Opera Mini:

    Asked by Kypaku, April 17, 2014

    0 votes
    0 answers
19. Почему съезжает блок

    Подскажите пожалуйста, почему съезжает блок aside при увеличении или уменьшении? http://testsiteoleg126.tk/Kitchenwall/

    Asked by oleg126, June 20, 2014

    0 votes
    1 answer
20. Internet explorer выдает какой-то белый прямоугольник

    http://waa.ai/4wd3 Данный прямоугольник есть на странице в самом низу. Если его нет, то нужно слева раскрыть менюшку. Или как вариант помасштабировать. В других браузерах такого нет. Что это может быть, баг IE?

    Asked by MyNameIsJim, September 17, 2014

    0 votes
    0 answers
21. Непонятный баг с версткой

    Здравствуйте. Столкнулся с такой проблемой, хотя до этого ее не наблюдал и все было нормально. http://doctor.tbwebl60.bget.ru/При переходе на сайт, верхняя менюшка сползает, но при обновлении страницы или клике по меню, все становится как и должно быть. Такая же проблема и на странице "Каталог продукции", съезжает левое меню. В чем может быть причина? Сайт на modx, кэш чистил.

    Asked by askoban, February 2, 2016

    0 votes
    0 answers
22. Проблема с отступами

    Ссылка В отступах для меню написано: padding-top: 65px; Измерил через measureit - плагин для лиса. Там 70px. Для логотипа стоит padding-top: 60px; а там вообще почти 80. Почему так? А если использовать обычный спрос css * { margin: 0; padding: 0; } То расстояние увеличивается еще на 1-2 пикселя. Ссылка Подскажите пожалуйста, как решить проблему? Смотрел через firefox 4.01.

    Asked by Rustick, July 3, 2011

    0 votes
    1 answer
23. помощь с jquery

    решил создать сайт с биографическим содержанием. Нашел плагин jquery "Circular Content Carousel". Итак, мне нужно, чтобы эти блоки умели передвигаться как в плагине "jquery elastislide" ну и наконец - панель управления(или "админка"), чтоб можно было создавать, редактировать описания этих животных, вставлять картинки и т.п. ну в общем все как у людей. А так, без админки можно только вручную в кодах вставлять описания и самому кидать изображения в папку images,потом на них ссылки писать и т.п- это, знаете ли, требует много сил и нервов. p.s на самом деле, я хочу таким образом выкладывать биографии людей, а не этих зверюшек) help me obi van kenobi!

    Asked by qeemiho, October 22, 2011

    0 votes
    2 answers
24. Помогите разобраться с таблиуей

    Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c1.png" alt="" height="84" width="84"> </td> <td style="background: url(http://www.pn.revendge.ru/images/elements/ram/c2.png)"></td> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c3.png" alt="" height…

    Asked by litehause, October 23, 2011

    0 votes
    2 answers
25. помогите пожалуйста сделать футер

    Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь

    Asked by Neptun, February 14, 2012

    0 votes
    1 answer