HTML Coding

29,542 questions in this forum

1. Проблема в отображении фиксированных элементов в Chrome

   Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.

   Asked by TMGLUK, October 16, 2013

   • position
   • fixed
   • chrome
   0 votes
   12 answers
2. Как сделать чтобы при hover над картинкой появлялся блок?

   Господа,я новичок,поэтому сильно ногами не бейте. Задание: Сделать список мультфильмов как показано на картинке: Т.е. при наведении мышки над картинкой появляется еще год в правом верхнем углу,и полное название мультфильма на русском и англ. Мой код: http://cssdesk.com/vN3W8 Не понимаю как сделать так чтобы при наведении над картинкой отобразился блок с годом или блок с полным именем мультфильма,при этом блок только с русским названием мультфильма - исчезал. Понимаю что делать надо через hover - но как,подскажите? Да и вообще прокомментируйте пожалуйста код.Мне кажется что я очень сильно тут намудрил. Заранее спасибо!

   Asked by Temik2704, October 16, 2013

   • новичок
   0 votes
   12 answers
3. Класс для первого и последнего элемента списка

   Доброго дня! Я знаю что есть псевдоклассы: last-child { ... } и first-child { ... } а так же: first-of-type { ... } и last-of-type { ... } Но они ведь не кроссбраузерны! А вопрос то напрашивается собсно: как? как кроссбраузерно сделать это? Дело в том, что список выводится в цикле, а инфа достается из бд..., это я к тому что смотрел уже в сторону php функций current(); и end(); но они не подходят по причине хотябы того, что массив fetch_array очень объемный, не для этих ф-ций, там надо его сначала разобрать до одномерного, и как я понял, current(); и end(); просто перемещают указатель на элемент, т.е., если я сначала использую current(); а потом end(); то выведет в итоге …

   Asked by rus, October 30, 2013

   0 votes
   12 answers
4. Страница портфолио

   Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html вот html и css http://jsfiddle.net/Q7CMz/ вот так надо как на скрине,а пока по одной коллекции слева выводиться.

   Asked by denisok, October 30, 2013

   • фото коллекции на одной стран
   0 votes
   12 answers
5. Нужна помощь

   Доброго времени суток. Помогите, пожалуйста, разобраться: на картинке блок с повторяющейся стрелкой по x и в нем же блок с логотипом. Нужно, что бы стрелка прерывалась, как на картинке. Извиняюсь за плохо сформулированный вопрос. Заранее спасибо.

   Asked by Ezh3, November 6, 2013

   0 votes
   12 answers
6. Баг в хроме

   Короче суть проблемы: при использовании css-анимации встретил баг: совершенно независимый от элемента, на который повешена анимация, элемент дергается, когда воспроизводится анимация. фраза наверное взорвала мозг всем) короче вот пример: http://365psd.com/ при наведении на теги в сайдбаре дергается основной блок, тока в хроме такое заметил. когда столкнулся с багом, помогло только то что я повесил дергающийся блок в абсолют. но там был блок незначительный, не будешь ведь делать это с самым главным блоком сайта. короч кто встречал подобное и нашел норм решение, поделитеся

   Asked by vinny, November 11, 2013

   • аг хром анимация
   0 votes
   12 answers
7. Все ли указанные в font-face шрифты загружаются?

   Все ли указанные в font-face шрифты загружаются? А то у меня папка со шрифтами вышла под 8мб, все свг - по метру весят (и то белка мне сначала 8 мб нагенерила, пришлось другим конвертером пользоваться). Будут ли они загружаться вместе с другими шрифтами на каждом браузере? Где-то читала на эту тему, но не могу найти. П.С. Калибри италик ttf почему-то вышел в 1 мбайт..

   Asked by Zverushka, November 13, 2013

   0 votes
   12 answers
