HTML Coding

29542 questions in this forum

1. Первая верстка (ошибки)

   Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…

   Asked by toyboy, August 5, 2014

   0 votes
   10 answers
2. Как сделать скролл на странице быстрым?)

   При открытии страницы должен появится блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))

   Asked by Нарек, August 8, 2014

   0 votes
   10 answers
3. поведение псевдоэлемента в IE

   Вечер добрый Суть такова - имеется раздвижное вертикальное меню, при наведении на пункт возле него появляется плюсик. сделал через псевдоэлемент, плюс появляется и работает как надо в Opera next, Mozilla, Chrome. В IE же при наведении под плюсом появляется подчёркивание, походу потому, что ранее оно задано для span-a, внутри которого пункт меню. я так понял ишак наследует этот стиль и рисует подчеркивание и у псевдоэл., а вот остальные браузеры - нет. подкиньте идейку, как убрать это подчеркивание у IE. пробовал добавлять к span:hover:after {text-decoration:none;} - не работает, к span:after - тоже. сама страница - https://bc9af00d6817e817723349c0695951c9c5303b8c.goog…

   Asked by orange_juice, August 10, 2014

   0 votes
   10 answers
4. Проблема с font-stretch

   Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.

   Asked by Suzanna, August 14, 2014

   • сузить шрифт
   • font-stretch
   0 votes
   10 answers
5. прижать футер

   напомните пожалуйста как футер прижать к низу экрана jsfillde

   Asked by cyklop77, August 15, 2014

   0 votes
   10 answers
6. Как верстать для мобильных устроств?

   Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме

   Asked by Frie, August 18, 2014

   • android
   • ios
   • верстка
   • html
   • css
   0 votes
   10 answers
7. Проблема с версткой макета

   Макет взял отсюда https://vk.com/doc74880623_322415700?hash=680b16a146e0d2fbca&dl=5b49a4b96fbed7e1ea Как у меня получилось http://firstsiteinmymi.ucoz.com/ С позиционированием жесткие пробелы у меня, не знаю как поставить логотип на нужное место.

   Asked by RuslanHeYca4ev, August 31, 2014

   0 votes
   10 answers
8. Отступ в 1px на Mac Os (inline-block)

   Имею такую конструкцию <div class="container"> <aside class="left"> </aside><aside class="right"> </aside></div>body, html { margin: 0; height: 100%;}.container { height: 100%;}aside { display: inline-block; vertical-align: top; height: 100%;}.left { width: 63%; background: red;}.right { width: 37%; background: blue;}http://jsfiddle.net/z96odrfp/1/show/ На windows все хорошо. На Mac OS появляется белая линия в 1px справа, в конце синего блока. Вот голову ломаю не пойму из за чего. Статью "Загадочные отступы между инлайн блоками " читал, не помогает. Может сталкивался кто, поделите…

   Asked by Нарек, September 1, 2014

   0 votes
   10 answers
9. Ищу слайдер

   Всем доброго времени суток! Ищу слайдер(не в точности такой же, а по принципу работы подобный): Если есть возможность скинуть ссылку на него или его код.

   Asked by Arthur, September 3, 2014

   0 votes
   10 answers
10. Проблема из слайдером

    в теме неправильно написал.. Это спойлер . Вот есть такой код что ниже.. вопрос заключаеться вот в чем.. как видно я изменил нижнюю скрытую часть спойлера. Хотелось чтоб верх видную часть можно было изменить так же, желательно через css. У меня никак не получаеться .. http://jsfiddle.net/rgjhbwsq/2/ или возможно применить какой нибудь другой скрипт... или прописать по другому код... главное чтоб это было на html, так как сайт именно на нем пока что у меня

    Asked by saen, September 4, 2014

    0 votes
    10 answers
