Temiks

спасибо за разъяснение Ух ты, круто, только правда выглядит громоздко по сравнению с одной строчкой текста <div itemscope itemtype="http://schema.org/ContactPoint"> <div itemscope itemtype="schema.org/PostalAddress"> <span itemprop="streetAddress">Karlstraße 120</span> <span itemprop="addressLocality">Düsseldorf</span> <span itemprop="postalCode">D-40210</span> <span itemprop="addressCountry">Germany</span> </div> <span itemprop="telephone">Tel: +49 1234 5678</span> <span itemprop="faxNumber">Fax: +49 1234 5679</span> </div>

Да, теперь я понимаю, что не совсем понял как их используют, и сделал так Да, к нему бы подошел тег <adress>, но он конфликтует в section и article Спасибо, почитаю Забыл, исправлю -- xzarxzes, спасибо за критику, буду исправляться

Здравствуйте. Нужна строгая критика по верстке на HTML5. Технологию HTML5 использую в первый раз, до этого всю верстку делал на HTML4. Верстка фиксированная, ie9+ -- Так же решил немного поэкспериментировать. Не стал задавать строгих отступов каждому классу в css, а решил прописать их в class'e html тега(на подобии bootstrap). Вышло что-то на подобии этого: <h1 class="margbot50" >...</h1>Тоже самое сделал с цветом заднего фона и текста: <section class="color_bg_green color_white" >..</section><section class="color_bg_gray" >...</section>Нужно ли так делать? Или же лучше сразу прописывать такие стили в css файле для каждого элемента? -- Верстку можно посмотреть тут: cuda -- UPD: Итак, прочел различные статьи об использовании section, article, header.. Исправил код. 1. Убрал не нужные по мною мнению section и article 2. Изменил тег hr на <span class="hr" > </span> 3. Исправил форму. Использовал теперь тег <form>, а так же изменил ссылку "отправить" на input с type="button" 4. Попытался изменить адрес с использованием PostalAddress, как рекомендовал xzarxzes, но что то пошло не по плану, и теперь валидатор показывает семь ошибок Код, который использовал (выложу картинкой, т.к форум убирает все span'ы): -- Прошу помочь разобраться в ошибке, а так же покритиковать "новую" верстку

Спасибо большое! А по поводу полоски, пропустил ноль в высоте блока slice2

Здравствуйте. Возникло две проблемы с круглым прогресс баром. Первая проблема: Как в коде js нужно изменить строчку, что бы значения процентов присваивалось уникальному классу? $(document).ready(function () { progressBarUpdate(23, 100);});Сейчас вот так: а нужно вот так (не понятно только с процентом): Вторая проблема: Как сделать вывод процентов так, что бы цифра была в div'e(как сейчас), а вот сам процент был в span? $(".status").html(x + "%");-- Код можно посмотреть тут: jsfiddle

HealingprQQf, отпишите в скайп a.temix, помогу.

@4unkur, в целом не плохо, только вот: 1. Зеленую точку (что в логотипе, тег span) я бы запихнул в ссылку, что бы при наводе даже на зеленую точку уже был курсор 2. Картинки постов лучше сделать ссылками 3. Тегу р можно было сразу присвоить цвет и отступы. Этим бы не нужно было писать постоянно класс .text 4. Блок social я бы сделал через список. -- На этом вроде все. И да, значки гугл+ и дрибла плохо видны.

Код можно посмотреть тут: nord Грубо говоря, проблема может быть в z-index блоков или в чем угодно?

Здравствуйте. Возникла такая проблема: готовую верстку натянули на CMS Bitrix и теперь, когда входишь в админку, получается этакое: и вот такое: Макет был приобретен и написан на HTML5 и CSS3, используется bootstrap. В чем может быть проблема? Буду рад любым советам и откликам

BeetleJuice541, как сделать колонки одинаковой высоты можно почитать тут, тут или тут

