HTML Coding

29542 questions in this forum

1. Ошибки валидации, ну объясните мне..

   ..почему в работах уважаемых веб-студий и топовых фрилансеров-верстальщиков куча ошибок (не редко больше сотни) при проверке на валидацию, как css, так и html. В чём тогда смысл фразы "верстаю валидно..." во всех их резюме? ну НЕ ПОНИМАЮ!

   Asked by mewcherry, February 26, 2011

   0 votes
   23 answers
2. Как сделать отступ между Li:before и текстом

   https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

   Asked by nikki4, November 10, 2018

   0 votes
   2 answers
3. Перенос трок в теге <pre>

   Удобно использовать тег , потому что не надо втыкать бесконечное количество переносов строки (там где это нужно)Но проблема заключается в том что если какаето строка сама по себе оч длинная , то и ширина блока создаваемого этим тегам оч длинная(по ширине строки) что растягивает дизайн там где это не нужно .... Подскажите - возможно ли задать фиксированную длину этого блока и если строчка длине, то производился бы перенос на новую строку ( как допустим в div происходит)

   Asked by serega86, January 9, 2008

   0 votes
   9 answers
4. Validation Output: 6 Errors

   Всем привет! Хочу довести сайт до ума и сейчас занялся Валидностью кода! Было 131 ошибка, но снизил все до 14 4 из них это noindex - бог с ним! Но вот привожу 10 остальных! document type does not allow element "div" here …h +'px;height:'+ bigHeight +'px;z-index:9999;'+xPosBig+';top:-1000px;">'); document type does not allow element "div" here …mbWidth +'px;height:'+ thumbHeight +'px;z-index:9999;'+xPos+':0px;top:0px;">'); end tag for "param" omitted, but OMITTAG NO was specified …ad.ru/images/banners/butikparfum.swf"><embed src="http://onlin.... there is no attribute "src" …s/banners/butikparfum.swf"><embed src="http://onlid.ru/images/banne… there i…

   Asked by artrush, August 31, 2010

   0 votes
   15 answers
5. Вспышки при обновлении страницы

   Всем привет. помогите решить проблемы. При обновлении страницы за фоном на милисекунду мерцает белый фон, очень раздражает глаза. Как от этой вспышки избавиться попроще? по ссылке видео снял https://www.youtube.com/watch?v=iqLIyzxdJCc&feature=youtu.be

   Asked by html_user, December 18, 2015

   • вспышка
   0 votes
   8 answers
