HTML Coding

29,542 questions in this forum

1. Вопрос про placeholder

   Если меня просят сделать сайт, не обговаривая условий какие браузеры должны поддерживаться (кроссбраузерно это понятно). Стоит ли мне встраивать скриптом поддержку плейсхолдера для ie8 ie9? Как бы поступили вы? Без подписи не понять, что это за поле. label нету.

   Asked by Zverushka, October 11, 2013

   0 votes
   14 answers
2. Пара вопросов: Оптимизация img при верстке и позиционирование внутри таблицы

   Всем добрый день. Помогите решить задачу, битый день уже сижу. Есть тут картинка с трассой, которая в макете 1918 шириной, никак не могу додуматься, как её оптимизировать под различное разрешение. Пробовал масштабирование, но тогда элементы такие как input'ы, таймер и т.п. при свертывании экрана уплывают влево вверх под белый хидер. Скручивание по горизонтали тоже пробовал, естественно, картинка тогда сплющивается как гармошка, не комильфо совсем. А вот, что у меня в итоге получается. Не знаю, просто если я сверху формы ещё и таймер так же воткну, то он точно уползет за белый хидер при свертке окна браузера. #Снизу: Решено И ещё вопросик, чтобы новую тему не создавать: …

   Asked by Eridani, October 11, 2013

   0 votes
   6 answers
3. Элемент с абсолютным позиционированием блокирует ссылку

   Здравствуйте. Создаю новый топик,так как старый изначально создался пустым и щас его никто не замечает. У меня возникла проблема после переверстки шапки на сайте http://newzveriki.ucoz.com/ . Зеленая картинка-ссылка "зверики.com" перестала работать,но если убрать у #headCenter абсолютное позиционирование,все приходит в норму.Как вообще может чему-то мешать элемент,которого нет в потоке,и как это исправить?

   Asked by mcdude, October 11, 2013

   0 votes
   2 answers
4. Прижатый footer и ajax

   Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой footer прижимается снизу следующим методом: <div class="l-wrap"> <header>Header</header> <div class="l-empty"></div> </div> <footer>Footer</footer> html, body { margin:0; padding:0; width:100%; height:100%; } .l-wrap { position:relative; min-height:100%; height:auto !important; height:100%; } .l-empty { height:100px; } footer { margin-top:-100px; height:100px; } Footer прижимается и это хорошо. Но когда мы подгружаем контент через AJAX, происходит следующее: 1. Javascript удаляет содержимое в .l-wrap. 2. Приж…

   Asked by jankovsky, October 11, 2013

   • footer
   • ajax
   0 votes
   5 answers
5. Нужна помощь знатаков:)

   Собственно проблема в следующем, есть сайт, если его(окно бразера) уменьшить и появится горизонтальная прокрутка и прокрутить, фон футера обрезается сам сайт вот http://gsa.spb.ru/ Помогите советом Спасибо заранее)

   Asked by Andrux, October 11, 2013

   • футер
   0 votes
   2 answers
6. css, positions

   Здравствуйте. Столкнулся с проблемами вёрстки. Идея: #lmenu нужно position: absolute, что-бы div не скролился вместе с остальной страницей. #mapframe должен быть высотой 50%, но вместе с тем - минимум 400px. #contentframe должен занимать всё свободное место, от #mapframe до #btmenu. #btmenu должен быть всегда внизу родительского блока. После многих попыток, мои проблемы:

   Asked by n3r0bi0m4n, October 11, 2013

   0 votes
   3 answers
7. Проблемы с размерами div

   Здравствуйте. Имеется макет страницы в фотошопе, и в процессе верстки возникли проблемы. Опыта верстки и программирования не много... Сайт у меня с фиксированной центральной областью, и боковыми div-ами, которые должны увеличиваться при более высоком разрешении. Нут тут в принципе обычная ситуация, такое я много где видел. Сначала, пока я делал центральную область, я просто сделал заливку основного слоя main, и разместил центральную область с margin: 0 auto; Нужная область расположилась по центру, и все нормально масштабируется при изменении разрешения. Теперь у меня задача такая - нужно заполнить незанятые боковые div. Чисто на пальцах я это представляю как-то так... Зап…

   Asked by RacerChampion1, October 11, 2013

   0 votes
   3 answers
8. Проблема с nth-child

   Проблема с псевдоклассом nth-child. Не могу понять каким образом он 3-ий "а" элемент воспринимает как 4-ый, а первого якобы вообще нету. Получается так будто элемент header тоже входит в счет, но причем тут хедер если явно указано .categories a:nth-child(1) ? 55-ая строка CSS-ника Песочница: http://cssdesk.com/qxEvw Может кто подсказать или направить где конкретно почитать об таком странном поведении?

   Asked by advokatua, October 11, 2013

   • верстка css
   • nth-child
   0 votes
   7 answers
