HTML Coding

29,542 questions in this forum

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

   сделал тестовое задание для 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
2. Стили с одной страницы

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

   Asked by apexis, July 17, 2012

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

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

   Asked by maritca, July 17, 2012

   0 votes
   1 answer
4. спрайты CSS

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

   Asked by Roci, July 17, 2012

   0 votes
   4 answers
5. Вертикальное выравнивание строки ввода и кнопки

   Здравствуйте, дорогие форумчане! Я прошу у Вас помощи в решении вопроса, нисколько не сложного для таких профессионалов, как Вы. На странице: я не могу выровнять по вертикали строку ввода и кнопку "отправить" (кнопка чуть выше строки). Если можете, посоветуйте как это сделать.

   Asked by AlexPa, July 17, 2012

   0 votes
   1 answer
6. тэг <a> и новая строка

   если делаю <p>1</p> <p>2</p> то 2ойка с новой строки если <p><a>1</a></p> <p><a>2</a></p> то в одну линию Как сделать чтобы опять с новой строки было только со ссылками

   Asked by vladimircape, July 17, 2012

   0 votes
   3 answers
7. почитать про адаптивную вёрстку

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

   Asked by cyklop77, July 18, 2012

   0 votes
   7 answers
8. Изменение свойств родительского элемента

   Всем привет. Такая проблема. Всем известно, что при изменении псевдокласса родительского элемента можно повлиять и на дочерний. Например: HTML: <a>Скачать <span>(15 МБ)</span></a> CSS: a:hover span { color:red; } А мне надо наоборот. Например, чтобы при наведении на ссылку, менялся цвет фона у body. И все это без JS. Подскажите, как это можно реализовать?

   Asked by Владимир Н, October 11, 2013

   • css
   0 votes
   2 answers
9. Движение float:right элемента

   Здравствуйте. При смене размеров окна браузера элемент с float:right двигается влево и в конце концов наезжает на обтекаемый элемент. С этим можно что-то сделать или это неисправимая особенность?

   Asked by mcdude, October 5, 2013

   0 votes
   8 answers
10. выравнивание по правому краю в IE

    Еще пара часов потеряно, рецепт так и найден. Есть две маленькие картинки. одну нужно расположить справа вверху страницы. Вторую- справа внизу страницы. И все это должно оставаться на месте в при прокрутке станицы. Я написала вот что: #up{ position:fixed; top:0%; right:0%; } #down{ position:fixed; bottom:0%; right:0%; } В опере работает, а в IE не желает. В IE все это хозяйство прилипло к левому верхнему углу и упорно не хочет оттуда выходить. Подскажите, пожалуйста, как сделать так, чтобы и в IE работало.

    Asked by Dasha, July 18, 2012

    0 votes
    5 answers