6. Опять маркеры пропали Х(

   Доброго времени суток. Как обычно проблемы со списками у меня. На этот раз такие - в IE маркеров нет вообще, -в Opera(10) маркеры, которые появляются при наведении мышки на ссылку, при этом же центрируюется текст внутри ссылки, тоже центрируются вместе с текстом( .Хром, Фаер, Сафари - едят все как надо, вот Оперу не уговорю никак(. Страничка : http://www.beavers-net.narod.ru/capricorn.html *Еще проблема - по непонятным причинам IE от QIP вызывает дебаггер при кликах на меню.. В ИЕ-тестере такого не обнаружил. полный css к менюшке: #menu li a{ display : block; background : #decda1; border : 1px solid #aaffaa; color : black; height : 23px; width : 105px; mar…

   Asked by tt48, December 29, 2009

   0 votes
   14 answers
7. internet explorer + <button> + смещение при клике

   Кто нибудь боролся с тегом <button> под IE? Дело в том что при нажатии содержимое тега сдвигается влево и вниз на 1 пк. Знает ли кто-то как это предотвратить?

   Asked by klierik, April 22, 2011

   0 votes
   8 answers
8. Вопросик от НубкО

   Тякс, подскажите кто сможет! Табличная верстка, в случае если разрешение монитора 1024*768 и выше, то таблица должна принимать ширину = 1000px, в случае если разрешение меньше 1024*768 то таблица сужает одну из своих ячеек и принимает максимальную ширину, но так что бы не появлялась полоса прокрутки по горизонтали... ммм я думаю я понятно обьяснил =) спс за помощь!

   Asked by Li-Mit, November 30, 2007

   0 votes
   12 answers
9. Одна ячейка, разное выравнивание

   Ребят, поставил себе задачку, Имеем: 1 ячейка таблицы, две картинки Задача: Нужно, чтобы одна картинка выравнивалась по верхнему краю, а другая по нижнему, в Одной ячейке Решение было найдено засчёт margin-top: у одной из картинок <style type="text/css"> *{ margin: 0; padding: 0;} table{ border-collapse: collapse; width: 300px;} table td { border: 1px solid #f00; height: 200px; text-align: center; vertical-align: top;} table td img.bottom { display: block; margin-top: 150px;} </style> <table> <tr> <td> <img src="green-but.jpg" alt="" /> <img class="bottom" usa-f.jpg" alt="" /> </td> &l…

   Asked by psywalker, May 12, 2009

   0 votes
   20 answers
10. валидные картинка и её ховер

    Как корректно вставить 2 картинки в одну область, что бы валидатор не фурчал? Например меню картинками, одна картинка элемент меню, вторая ховер на нём. Я 2 класса делаю с разными бекграундами и в <a> пихаю <li> что есть невалидно. Код HTML <ul> <a href="index.html"><li class="top_menu1"></li></a> </ul> Код CSS .top_menu1{ background:url(Images/top_menu1.png) no-repeat; width:54px; height:12px; margin:1px 0 0 5px; } .top_menu1:hover{ background:url(Images/top_menu1_red.png) no-repeat; cursor:pointer; }

    Asked by John Do, May 10, 2012

    0 votes
    5 answers
11. Как поместить div в список, отображающийся в строчку?

    Помогите пожалуйста! Как поместить div (или таблицу) размером, например, 100х100 в список, стиль отображения которого display:inline (Div - ы соответственно тоже должны располагаться в строчку)?

    Asked by Inoxia, March 14, 2008

    0 votes
    1 answer
12. не отображается xml с РУССКИМ контентом

    здрастье каша проста: есть xml: <?xml version="1.0" encoding="WINDOWS-1251"?> <text> <head>TITLE</head> <article> А ВОТ ТУТ НАПИСАНО на РУССКОМ. </article> </text> есть php: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4.01/loose.dtd"> ... <?php $dir = 'data/001/testArticle.xml'; $xmlDoc = simplexml_load_file($dir); echo $xmlDoc->article; ?> ... Английское "TITLE" выводит прекрасно. "А ВОТ ТУТ НАПИСАНО на РУССКОМ" - тут лажа. АБРА-КОДАБРА. :/ -- ?

    Asked by Bolmazov, June 11, 2008

    0 votes
    13 answers
13. Картинки вместо текста в навигации

    Есть менюшка, которую можно сделать только картинками. Но, можно ли так делать? ведь в этом случае название пунктов меню будет только в классах, из ссылок придётся удалить. Не знаю, может это неправильно по семантике, или для будущего продвижения... <li><a class="home" href="#"></a></li> <li><a class="portfolio" href="#"></a></li> <li><a class="about" href="#"></a></li>

    Asked by 1284metra, March 30, 2011

    0 votes
    8 answers
14. Как так сделать?

    Как сделать чтобы ссылка на файл была например не http://locahost/files/files.html, а просто http://locahost/files/?

    Asked by vvsh, January 10, 2008

    0 votes
    11 answers
15. Немогу((((((

    У меня опять где-то ошибка, помогите найти, плз! <?php function validate($allSubmitted) { $message = ""; $passwords = $allSubmitted["pword"]; $firstPass = $passwords[0]; $secondPass = $passwords[1]; $username = $allSubmitted["name"]; if ($firstPass != $secondPass) {$message = $message."Пароль подтвержд?н не верно. ";} if (strlen($username) <5 || strlen($username) >20) {$message = $message."Имя пользователя должно быть не меньше 5 и не больше 20 знаков. ";} if ($message == "") {$message = "OK";} return $message; } function db_connect($user='Elendor', $password='758575', $db='site') {mysql_connect('localhost', $user, $password) or die('Поп…

    Asked by Elendor, March 2, 2008

    0 votes
    13 answers
16. Легенький макет поверстать для "зеленого" новичка

    Подскажите где найти или скиньке кто-то легенькие макеты для "зеленого" новичка поверстать. Я только начал изучать верстку и еще не чего толкового не верстал. Очень уж хочется все это осилить)))

    Asked by art-ajn, June 16, 2013

    0 votes
    25 answers
17. Помогите разобраться в чем проблема с PerfectPixel

    Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.

    Asked by Super_Saimon, September 24, 2017

    • perfectpixel
    • позиционирование блока
    0 votes
    12 answers
18. Как поместить картинку по верх Flash объекта.

    Впринцепи сабж это и есть вопрос. Пробывал через "z-index" вс?равно flash вверху. Задача: разместить картинку по верх flash игры.

    Asked by maxsa, June 26, 2007

    0 votes
    4 answers
19. ie11 не отображает подключенный шрифт

    Сделал шрифт из иконок через сервис http://fontello.com/ Все прекрасно работает во всех браузерах, даже в ie8,9 проверил, отображаются. А открыл в ie11 не отображаются. Вот на этой странице с правой стороны блоков. Подключаю так: @font-face { font-family: 'post-types'; src: url('font/post-types.eot?8381614'); src: url('font/post-types.eot?8381614#iefix') format('embedded-opentype'), url('font/post-types.woff?8381614') format('woff'), url('font/post-types.ttf?8381614') format('truetype'), url('font/post-types.svg?8381614#post-types') format('svg'); font-weight: normal; font-style: normal;}В чем может быть проблема? Помогите пожалуйста. Гугл не помог. Так же есть ли во…

    Asked by li4e, February 8, 2014

    0 votes
    2 answers
20. Padding смещает вс? что ниже

    Есть таблица, в нижней ячейке я спускаю текст с помощью padding-top #top-center td.menu{background: url(../images/topmain/topmain_05.jpg) no-repeat top left; vertical-align:top; padding-top: 28px; padding-left: 80px; width:999px; height:99px;} Но вместе с этим смещается совсем другая таблица, расположенная ниже этой. Почему так происходит? Т.е. между этими таблицами появляется пустое место...

    Asked by allmoney.ws, October 3, 2007

    0 votes
    7 answers
21. В IE и в Opera левый блок съезжает вниз

    Ошибку найти не получается. В FF все отображается правильно, а в Опере и IE при добавлении текста больше, чем помещается на 1 экран, левый блок пикселей на 100-150 смещается вниз. а при прокрутки страницы фон блока остается на месте, а содержимое ездит. Посмотреть пример можно тут: Пример

    Asked by Koshak, December 25, 2008

    0 votes
    11 answers
22. не получается сделать двойной hover

    надо сделать вот так: а получается вот так: доп материалы с кодом:

    Asked by tbgiyl, August 14, 2022

    • hover effects
    • hover
    0 votes
    3 answers
23. Помогите пожалуйста

    Пожалуйста, помогите переделать! CSS код #menu_cont ul { font-size: 0.85em; margin: 0; padding: 0; list-style: none; } #menu_cont li { display: inline; float: left; } #menu_cont li a { display: block; padding: 7px 20px; color: #003388; background-color: #f5f5f5; margin-right: 2px; } #menu_cont li a:hover { display: block; padding: 7px 20px; color: #333; background-color: #fff; margin-right: 2px; } #menu_cont li span { display: block; padding: 6px 20px; color: #555; background-color: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-right: 2px; } HTML код <div id="menu_cont"> <ul> <li><a href="#…

    Asked by Alisa, December 5, 2008

    0 votes
    14 answers
24. Окошко флеш плеера перекрывает CSS меню, а нужно наоборот

    Ребята, подскажите, а то не знаю что делать. Есть страничка, где настроено динамическое выпадающее css-меню. Также на странице есть несколько окошек с flash-контентом. Когда только заходишь на страницу и открываешь выпадающее меню, то если меню попадает на окно плеера, то все выглядит как надо (меню накрывает плеер). Но если запустить содержимое плеера, то с этого момента навигационное меню пересечении с плеером оказывается под ним (плеер перекрывает меню). Как мне добиться того, чтобы меню всегда было поверх любого контента на странице. Если не ясно что я имел ввиду, то просто посмотрите то, что у меня получилось, на моей страничке. И еще вопрос, можно как-то на сайте оп…

    Asked by ITdreamer, March 24, 2010

    0 votes
    7 answers
25. Проблема с div-ссылкой в Firefox

    Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…

    Asked by bems, November 30, 2010

    0 votes
    10 answers