9. 30px отступы bootstrap

   объясните пожалуйста что за странные стили добавляет twitter bootstrap и зачем они существуют вот страничка. блоку .bg_main1 я добавляю фон. в результате обнаруживается, что этот блок имеет margin-left: 30px и соответственно фон смещён по отношению к фону нижних блоков http://prozaik.16mb.com/html5_2/question_b/vb.png так же margin-left: 30px имеют и некоторые вложенные блоки мне интересно не столько решение проблемы, сколько назначение этих отступов. из-за них трудно центрировать блоки

   Asked by cyklop77, October 11, 2013

   0 votes
   1 answer
10. Забить или не забить, вот в чем вопрос?

    Как вы наверно догадались речь идёт о кроссбраузерности. Хотел бы выслушать вас: кто под какие версии старых браузеров делает верстку? целесообразно ли это? делая верстку под старые браузеры, не продлеваем ли мы им жизнь, которая без них была бы намного легче? Короче излагаем свои мнения...

    Asked by webdrug, October 11, 2013

    0 votes
    11 answers
11. Пауза/продолжение css3 анимации

    http://cssdesk.com/uu3fK Если навести на квадрат - включается пауза - но анимация дергается, видимо прокручивается. Как сделать, чтобы квадрат продолжат крутиться с того же места, где замер не дергаясь?

    Asked by Zverushka, October 11, 2013

    0 votes
    7 answers
12. кастомизация bootstrap3

    помогите пожалуйста разобраться при скачивании bootstrap3 с главной страницы оф.сайта, пользователь получает дистрибутив, состоящий из множества папок при скачивании bootstrap3 со страницы кастомизации оф.сайта(даже если не трогал галочки), пользователь получает только три папки: css, js, img почему такая разница? во втором случае пользователь получает не полный дистрибутив?

    Asked by cyklop77, October 18, 2013

    0 votes
    8 answers
13. Блок внизу страницы

    Допустим есть на странице несколько блоков: <div>блок 1</div> <div>блок 2</div> <div>блок 3</div> Если высота блоков 1 и 2 в сумме превышает высоту окна - то появится вертикальная полоса прокрутки и блок 3 окажется внизу, если же не превышает - то блок 3 будет отображён в середине страницы Как сделать, чтобы блок 3 в любом случае отображался внизу (пространство между блоком 2 и блоком 3 в этом случае должно быть заполнено фоновым цветом)?

    Asked by Iskatel, October 12, 2013

    0 votes
    6 answers
14. Первая верстка

    Всем привет! Решил сверстать свой первый пробный макет. Сам по себе макет очень простой, но и тот вызвал некоторые сложности.. Вот сайт - http://probocha.ucoz.ru/index.html Проблема заключается в том, что при изменении масштаба блоки едут. Как с этим бороться? И заодно воспользуюсь случаем и попрошу обратить внимание на верстку в общем. Буду рад услышать ваши конструктивные комментарии. Спасибо огромное!

    Asked by Eskard, October 12, 2013

    • Html
    • CSS
    0 votes
    8 answers
15. Проблема с текстом в divе

    У меня проблема с реализацией div блока на форуме, на отдельной странице все успешно, но на форуме текст сползает вниз на несколько пикселей. Также флаг и слово 'CB' перестают быть на одном уровне. Цифра 87, также "упала" с угла. это на странице это на форуме. Что вызывает такое падение текста? http://jsfiddle.net/wvNSF/ Здесь текст тоже падает.

    Asked by melan, October 12, 2013

    0 votes
    2 answers
16. Резиновый макет!

    Здравствуйте! Посидев на сайте htmlbook.ru в разделе макеты, попробывал сделать получилось,но у меня есть проблема,заключается она в том,что я хочу сделать резиновый макет с тремя колонками,там он есть но он не резиновый и поэтому хотел узнать как мне такой сделать,я новичок если кто сможет объяснить или просто совет дать буду рад выслушать).И ещё кое что,там в макетах есть 1 резиновый макет с двумя колонками вот вопрос, сделав макет и сделав два блока меню слева использую float у меня получилось,сделал 3ий блок хотел сделать меню справа,но блок почему то оказался на уровне нижнего блока слева пытался поднять его на верх не получилось!Если кто может помогите мне с этими 2…

    Asked by Flanidub, October 12, 2013

    • div
    • макет
    • помощь
    0 votes
    39 answers
