HTML Coding

29,542 questions in this forum

1. спрайты CSS

   Не могу настроить спрайт для фонового изображения. Скажите возможно ли это если у меня фоновое изображение повторяться по вертикали и по горизонтали так как оно маленькое то есть не во всю страницу сайта. Вот код CSS. body { margin-top: -3px; background: url("./images/logo.png") #F3F4F4 fixed; }

   Asked by Roci, July 17, 2012

   0 votes
   4 answers
2. Шаблон под разные мониторы

   Возможно ли каким-то образом настроить определение размеров таблиц и рисунков, чтобы на разных мониторах сайт смотрелся приемлемо? См. прикреплённые файлы. Сейчас вид такой, как на рисунках 3х4 и 16х9, соответственно: А хотелось бы, чтобы на 16х9 было так, как тут: Это вообще возможно? Или лучше сразу пересмотреть все размеры?

   Asked by maritca, July 17, 2012

   0 votes
   1 answer
3. оцените пожалуйста верстку!

   сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход…

   Asked by olechic, July 17, 2012

   0 votes
   2 answers
4. Стили с одной страницы

   Нужно ли выносить стили, которые используются только на 1 странице в общий css файл?

   Asked by apexis, July 17, 2012

   0 votes
   2 answers
5. Один градиент для нескольких блоков

   Можно ли на CSS сделать так, как изображено на картинке? Если можно, то как?

   Asked by jeshio, July 17, 2012

   0 votes
   2 answers
6. css оформление цитаты

   Приветствую, всех! В нете примера такого решения оформления цитаты не нашёл, а сам не догоняю как такое сделать: Вот, как такое записать в стиль?: Чтоб в блоке слева был автор, а сама цитата дистанцировалась от фамилии и выравнивалась слева, не заползая под фамилию. На цвета сайта прошу не смотреть, я в экспериментах Чтобы объяснить, что я хочу, для скрина я сделал так: blockquote { font-style:italic; background-color:#333333; color: #f9d649; margin-left: 45px; text-align:justify; font-size:17px; } .chel { color: #FF0; margin-left: 10px; font-weight: bold; font-style:normal; } html полностью не привожу, так как там пробелов миллион, только принцип: <blockquo…

   Asked by uncle BOO, July 17, 2012

   0 votes
   4 answers
7. Верстка и Safari

   Всем добрый день! Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?

   Asked by OVenGo, July 17, 2012

   0 votes
   6 answers
8. Раскрывающийся пункт меню

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

   Asked by nesha, July 17, 2012

   0 votes
   1 answer
9. Горизонтальное меню в firefox выглядит криво

   Есть вот такое меню ul.down { width: 80%; margin-right: 35%; margin-left: 25%; font-size: 21px; /* размер шрифта */ } ul.down li { background: none!important; display: inline-block; margin-right: 15px; margin-top: 8px; moz-margin-top: 0; list-style-type: none; } ul.down a { background: none; color:#fff; height: 36px; /* высота кнопки*/ overflow: hidden; /* запрещаем обтекание */ font: 13pt/20pt Arial Black; text-decoration:none; /* убираем…

   Asked by stuffy, July 17, 2012

   0 votes
   2 answers
10. блок в форме сердца css

    Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?

    Asked by draftmax, July 17, 2012

    0 votes
    8 answers
11. Откуда появляется зазор между float-ами?

    Пример макета - http://divverstka.16mb.com/

    Asked by Scaramush, July 17, 2012

    0 votes
    4 answers
12. Горизонтальное меню на едином фоне - Не получается

    Здравствуйте, я еще совсем новенькая, пытаюсь разобраться. Хочу создать меню. Фон - для всего меню один, длинный (может как фон div?). Поверх его горизонтально хочу разместить пункты меню (картинками, не словами, хоть не имеет это значение). Не получается наложить на фон эти картинки правильно относительно друг друга. Это единый фон А это как я хочу, чтобы было. Надписи сделаю картинкой, потому что пока еще не разобралась, ни тени, ни специальные шрифты. Так вот как эти надписи-картинки разместить в линию правильно относительно фона? Пример надписи-картинки Спасибо!

    Asked by oocamba, July 17, 2012

    0 votes
    5 answers
13. Видео в результатах поиска

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

    Asked by inesik, July 17, 2012

    0 votes
    1 answer
14. Вертикальный список

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

    Asked by egoregor, July 17, 2012

    0 votes
    4 answers
15. Javascript на странице постоянно перебивает Firebug

    С каких-то недавних пор стал замечать вот какую вещь. Тыкаю я на странице правой кнопкой на каком-нибудь элементе, жмякаю «Инспектировать элемент с помощью Firebug», в окошке Firebug происходит перекидывание на инспектируемый элемент. В общем вроде бы всё как обычно. Но недавно стала проявляться вот какая вещь. Если на странице есть повторяющийся Javascript (например слайдер, который автоматически показывает новый элемент через заданный промежуток времени), то в окошке Firebug происходит перебрасывание с инспектируемого элемента на элемент, в отношении которого исполняется Javascript. Можно ли как-то отключить эту багофичу, что-то типа опции «Сидеть вот здесь и никуда не …

    Asked by sifilis, July 17, 2012

    0 votes
    0 answers
16. Сложное меню

    Никогда не приходилось с таким сталкиваться, но вот пришлось. В общем есть менюшка такого рода http://s019.radikal.ru/i637/1207/68/6eec3d01acbb.png И так господа вопрос..? Как её сверстать так чтоб она тянулась и сжималась в зависимости от длины вкладки

    Asked by Ergonav, July 17, 2012

    0 votes
    1 answer
17. отображение слоя в IE при заданном разрешении экрана

    ситуация следующая ——————————————————— Есть панелька, прописанная в основной css'ке в виде слоя. Нужно сделать так, чтобы она отображалась только тогда, когда разрешение монитора у посетителя выше 1280 по ширине. Т.е., к примеру при разрешении экрана 1024 на 768 она отображаться не должна. ВАЖНО - работать это должно ВО ВСЕХ основных браузерах. Я прописала такое в ксске: @media (max-width: 1250px) and (min-width: 300px) { #panelka { display:none; } } #panelka{ top: 50px; width: 100px; height:100px; position: absolute; left: 10px; } сам html файл при этом содержит <div id="panelka">панелька</div> в результате ОПЕРА при разрешении…

    Asked by Dasha, July 16, 2012

    0 votes
    8 answers
18. Увеличение картинки при наведении

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

    Asked by WiL-13, July 16, 2012

    0 votes
    1 answer
19. Пара проблем с вёрсткой

    Прошу помочь со следующими двумя проблемами: http://jsfiddle.net/5Gx2g - пройдя по ссылке, вы можете увидеть, что под Рекламным блоком градиент продолжается. Как его можно убрать, чтобы от Рекламного блока и до Футера был белый фон как показано на рисунке? Там же есть другая проблема. Нужно, чтобы контент всегда достигал футера как показано на рисунке. Заранее благодарю. Сам провозился полдня, поэтому ничего не осталось, кроме как обратиться к обществу.

    Asked by jeshio, July 16, 2012

    0 votes
    0 answers
20. Hover эффект - не могу повторить

    Привет, всем Существует сервис http://www.tagxedo.com/app.html помогает создать необычное облако тегов и сохранть его либо в виде размеченной карты (map) либо как html код с вызовом объекта (в данном случае silverlight) По ссылке выше, загружается дефолтный пример (если у вас установлен silverlight. в ФФ нормально работает.) При наведении на слова, реализован эффект отрыва слова от позиции + поворот + увеличение. Научите пожалуйста, как такой же / похожий эффект реализовать с минимумом кода? п.с. выложил эффект на ютуб, у кого нет сильверлайта

    Asked by web-coder, July 16, 2012

    0 votes
    4 answers
21. Как сделать расстояние между li блоками?

    проблема такая: нарисовал я себе сайт. С вот такой менюшкой. Движок сайта мне сгенерировал такой ХТМЛ код <div id="left_meny"> <ul class="menu"> <li class="item-101"><a href="/">Главная</a></li> <li class="item-111 current active"><a href="/index.php/otzyvy">отзывы</a></li> </ul> </div> Задал я фоновый цвет, высоту, ширину, фон и т д. Но я не могу сделать расстояние между li блоками. Как сделать расстояние между li блоками? А то у меня всё меню срослось в один большой бежевый квадрат.

    Asked by Лис3, July 16, 2012

    0 votes
    1 answer
22. Список типов товара в подкатегории

    Погите вывести список типов товавра в подкатегории. Нужно примерно так: -Имеем категорию HONDA; -несколько подкатегорий: Civic, Accord, CRV; -и типы товара: Свечи, колодки, фильтра, масла и т.д. Нужно получить: -выбираем хонда - открываются подгруппы - Civic, Accord, CRV (Тут все стандартно); - Выбираем, к примеру Civic (в стандарте выводятся товары отнесенные к этой подкатегории), а нужно получить список типов товара желательно с небольшой картинкой и в 2 колонки; - А при выборе типа товара должны выводиться товары отнесенные к этой подгруппе с нужным типом; к примеру: после выбора - HONDA/Civic/свечи/ - надо получить вывод свечей закрепленных за данной подкатегорией.

    Asked by vovik, July 16, 2012

    0 votes
    2 answers
23. изменение в pixel perfect

    скажите пожалуйста что случилось с ФФ дополнением pixel perfect. с некоторых пор(видимо, обновление автоматически скачалось) невозможно загрузить изображение(Overlay). просто нет ссылки, которая раьше была в левом верхнем углу. сейчас там просто надпись как все таки загрузить изображеине? можно ли решить проблему?..

    Asked by cyklop77, July 16, 2012

    0 votes
    17 answers
24. Не указывание протокола для ресурсов

    Нашёл от гугла такую рекомендацию. В ней рекомендуется для URL ресурсов не указывать протокол, а делать примерно так: background: url(//example.com/image1.gif). Польза от этого в том, что тогда изображение будет доступно всегда, какой бы протокол для страниц не использовался: http или https. На самом сайте google.ru такая методика кстати и используется. Что думаете об этой технике? Нужна ли она и когда эффективна?

    Asked by clavin, July 16, 2012

    0 votes
    2 answers
25. Как узнать стиль элемента по дефолту?

    Ситуация такая: Всем известно, что разные браузеры по умолчанию отображают одни и те же теги по разному. К примеру, стили "тела" по дефолту в FF 3.5: body { display: block; margin: 8px; } а в IE7: body { display: block; margin: 15px 10px; } Вопрос: Каким образом можно узнать, какие стили по умолчанию имеют разные браузеры и их версии? Важно, чтобы это было НЕ в ручном режиме. Может на это способен JS? Имеется перечень всех тегов - нужно для каждого получить все стили. Варианты: - найти в файлах установленных браузеров таблицы стилей и посмотреть - поставить FireBug и промониторить - поискать в интернете дефолтные таблицы стилей НЕ предлагать! =) Пар…

    Asked by DjTarik, July 16, 2012

    0 votes
    15 answers