ALEEX SWN, попробуй шрифт прогнать через сервис fontsquirrel.com в режиме "optimal". Была подобная проблема, fontsquirrel помог ее решить. ps. в режиме "expert" шрифт так и не заработал.

Помог с проблемой сервис fontsquirrel.com правда в режиме "optimal", в режиме "expert" с использованием "Base64 Encode" - проблему не удалось решить. Как пользоваться генератором шрифтов fontsquirrel.com можно почитать на css-live.ru или php-junior.ru Подключение шрифта для ie7, ie8+ @font-face { font-family: 'proxima_novaregular'; // название src: url('../fonts/proximanovaregular-webfont.eot'); // путь src: url('../fonts/proximanovaregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanovaregular-webfont.woff') format('woff'), url('../fonts/proximanovaregular-webfont.ttf') format('truetype'), url('../fonts/proximanovaregular-webfont.svg#proxima_novaregular') format('svg'); font-weight: normal; font-style: normal;}p { margin: 0; padding: 0; font: 16px proxima_novaregular; color: #5A5A5A;}

Здравствуйте, не получается подключить шрифт для IE < 9, ссылка на страницу , ссылка на css Делал по примеру статьи на хтмлбуке , а именно: @font-face { font-family: Pompadur; /* Гарнитура шрифта */ src: url(fonts/pompadur.eot); /* Для IE5-8 */ src: local(pompadur), url(fonts/pompadur.ttf); /* Для остальных браузеров */ }Так же пробовал подключать таким форматом: src: url('myfont-webfont.eot?') format('eot')но не получилось. В чем может быть проблема?

Чем плохо делать "говорящие" название классов? В данном случае будет только один блок на странице с таким именем и содержимым, которое сразу дает понять, для чего он и что в нем будет. К примеру, как Вы называете подобные блоки? пришлось к этому "прийти" из-за не фиксированной высоты подписи об сотруднике (блок имени и должности) Спасибо, исправил!

Здравствуйте. Прокомментируйте, пожалуйста, верстку: RealPixel Возникло две проблемы. Буду благодарен, если подскажите как решить или в какую сторону копать. 1. Подключаемый шрифт отображается не верно в браузерах на движке chromium, но в браузерах firefox, IE - так как нужно. С чем это может быть связано? 2. В IE7 последние в строчке изображение "перепрыгивает" на новую строчку при разных размерах окна. Про макет: 1. Макет: "Резиновый" 2. Стандарт: HTML4 3. Кроссбраузерность: IE7+

Я бы сделал таблицей, ибо это явная таблица трэков. Лучше списком.

Спасибо, исправил.

В psd ширина была 1200рх, решил так и оставить.

Здравствуйте. Решил выложить верстку в массы на обсуждение. Прошу указать на допущенные ошибки, семантичность/ не семантичность кода. Впечатления, пожелания. Макет: статический Кроссбраузерность: IE7+, opera 20+, firefox, chrome, safari HTML: 4 Ссылка: http://atemiks.meximas.com/portfolio/minima/

fontsquirrel.com например otf конвертирует в ttf Понял, спасибо!

вопрос был не в том, как подключать шрифт, а есть ли разница подключения .otf или .ttf шрифта.

1. Вот вам четыре способа как можно прижать футер http://web.archive.org/web/20140219225230/http://zodios.net/htmlcss/downfooter.html 2. Обрезается при 100%, потому что учитывается 100% вашей высоты разрешения экрана 3. На будущие прилагайте изображения и код.

Здравствуйте, подключил .otf шрифт к проекту, но во всех примерах написано про подключение шрифта с расширением .ttf Есть ли смысл конвертировать .otf шрифт в .ttf если браузеры поддерижвают расширение .otf и шрифт отображается корректно?

Спасибо, помогло! Думаю лучше сделать через "overflow: hidden", кода меньше та и псевдоэлемент :after поддерживается только с IE8+

Simpsons, попробуйте открыть html страницу и: 1) открыть через html файл исходный код css(html - просмотр кода страницы - css файл) или 2) через firebug копипастить все стили заново.