11. Блок по всему родительскому блоку с выравниванием по центру

    Есть родительский div Его нельзя трогать. Нужно создать в нем div внутри с размерами 100%. И выравниванрием по центру. Обычный способ с display: table-cell; почему-то не подходит. Вот сокращенный код: <style> .center { background-color: gray; text-align: center; display: table-cell; vertical-align: middle; } </style> <div style="position: absolute; width: 800px; height: 600px; background-color: yellow;"> <div style="position: absolute; width: 100%; height: 100%" class="center">Проверка</div> </div> Не работает vertical-align: middle; из-за position: absolute; Если position: absolute; убрать(а этого нельзя делать…

    Asked by Absinthe, July 18, 2012

    0 votes
    3 answers
12. rollOver и Опера

    Проблема не новая, конечно, но конкретного ответа найти не могу, в том числе в поиске форума. Не работает rollOver в ролике (только в Опере). Делал в Sothink SWF Easy В остальных браузерах все норм, а в Опере нужно сначала кликнуть потом только начнет работать наведение мыши. Говорят это свойство Оперы. Как это обойти, я не эксперт в этой теме.

    Asked by victorz, August 18, 2012

    0 votes
    4 answers
13. Проблема при масштабировании окна браузера

    Здравствуйте! При масштабировании окна браузера, верхний div блок (контакты::телефон), уезжает вниз. Вот скрин при нормальном размере окна браузера(1920x1080, 1280x720) Вот скрип при масштабировании окна браузера (около 1100px по ширине) Вот сайт, где это происходит: www.salkstudio.ru

    Asked by Salk, August 18, 2012

    0 votes
    3 answers
14. замена изображения

    подскажите пожалуйста как можно применить замену изображения в зависимости от ширины экрана, которая описана в этой статье? в ней написано, что но у scr нет атрибута srcset, судя по справочнику этого сайта. <picture alt="злой пират"> как я понял, был только предложен, но предложение отклонила рабочая группа. если не так, поправьте меня

    Asked by cyklop77, July 18, 2012

    0 votes
    0 answers
15. элементы списка LI по левому краю в IE

    вот такая проблемма.. нужно выровнять список по левому краю.. в файрфокс всё отлично, а в ИЕ - КАК ВСЕГДА!! код : <html> <HEAD> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <style type="text/css"> @charset "utf-8"; /* RIGHTMENU */ #rightmenu { float:right; width:180px; border:1px solid #cfcfcf; background-image:url(../img/bgb1-2.gif); background-repeat:repeat-x; background-color:f5f5f5; padding-top:20px; margin:0px; text-align:left; } #rightmenu ul{ padding:0; margin-left:10pxl; } #rightmenu li{ list-…

    Asked by up2sky, July 18, 2012

    0 votes
    2 answers
16. Центрирование больших блоков при маленьком разрешении

    Доброго времени суток! Есть проблема. Некоторые люди пользуются мониторами с разрешением 1024х768(я например ). А сейчас сайты делаются для мониторов с большим разрешением. С таким столкнулся и я. Сам сайт в ширину 1400 пикселей. Все блоки лежат в главном блоке: <div id="wrapper"> <div>1</div> <div>2</div> <div>3</div> </div> У wrapper'а задана фиксированная ширина 1400px и прописано margin:0 auto; Все бы и ничего, но когда смотришь на мониторах с разрешение 1024х768 например, внизу появляется скролл, и все не по центру как то. Подскажите пожалуйста как от этого избавиться? Заранее спасибо!

    Asked by Digidie, July 18, 2012

    0 votes
    2 answers
17. Прыгает ссылка :hover

    Добрый день, впервые столкнулся с такой проблемой. Имеется HTML-код: <div class="region_item">Город: <span class="city">Москва</span> <a href="#chooseCity">Выбрать другой</a></div> И соотв. CSS к нему: .region_item { clear: left; display: block; background: url(../img/grad/region_bg.png) repeat-x; height: 23px; width: 198px; margin-left: 3px; border: 1px solid #5c636b; color: #8c9398; padding-top: 6px; padding-left: 5px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; } .region_item a { text-decoration: none; color: #018fc2; border-bottom: 1px #018fc2 dashed; font-family: Tahoma, Arial, Sans-Serif; font-size:…

    Asked by marsh123, July 18, 2012

    0 votes
    5 answers
18. Список с увеличиваюшимся отступом слева

    Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--

    Asked by jangot, July 18, 2012

    0 votes
    8 answers
19. выравнивание по центру - пропадает часть при сдвиге окна

    Есть один слой. Я его выравниваю по центру окна. Но вот незадача, когда я окно браузера сужаю наполовину, к примеру, то у меня половина моего слоя равномерно благополучно заезжает за левый край браузера и становится недоступной. Как сделать так, чтобы при соприкосновении с левой стороной окна браузера, слой оставался на странице, т.е. переставал ехать налево? Т.е. чтобы центрирование работало, только когда ширина окна браузера больше ширины слоя, т.е. 900 пикселей. #sloy{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; }

    Asked by Dasha, July 18, 2012

    0 votes
    7 answers
20. Проблема с тенью и градиентом

    Добрый день, форумчаны! Столкнулся с несколькими проблемами с версткой и прошу Вашего совета как пофиксить 1 Это кросбраузерность теней в разных браузерах. Для генерации тени для блока использовал вот этот сервис css3generator.com Проблема в том что в разных браузерах разная интенсивность тени. Это нормально? Код тени таковой -webkit-box-shadow: 0 3px 10px -4px #555555; -moz-box-shadow: 0 3px 10px -4px #555555; box-shadow: 0 3px 10px -4px #555555; Это нормально? Само лучше показывается FireFox 2. Это кросбраузерность градиенты А точнее у меня глюк отображения градиента в 2 браузерах опера и експлоер У меня не отображается не градиент и не картинка Вот так в…

    Asked by grifin85, July 18, 2012

    0 votes
    4 answers
21. Ширина элемента до заполнения свободного пространства.

    Приветствую уважаемых форумчан! Намедни столкнулся с такой проблемой - необходимо в одном диве расположить кнопки и лейбл. Причём кнопки должны занимать столько, сколько им нужно, а лейбл - растягиваться на свободное пространство. Пример того, что мне нужно, на JSFiddle. Собственно, по задумке, если сделать текст более длинным, то он должен обрезаться и дополниться многоточием на конце (text-overflow: ellipsis), потому что кнопки уехать вправо не могут. Возможно, что решение очевидно и лежит на поверхности, но в 4 утра у меня мозг уже не выдаёт подходящих вариантов. Так же не менее вероятно, что другие теги более подходят для осуществления данного трюка (span вместо label…

    Asked by Crystall, July 18, 2012

    0 votes
    4 answers
22. Чем закрыть класс?

    del

    Asked by PREDATORik, July 18, 2012

    0 votes
    3 answers
23. Правильное позиционирование

    Приветствую! Есть верстка. Суть в том, что верхняя часть сайта(почти до половины) - фон. Эта часть должна быть резиновая. На этой самой части расположены другие блоки(меню, левая-правая части и контент). Еще этот фон желательно сделать фикс по высоте. Вот код: HTML <div id="wrapper"> <div id="header"></div> <div id="top_menu"></div> <div id="main"> <div id="left"></div> <div id="content"></div> <div id="right"></div> </div> </div> CSS #wrapper { min-width: 1000px; max-width: 1400px; margin: 0 auto; overflow: hidden; } #header{ height: 442px; background: #cccccc; } #top_menu{ width: 10…

    Asked by Tref_mast, July 18, 2012

    0 votes
    1 answer
24. Менюшка туда сюда.

    Здравствуйте. Помогите мне с версткой сайта... Я пока в этом деле почти 0 но уже кое что получаеться. Сейчас я верстаю сайт И остановился на том что шапка сайта а точнее "Меню" бегает туда сюда на разных страницах. Кто может помочь?

    Asked by universalPRO, July 18, 2012

    0 votes
    13 answers
25. Фиксированный блок

    Помогите, пожалуйста! Верстаю сайт с двумя блоками: в левом блоке - меню, картинка и бегущая строка (в div), все элементы зафиксированы (неподвижны), правый блок основной - там весь контент. Возникает проблема отображения фиксированных элементов в разных браузерах! В Опере, Хроме и Сафари (верстаю под Сафари) все фиксированные элементы отображаются нормально, а вот в Мозилле и IE (за счет дополнительной панели браузера с настройками) страница смещается вниз и не виден div с бегущей строкой. Как сделать так, чтобы все неподвижные элементы отображались полностью независимо от высоты панели браузера?? Я так полагаю, что дело в innerHeight, но как его правильно прописать??? В…

    Asked by kiska, July 18, 2012

    0 votes
    3 answers