HTML Coding

29542 questions in this forum

1. Chrome и Opera не отображают иконочный шрифт

   Проблема следующая: Хром и Опера отказываются отображать иконочный шрифт, хотя в Мозиле и ИЕ все ок. Самое интересное, что это только на домашнем ПК. На рабочем все браузеры отображают содержимое адекватно. На обоих компах стоит Win7 SP1, браузеры актуальных версий. Шрифты подключил вот так @font-face { font-family: 'symbols-technomart'; src: url('../font/symbols-technomart.eot?23527613'); src: url('../font/symbols-technomart.eot?23527613#iefix') format('embedded-opentype'), url('../font/symbols-technomart.woff?23527613') format('woff'), url('../font/symbols-technomart.ttf?23527613') format('truetype'), url('../font/symbols-technomart…

   Asked by Aziel, October 16, 2016

   0 votes
   4 answers
2. Разница в выполнении обработки узлов DOM между querySelectorAll и getElementsByClassName

   Добрый день! есть два примераhttps://jsfiddle.net/98y72o9x/ и https://jsfiddle.net/wgzq5e3o/ , которые, по сути, выполняют одно и тоже, но результат выполнения скрипта совершенно разный. Насколько я понял, при выполнении скрипта с динамическим объектом(getELementsByClassName) в коллекции второй и третий элементы списка меняются местами(по алфавиту выстраиваются, как мне показалось)... Но, как это играет на результате??? Та и подсчет кол-ва узлов с таким className чем отличается в обоих случаях???

   Asked by Super_Saimon, January 23, 2018

   • javascript
   0 votes
   3 answers
3. Определение классов

   Можно ли определить, что класс1 является непосредственным потомком класса 2. Т.е. если смотреть сверху вниз: класс1 -> класс2, а не класс1 -> класс3 -> класс2

   Asked by Mutant, December 4, 2008

   0 votes
   2 answers
4. Знатоки ! Помогите пожалуйста

   Знатоки! Помогите пожалуйста ! В одном проэкте , мне скинули по мылу архив с готовым сайтом . Я купил домен и хостинг , а теперь не знаю как закинуть этот архив на хостинг , чтобы сайт заработал ( пробовал закинуть файлы архива через ftp вроде все получилось а что дальше делать не знаю) . Кто поможет , не забуду!

   Asked by Lir777, December 28, 2008

   0 votes
   7 answers
5. О верстке дивами

   Привет! Недавно решил попробовать сверстать страничку дивами. На странице слева колонка фиксированной ширины, справа - на всю оставшуюся ширину страницы. Как я сделал: body { margin: 0 0 0 80px; } #left { float: left; margin-left: -80px; width: 60px; /* Между колонками отступ 20px */ } #right { float: left; width: 100%; } Проблема, как водится, с IE6: не отображается левая колонка, видимо, именно потому, что вылезает за границы поля. Я проверил: если сделать колонку чуть шире, чем поле (например, 90px), то отображается именно торчащий 10px кусок. В связи с этим вопрос: как исправляется подобное поведение? Если никак, то какие еще способы реализации вы можете пре…

   Asked by mavsic, July 30, 2009

   0 votes
   4 answers
6. Мерцает меню в IE

   Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит! Вот код меню HTML <div id="nav"> <ul> <li><a href="<?php echo get_settings('home'); ?>">Главная</a></li> <li><a href="#">О компании</a> <ul class="submenu1"> <li><a href="http://cnet.com">Ремонт квартир</a></li> <li><a href="http://mashable.com">Ремонт ванной</a></li> <li><a href="http://techcrunch.com">Ремонт офиса</a></li> …

   Asked by Spamol, October 16, 2009

   0 votes
   1 answer
7. Горизонтальный список с подпунктами

   Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…

   Asked by klim_off, January 30, 2011

   0 votes
   4 answers
8. text-align: justify;

   грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?

   Asked by penchukov, March 18, 2012

   0 votes
   12 answers
9. Масштабирование изображения

   Как сделать, что бы при уменьшении окна броузера у рисунка оставались искомые пропорции по высоте, но по горизонтали он уходил до определенной точки в левую часть окна. Как вот тут http://htmlbook.ru/ надпись "Рецепты CSS" с логотипом на зеленом фоне. Что бы было понятно, что мне нужно, поиграйтесь с размерами окна. Надпись всегда остается по центру и уже когда окно браузера становится совсем маленькое правая его часть начинает скрывать рисунок.

   Asked by nikromant, December 23, 2012

   0 votes
   7 answers
10. Студент - сайт для портфолио на практику. Подскажите есть ли серьезные ошибки

    Доброго времени. Студент-айтишник, вэб у меня непрофильное. Знакомый попросил сделать небольшой сайт статику для его фирмы. Я согласился, прочитал учебник, ну и сделал то что сделал. Планирую искать практику, и сайт приложить к cv. Кому несложно - оцените пожалуйста в целом, есть ли какие-то ошибки и косяки, чего не хватает, что лишнее. Буду благодарен за любой совет. http://themvm.wc.lt/ Код (cтена текста!): css html

    Asked by asdds, November 22, 2014

    0 votes
    9 answers
11. Help me guys!

    Очередной мой глупый вопрос.Не могу понять в чем проблема. Крч по теме меню авторизации уезжает вниз в хроме, мазила отображает нормально.Прописал див'у с лого display:inline; не какой реакции в хроме (опять же в мазиле все как надо и на display:inline; он реагирует поднятием блока на уровень с логом).И тут тоже все как надо http://jsfiddle.net/6rdj3983/ Вот такая картина в chrome http://itmages.ru/image/view/2238173/209643b5 Вот что в Mazilla Firefox http://itmages.ru/image/view/2238172/bc124c21

    Asked by NapNu, January 31, 2015

    • Проб
    • с версткой
    0 votes
    4 answers
12. Верстка небольшого блока

    Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...

    Asked by beliy, December 5, 2015

    0 votes
    7 answers
13. background

    Не работает... почему не понимаю #headerSlogan{ background: url('img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;" charset="win-1251" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <title>Untitled Document</title> </head> <body> <div id="headerSlogan">Slogan</div> и еще вопрос при использоании чарсета UTF-8 все браузеры не корректно отоб…

    Asked by The1stPresident, November 1, 2007

    0 votes
    2 answers
14. Синтаксис Page-Break

    Не могу найти полный синтаксис с определением для Page-Break-Before / Page-Break-After Help Me !

    Asked by Leodan, November 2, 2007

    0 votes
    2 answers
15. Верстка под углом

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

    Asked by xia, November 17, 2007

    0 votes
    4 answers
16. При изменении длины слова, вся задумка портится...css :hover

    В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…

    Asked by bubl, November 21, 2008

    0 votes
    4 answers
17. Съезжает колонка в IE 6

    Здравствуйте! На сайте /* удалено */ съезжает правая колонка в IE 6, посмотрел, но так и не смог определить, где собака порыла, будут идеи?

    Asked by Mr.Smith, December 30, 2009

    0 votes
    2 answers
18. Свойства padding-top

    Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когд…

    Asked by Belovsan, July 29, 2010

    0 votes
    7 answers
19. Шаблон "ездит"

    Есть сайт pohodkin.ru.Если перейти на форум то видно что главный блок немного увеличился,не смотря на присутствие фаербага ,так и не пойму почему такое происходит

    Asked by NeoMurderer, March 28, 2011

    0 votes
    11 answers
20. Отступы из ниоткуда

    Написал вот такое: <header class="header"> <div class="wrap"> <div class="logoimg"><a href=""></a></div> <h1 class="logo"><a href="#">Environmental.com</a></h1> </div> </header> .header { height: 113px; width: 100%; background: url("../image/header-bg.png") repeat-x; } .wrap { position: relative; width: 1024px; margin: 0 auto; height: 100%; } .logoimg { float: left; margin: 32px 0 0 50px; width: 48px; height: 47px; background: url("../image/logo.png") no-repeat; } .logo a { font: 31px 'Centu…

    Asked by ShootingStar, February 21, 2012

    0 votes
    11 answers
21. overflow:hidden для непрямоугольного блока

    Здравствуйте. Столкнулся с такой проблемой Скрин в Хроме, ФФ, IE http://prntscr.com/4flbmx Скрин в опере и сафари: http://prntscr.com/4flbki Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы. Спасибо.

    Asked by vovka-morkovka, August 23, 2014

    • overflow:hidden
    0 votes
    15 answers
22. семантика

    Подскажите, что ещё существует для семантически на сайте, кроме <main role="main">. То есть кроме html5-тегов и ролей.

    Asked by PavelTkachev, November 12, 2014

    0 votes
    8 answers
23. Скачивание по ссылке

    <div class="newsletter_form"> <form> <input type="text" placeholder="Скачать прайс PDF"/> <input type="text" placeholder="+ презентация"/> <button><a href="files/1.pdf" download> Скачать</a></button> <div class="clearfix"></div> </form> </div> http://vitaliykurzaev.ru В IE и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…

    Asked by vitaliy2018, July 24, 2016

    • скачивание по ссылке
    0 votes
    8 answers
24. css помогите с :hover

    https://jsfiddle.net/sipsap/w547anoh/ Вопрос: 1. Как сделать так что бы текст менял свой цвет вместе с hover'ом заднего фона, а не нужно было наводить на него отдельно? 2. Не как не могу понять как мне задействовать в активном блоке верхнюю картинку? (мне данны две картинки на одной области. Снизу, бела сверху черная) Пример:

    Asked by hover, December 2, 2017

    • html
    • меню
    0 votes
    3 answers
25. Событие по onclick

    Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('…

    Asked by koshkina, March 19, 2008

    0 votes
    1 answer