8. Ваше мнение о таблицах как способе отображения табличных данных

   Еще раз убедилась, что таблицы - это ад. Данные с виду походили на табличные, но как в процессе оказалось - никаких паддингов и маргинов для tr тега, также он не поддерживает псевдоэлементы - и много подобной фигни. В итоге пришлось создавать велосипед, чтобы получить нужное отображение. При этом я до сих пор сомневаюсь почему и как это работает в плане позиционирования внутри элементов. Представляю лицо человека, который пожелает увеличить расстояние между строками таблицы - и ему придеться править каждый td, так как они имеют собственный padding помимо общего отступа. Что вы думаете по поводу таблиц? Возможно стоило воспользоваться просто слоями - ведь что и кому дадут…

   Asked by Zverushka, November 14, 2013

   0 votes
   12 answers
9. Как сделать так...

   Есть ячейка (или слой). Внутри ее картинка, справа картинку в теге p ее обтекает текст - текст всегда на margin-left 150px (то есть на 150 пикселей слева от начала ячейки); Текст должен быть вертикально по центру. Картинка прижата к верху.

   Asked by Zverushka, November 15, 2013

   0 votes
   12 answers
10. Помощь по созданию сайта

    Подскажите пожалуйста, я начал делать сайт, и хотел бы спросить у вас, почему при приближении и отдалении у меня "Разбегаются элементы"? Та и хотел бы что бы опытные люди указали на ошибки пока еще не слишком много кода! Заранее спасибо! http://rghost.ru/50186474

    Asked by oleg126, November 15, 2013

    0 votes
    12 answers
11. Блочная или табличная верстка

    Необходимо сделать такую же страничку как на фото http://i021.radikal.ru/1311/d4/6bf6a93b5478.jpg Лучше <div> делать?

    Asked by Amstrong, November 17, 2013

    0 votes
    12 answers