11. @font-face

    Ребята не работает @font-face body { overflow-x: hidden; background-color: #f2f2f2; font-family: Dosis,Roboto,Roboto Light,Roboto Bold;}@font-face { font-family: Dosis; src: url(fonts/Dosis.ttf) format("truetype-aat"); font-family:Roboto; src:url(fonts/Roboto-Regual.ttf) format("truetype-aat");}A файлы выглядят так. что делаю не правильно?

    Asked by ksn, September 17, 2014

    0 votes
    10 answers
12. Карта изображений

    Доброго времяни суток!!! Помогите решить поставленую самим собой задачу. Есть карта изображений, тоесть огромное изображение с ссылками по координатам. Хочу прикрутить кномки для быстрого перехода к тем или иным координатам на изображении. Большое спасибо за помощь.

    Asked by archi_bald, September 19, 2014

    • AREA
    0 votes
    10 answers
13. Как реализовать это

    Всем привет, столкнулся с проблемой, может кто подскажет как реализовать В общем есть 2 блока, 2 блок будет интерактивная карта, и я не пойму как решить, позицианирование подошло, бы если оба фона шли изображением, может кто встречался с таким костылем? или вообще ссылка есть на подобное?

    Asked by soltx, September 21, 2014

    0 votes
    10 answers
14. Размер шрифта?

    Привет всем, мне нужен размер шрифта в 14,5 px как отобразить в css ?

    Asked by soltx, September 23, 2014

    0 votes
    10 answers
15. Responsive верстка

    Добрый вечер, при ширине экране 480px внизу отображается скролл, справа большой отступ, помоги найти причину появления этого отступа, пробовал background-size - не помогло. Вот ссылка http://sport.teslalight.com.ua/ Спасибо.

    Asked by mrfrunze, October 2, 2014

    0 votes
    10 answers
16. SVG многоугольник

    Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?

    Asked by DivMan, October 18, 2014

    0 votes
    10 answers
17. Белый экран при переходах между страницами — от чего зависит?

    Доброго времени суток форумчане! Имеется сайт http://www.modelmaking.ru , при переходе по ссылкам (особенно в левом меню) (или из верхнего меню на главную) , на мнгновение появляется белый экран. Замечено это в Хроме в ИЕ в Опере, в сафари и файрфокс все норм. Как думаете в чем проблема??? браузер плохо кэширует главную страницу??? Есть ли пути решения?? Заказчик работу не хочет принимать изза этого бага(((((( показывает сайты где при переходе по ссылкам все норм(

    Asked by Daniil Khanin, October 21, 2014

    0 votes
    10 answers
18. Если нет тега <P>

    Правильно ли я понимаю, что текст в BODY заданный без тега <P> будет форматироваться как с тегом <P> всё равно? Можно ли опускать тег <P>?

    Asked by кэп, October 22, 2014

    0 votes
    10 answers
19. Простая админ-панель для добавления новостей на сайт?

    Простых знаний в javascript хватит, чтобы создать такую админку?Или что-то еще нужно знать дополнительно?

    Asked by RuslanHeYca4ev, October 26, 2014

    0 votes
    10 answers
20. 960gs

    Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.

    Asked by Leyla84, October 28, 2014

    0 votes
    10 answers
21. Неправильно работают якоря

    Всем привет! Возникла такая проблемка с якорями сайта http://thisissite.esy.es/ Нажмите на сауна, дкакузи и питание. Прокручивают не к якорю а к концу блока.

    Asked by box, November 5, 2014

    • якорь
    • html
    0 votes
    10 answers
22. Как разделить фото на две колонки?

    Здравствуйте, подскажите как разделить фотографии на две колонки? У меня стоит так. Хотелось бы видеть так.

    Asked by Гром, November 16, 2014

    0 votes
    10 answers
23. Помощь в верстке сайта для ведущих

    Добрый день! Прошу помочь в верстке сайта http://podarok.roool.ru/. Съехал весть текст в бок и я не могу его поправить. Может подскажите что еще можно исправить на сайте и в коде в плане SEO-оптимизации

    Asked by Serg Shew, December 29, 2014

    • помощь
    • верстка
    • сайт
    • ведущие
    • начинающий
    0 votes
    10 answers
24. как растянуть элемент по высоте родителя?

    верстаю страницу табличной версткой и столкнулся с проблемой. В ячейку <td id="wrap" colspan="2" rowspan="2"> не могу вставить таблицу или див, так, что бы она (он) занимал всю высоту родителя (#wrap). http://jsfiddle.net/dennila2/Lt3L0jw6/ Объясните пожалуйста, как это сделать?

    Asked by Denni, November 30, 2014

    0 votes
    10 answers
25. Проблема с градиентами в IE и Opera

    .blue-button {font-size: 13px; color: #ffffff; padding: 2px 15px; background: -moz-linear-gradient(top, #0E92B6 0%, #0FA2CA); background: -webkit-gradient(linear, left top, left bottom, from(#0E92B6), to(#0FA2CA)); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 0px solid #000000; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -ms-behavior: url(css/pie.htc); behavior: url(css/pie.htc);Почему-то свойство background…

    Asked by okunev2, December 18, 2014

    0 votes
    10 answers