17. Скрипт для показа скрытого текста

    Всем привет. Уже который день мучаюсь вопросом как сделать показ скрытого текста после клика по динамическому блоку. Таить не буду, этот блок тизерной рекламы и нужно реализовать как нибудь что бы после клика по одному из рекламных сообщений показывался скрытый текст. Уже все перепробовал, весь гугл перерыл, но ни чего не нашел...может плохо искал. Вот сам код блока: <div id='blockname' style='display:none;'></div> <script type="text/javascript"> (function(w) { var script = document.createElement('script'); var i = setInterval(function() { if (typeof w.document.body !== 'undefined') { script.src = 'тут как я понял генерируются ссылки эт…

    Asked by candro, October 12, 2013

    • Вопрос
    0 votes
    0 answers
18. Смена картинки и ссылки

    Привет, подскажите пожалуйста, как реализовать следующую штуку: Имеется ссылка, под ней картинка. При нажатии на ссылку, текст ссылки меняется на другой и появляется всплывающая картинка, либо картинка поверх всего. При нажатии на новую ссылку, появляется первая ссылка и первая картинка. При появлении 2ой картинки, 1ая должна либо пропадать,либо закрываться 2ой картинкой.

    Asked by RK3DNP, October 12, 2013

    0 votes
    0 answers
19. Div при наличии max-width все равно расползается.

    Ребят,помогите новичку. Очень тупо получается как-то.Почему у меня блок layout при заданном max-width все равно дальше расползается?header и footer при заданным max-width дальше не расползаются,а этот расползается. Вот что у меня получается:

    Asked by Temik2704, October 12, 2013

    • Новичок
    0 votes
    5 answers
20. Трансформация при закрытии блока

    Спасибо за ваше терпение. Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, CSS). При клике на строке меню один блок сменяется другим. Запрашиваемый появляется эффектно... Вопрос: как применить трансформацию к закрываемому блоку? Все, что удалось найти, это обратную трансформацию. Не подходит, закрываемый должен улетать вверх. Не могу сообразить, чем акцентировать именно закрытие блока? И как оба события (эффектно открыть один div, эффектно закрыть другой) привязать к одному клику? (Скрипт для смены блоков jQuery: function openDiv (id) { $(".ope…

    Asked by XFrei, October 13, 2013

    0 votes
    0 answers
21. Что делать дальше?

    Здравствуйте) У меня великая проблема. Я не знаю, что мне делать. Куда идти, куда бежать, если html с css я изучила, хоть и совсем не совершенно, но продолжаю развиваться? Что именно нужно делать после того, когда я точно буду уверена, что код мой чистый и правильный, когда буду на среднем уровне? Заранее спасибо за полезные советы)

    Asked by Esteri, October 12, 2013

    • верстка
    • html
    • css
    • что делать
    0 votes
    4 answers
22. Загрузка форм в плавающий div

    Главный вопрос этого топика не как СДЕЛАТЬ, а как ДЕЛАТЬ. Понимаю, что каждый может поступать по-своему, как ему удобнее, но все-же хотелось послушать мнения разных людей Итак. Как на любом сайте я планирую форму добавления/редактирования записей. Хочу, чтобы она появлялась в плавающем div. Есть два варианта 1) форма уже загружена на странице, на которой есть ссылка на добавление записи. Одна страница, значит может иметь несколько таких загруженных и скрытых форм. Плюсы: форма отображается сразу, не нужно время на загрузку. Минусы: страница может содержать данные. которые не потребуются, что немного замедляет загрузку. 2) форма загружается по ajax. Плюсы: не грузятся не …

    Asked by ekkl, October 12, 2013

    • jQuery
    • ajax
    • form
    0 votes
    8 answers
23. добавить отступы контенту

    ребят, помогите пожалуйста поправить вёрстку. вопрос жизни и смерти. в благодарность даже могу символическую сумму перевести есть страничка, сделанная с использованием twitter bootstrap. на ней 2 блока: .our_product_outer , .from_the_news_outer . в последнем есть три блока .box , между которыми есть отступы margin: 0 10px(это важно) проблема в том, что я не могу сделать так, чтобы содержимое блоков .our_product_outer , .from_the_news_outer не прилипало к краям этих блоков. то есть результат должен выглядеть примерно так при изменении ширины экрана bootstrap изменяет положение элементов. хотелось бы чтобы и в этом случае отступ в 30px сохранялся. с обеих сторон

    Asked by cyklop77, October 12, 2013

    0 votes
    6 answers
24. Скиньте готовый landing

    Всем привет кому не сложно скиньте хороший сверстаный landing с формой обратной связи, таймером, слайдером. И подскажите как делается форма обратной связи для телефона (http://idandy.ru/)

    Asked by RomanVerstka, October 13, 2013

    0 votes
    1 answer
25. Половина блока с opacity нестандартного размера

    Как делаются такие штук? Я понимаю, что через :after видимо, путем накладывания блока такой формы поверх, может конечно ошибаюсь. Но ведь через псевдо-элементы нужно будет видимо указывать конкретные размеры, как тут с адаптивностью быть? + еще и текст там, его видимо понимать нужно будет.

    Asked by npofopr, October 13, 2013

    0 votes
    0 answers