12. Когда используется echo " "; exit (" "); return exit (" ");?

    Здравствуйте. Подскажите пожалуйста когда нужно использовать return exit (" "); а когда просто exit (" "); ?? Результат на мой взгляд один и тот же - "Исполнение условия доходит до exit и выходит т.е. выполнение скрипта прекращается". Если использовать вместо return exit (" "); и exit (" "); оператор echo " "; то выполнение программы продолжается далее это я понял. Подскажите новичку по php) где уместно использовать return exit (" "); exit (" "); echo " ";? <?php $a = 1; $b = 2; $c = 3; if ($b > $a) { echo "Переменная b больше переменной a!!!"; } else { echo "Переменная b меньше или равна меременной a!!!"; } if ($b > $a) { return exit("Переменная b бол…

    Asked by koly32, November 23, 2013

    0 votes
    12 answers
13. Коммерческая верстка!

    Добрый день! Собственно интересует вопрос о том кто как и когда начинал верстать за деньги. Интересует насколько вы были хороши, что умели, когда брались за первую оплачиваемую работу? Где находили первых заказчиков? Ну и наставление для тех кто уже не так зелен и хочет начать зарабатывать этим увлекательным занятием, заранее всем спасибо!

    Asked by li4e, November 23, 2013

    0 votes
    12 answers
14. Выстроить блоки в круг

    Задача: в одном блоке расположить 3 штуки или больше по кругу или по треугольнику острием вниз. В блоках информация от постов, код <div class="my-blok"> <div class="1"> <div class="2"> <div class="3" style="background: none center center no-repeat !important;"> <a href="<?php the_permalink(); ?>"><img src="<?php echo $src[0]; ?>" alt="" onmouseover="this.src='<?php echo nimble_portfolio_get_meta(''); ?>'" onmouseout="this.src='<?php echo $src[0]; ?>'" /> </a> </div&gt…

    Asked by OLGANICHIC, November 25, 2013

    0 votes
    12 answers
15. Новые html5 теги. Как правильно использовать?

    Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…

    Asked by Ludwig Voltman, December 3, 2013

    • html5
    • тэги
    • семантика
    0 votes
    12 answers
16. Практикум

    Делаю задание из практикума вот что получилось http://cssdeck.com/labs/tneohfgn . Хотел задать вопросы. 1.Как сделать чтобы placeholder отображался в левом верхнем углу 2.Почему у Ингредиентов и Параметров фон иконок белый, хотя я задал transparent 3.Через что отмерять расстояние в макете ?(Я открывал программой adobe image ready, выбирал инструмент область и выделял нужный кусок, потом смотрел его размеры, открывал не psd а png файл, который также идет в атаче) 4.Как определять шрифт через фотошоп, размер, семейство ?

    Asked by rpmcmerphy, December 4, 2013

    • Пошаговая форма
    0 votes
    12 answers
17. Правильная анимация блока неизвестной высоты на transition?

    http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?

    Asked by Zverushka, December 12, 2013

    0 votes
    12 answers
18. Отображаются ли base64 img при отключенных картинках?

    Отображаются ли base64 img при отключенных картинках? Я сейчас думаю - ставить ли задний цвет фона на случай отключенной картинки, если фон зашифрован в base64

    Asked by Zverushka, December 18, 2013

    0 votes
    12 answers
19. Можно ли реализовать это списком?

    http://jsfiddle.net/Zverushka/QEju8/ Можно ли реализовать это списком? Ведь это список, но приходится применять несемантичный тег div

    Asked by Zverushka, December 25, 2013

    0 votes
    12 answers
20. absolute в relative проблема блока с высотой

    Приветствую, возникла проблема, пока не знаю как решить, на сайте имеется меню, которое шириной больше чем колонка в которой оно находится, в связи с этим было применено свойство position:absolute, но когда мы выводим еще один блок под этим меню, то он встает наверх незамечая нашего меню, хотя там стоит position:relative; почему то высота контейнера moduletablecompany никак не определяется, а виден только отступ сверху в 40 пикселей. Прошу помочь Html код блока: <div class="moduletablecompany"><! -- стиль div-а margin-top: 40px;position: relative;--><div class="moduleinnercompany"><! -- стиль div-а left: -3px;position: absolute;top: 0;--><ul …

    Asked by TommyDBrown, January 3, 2014

    • html
    • css
    0 votes
    12 answers
21. Подскажите, как так сделать?

    Помогите пожалуйста сделать вот такое! Суть заключается в том, что все цвета, кроме синего(контент) должны быть всегда width: 100%; а контент всегда посередине margin: 0 auto; Вопрос как так сделать?

    Asked by oleg126, January 13, 2014

    • html
    • css
    • help
    0 votes
    12 answers
22. Растягивание table на ширину родителя

    В общем, есть table. Нужно растянуть его на ширину родителя, но так, чтобы он при слишком большом размере не растягивался больше него. Сижу, голову ломаю. width: 100%; не работает, relative у родителя+absolute у потомка нельзя, так как не известны размеры родителя. Точнее, width работает, но при слишком большом кол-ве текста растягивается больше родителя.

    Asked by iKNG, February 7, 2014

    0 votes
    12 answers
23. Помогите новичку

    Подскажите пожалуйста, начал замечать у многих в коде такие записи [class^=name] я хотел узнать что они обозначают и какие они существуют такие конструкции! к примеру вот это [class^=name] как я понимаю обозначает для всех элементов у которых в названии есть name. Может не правильно, хочу узнать для самообразования!)

    Asked by oleg126, February 10, 2014

    • помощь
    0 votes
    12 answers
24. Появляется полоса прокрутки помогите

    <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="templates.css"> <title>Site 3</title></head><body> <div class="warp"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containi…

    Asked by alacka, February 25, 2014

    0 votes
    12 answers
25. Посоветуйте сервисы для того,что бы делится кодом

    Какие у вас на примете есть? Был бы очень рад,если бы вы написали ваши любимые сервисы!

    Asked by SKSKSS2013, March 6, 2014

    0 votes
    12 answers