HTML Coding

29,542 questions in this forum

1. Размер шрифта в таблицах.

   Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное. Одинаковый код на разных хостингах. Размер шрифта прописан только для BODY - 13px; На одном хостинге у текста в таблице шрифт такой же - 13px. На другом 16px (т.е. размер по умолчанию). Как это исправить я понимаю: TABLE{font-size:13px} Но как объяснить это явление? И должны ли таблицы, как все нормальные люди, наследовать шрифт от BODY?

   Asked by Колос, May 18, 2009

   0 votes
   6 answers
2. CSS + SVG animation

   1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.

   Asked by VitaliyAT, May 12, 2012

   0 votes
   1 answer
3. Какую спецификацию html стоит читать на данный момент ?

   Какую спецификацию стоит читать, основы я знаю, вот думаю начать не просто верстать как попало а уже зная спецификацию. https://www.w3.org/standards/techs/html#w3c_all Точнее даже какую версию лучше читать сейчас: HTML 5.1 2nd Edition (2017-10-03) или HTML5 (2014-10-28) То что по новее или то что по старше ?

   Asked by Димитрий, October 23, 2017

   • спецификация html
   0 votes
   13 answers
4. Текст и картинки по центру...

   Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#">&lt…

   Asked by iAL, March 3, 2009

   0 votes
   14 answers
5. Изменение цвета ссылки при нажатие

   Собственно задача вот в чем: есть ссылки в меню и при нажатие на ссылку она должна становится красной допустим, но если использовать: A:visited то после нажатия на эти ссылки они и остаются такого же цвета всегда, а мне нужно чтобы нажал допустим на пункт 1 он стал красный а остальные все черные, нажал пункт 2 он стал красным а остальные все черные, и красный он стал на все время пока выбран этот пункт...

   Asked by lapas, March 27, 2009

   0 votes
   8 answers
6. h1 margin - отступ не там

   <div id="container"> <div id="header"> <h1>text</h1> </div><!--header--> div#header h1 {width:333px; height:37px; background:url(../img/h_title.gif) no-repeat; margin: 70px 0 0 32px;} Т.е. верняя граница контейнера и хедера должна прилипать к верху... А h1 должен отсупить вниз... но вместо этого отступ делает не h1, а весь контейнер... так в FF. В ie нормально. Если перед h1 вставить параграф с текстом, то тогда все нормально... Что это?

   Asked by Ronny7, December 15, 2009

   0 votes
   4 answers
7. Расширяемый хостинг

   Всем привет. Задался тут вопросом, есть ли хорошие расширяемые хостинги. То есть, например, вначале у тебя маленький сайтик, поэтому и ресурсы нужны небольшие. Да плюс и не знаешь, будет ли востребованным сайт. Вот и получается нужен лёгкий, недорогой хостинг. А потом, если вдруг сайт будет расширяться или же ещё один сайтик добавится, этот хостинг расширить, так сказать купить более расширенный пакет. Так вот, если ли такие хостинги?

   Asked by IceGidra, June 11, 2016

   0 votes
   12 answers
8. не получаются правильные переносы

   На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названи…

   Asked by begin, September 30, 2007

   0 votes
   3 answers
9. Внедрение шрифта...

   Собственно говоря есть сайт, в котором использован нестандартный шрифт... Необходимо чтоб он отображался у всех корректно... Я поискал в интернете, нашел инструкцию и сделал следующее: в cs напиписал @font-face { font-family: "Grad"; src: url(images/grad.ttf) format("truetype"); } соответственно grad.ttf положил туда куда надо... НО ничего не заработало =( кто-нть может подсказать где ошибка, или подсказать иной работающий способ.... Заранее благодарен.

   Asked by mastersin, August 21, 2008

   0 votes
   3 answers
10. Объясните пожалуйста как исправить

    Вот в чем проблемка. вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток. <html> <head> <title>Таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html {width: 100%; height: 100%; padding: 0px; margin: 0px;} body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;} .main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;} .main td {padding: 0px; margin: 0px; border: none;} </style> </head> <body> <table class="main" cellpadding="0" …

    Asked by PEOP, December 6, 2008

    0 votes
    9 answers
11. Баг в Opera

    Дрямс, помогите решить проблему в Opera: Пример см. здесь если поводить по меню (табs), в Opera весьма странно ведет себя таб "Полезное". Реализация сего меню на CSS исключительно, но есть небольшой скриптик для IE, т.к. он не понимает свойства :hover к любым другим элементам, кроме "a"

    Asked by BassEast, March 26, 2009

    0 votes
    12 answers
12. Центровка текста по вертикали

    Верстаю сайт http://vsenadomu.ru/ и никак не могу отцентрировать поле поиска Вот такой код работает в ИЕ7 и FireFox 3 и хроме, но не работает в Opera 9.64. Если поставить padding 0 0 0; убрать vertical-align: bottom и добавить line-height:48x, то работает везде крому firefox sad.gif /* Search */ #at-search { background: no-repeat left center; position: absolute; top: 21px; left: -10px; z-index: 0; float: right; margin: 0; } #at-search .inputbox { color: #070000; width: 275px; background: url(../images/search.png) no-repeat; text-transform: none; text-align: center; padding: 15px 0 0; height: 48px;vertical-align: bottom; border-width: 0; } .narrow #at-search .inputbox{ …

    Asked by szag, August 28, 2009

    0 votes
    5 answers
13. Меню-картинка с открывающимся списком-текстом

    Здравствуйте, подскажите пожалуйста, как сделать из такого меню так, чтобы при наведении мышкой на картинку (или нажатии) открывался бы вниз многоуровневый список? Вот html код создаваемого меню: <td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="1024" height="223"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"align="left"><tr><td background="images/1_1.jpg" border="0" width="136" height="78"></td></tr><tr><td background="images/1_2.jpg" border="0" width="136" height="74"></td></tr><tr><td background="images/1_3.jpg" border="0" width="136" …

    Asked by Shevskay, March 15, 2010

    0 votes
    2 answers
14. Div в joomla

    Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…

    Asked by :tyz, April 7, 2010

    0 votes
    6 answers
15. как сделать так, чтобы фон тоже мигал?

    http://jsfiddle.net/HPsz4/

    Asked by DivMan, May 26, 2013

    0 votes
    20 answers
16. Материал для изучения HTML и CSS

    Здравствуйте! Подскажите пожалуйста какие-либо ресурсы / материалы для изучения HTML + CSS включая современные тенденции в этой области, что подразумевается под фразой "современные тенденции", когда то давно я начал изучать PHP, там были примеры как писать Web-приложения, построенные на функциях и множестве файлов (точек входа), потом все выученное я пытался адаптировать под классы, множество раз переписывал, с целью найти правильную концепцию написания сайтов, пока мне не посоветовали прочитать про схему MVC, если бы допустим в книге это было написано, я бы сэкономил кучу времени. Так же просьба отнестись с пониманием, перечитывать 10 книг по HTML и CSS это конечно хор…

    Asked by CLK, April 26, 2015

    • изучение HTML и CSS
    • литература HTML и CSS
    • материалы HTML и CSS
    • ресурсы HTML и CSS
    • статьи HTML и CSS
    • современные тенденции HTML и
    0 votes
    5 answers
17. Возможно ли?

    Доброго времени суток господа и дамы... Не стал в заголовке расписывать весь вопрос - слишком длинно будет (извините). Вопрос в следующем: Возможно ли только с помощью HTML и CSS сделать такое же горизонтальное меню, как в шапке htmlbook.ru ..., ну, вот это, где "Статьи", "Книги", "Шаг за шагом" и т.д. К примеру, я выбираю "Книги" - он (пункт меню) соответствующим образом форматируется (как выбранный пункт меню), и остается таковым пока я не выбиру другой пункт меню. При выборе другого пункта, к примеру "Рецепты", пункт "Книги" форматировался бы опять, как НЕ выбранный пункт меню. Возможно такое уже обсуждалось, но я не нашел. Подскажите пожалуйста, не сочтите за труд.

    Asked by Hoc, March 17, 2008

    0 votes
    13 answers
18. Проблема с вёрсткой

    Здравствуйте. Делаю свою первую вёрстку на дивах+ таблицы.. в дримвевире. в редакторе всё смотрится как положено, а в браузере не порядок... в лисе футер не уходит в низ, в ИЕ7 вообще нижняя прокрутка появилась и бекграунт загружается как будто картинка на 10 мегабайт частями с верху в низ. хотя картинка заливки всего 1х2 пикселя. я понимаю что где-то накосячил, но ума не приложу где именно. Вот код CSS html,body{ height:100%; margin:0px; padding: 0px; background:url(images/vipseo_01.gif); } #logo { width:371px; height:309px; position:absolute; top:0px; left:0px; background:url(images/logo.png) no-repeat; } #menu { width:400px; height:78px; position:absolute; top:0…

    Asked by Veanissepil, August 30, 2008

    0 votes
    7 answers
19. не получается таблица

    не получается и все тут, не получается у меня таблица. никак не могу разобраться: нужно, чтобы под 1 заголовком было 4 пункта, под вторым только 1, под 3 - 2 пункта, а под 4 - три. не могу научиться рисовать :-( помогите, пожалуйста, кому не трудно. очень надо.. спасибо заранее

    Asked by ntym, November 27, 2008

    0 votes
    3 answers
20. Подскажите хорошую книгу(и) по CSS.

    Подскажите хорошую книгу(и) по CSS. Желательно чтобы в ней подробна был рассмотрена верстка с помощью слоев. Заранее, спасибо...

    Asked by bobr0ff, January 10, 2009

    0 votes
    8 answers
21. Не работает overflow:hidden в Opera 12.16

    Здравствуйте! Почему-то Opera 12.16 не хочет обрезать затухающие линии у блока .disc при overflow:hidden. Похожее дело и с блоком .tail. Тут Opera 12.16 не хочет обрезать тень от дочернего элемента. Что это? И как обойти? http://cssdeck.com/labs/full/jb72htly

    Asked by Johnney, November 1, 2013

    • opera
    • overflow:hidden
    0 votes
    16 answers
22. Вопросы по верстке от новичка

    1. Как (можно ли вообще) настроить в WebStorm Emmet (ex-ZenCode) Preview? В основном окне редактора я ввожу к примеру: table+ а в соседнем окне чтобы отображалось то, что появится если я нажму ТАБ <table> <tr> <td></td> </tr></table> 2. Хочу live edit, Установил лпагин для Хрома JetBrains IDE Support 2.0.9При открытие index.html запускаю Debug в хроме открывается новое окно пишет что отлаживает этот браузер. Но при написании дополнительного кода в окне хрома ничего не обновляется. Если обновить страницу то обновление появляются Можно ли как то сделать автоматом обновление, как на видеотуториалах? Настройки из коробки по у…

    Asked by Vmelnikoff, January 31, 2016

    0 votes
    5 answers
23. Появление окошка навигации

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

    Asked by Vlad111, March 7, 2008

    0 votes
    9 answers
24. position:fixed в IE и выравнивание по правому краю

    Из-за неработоспособности position:fixed в 6 эксплореле, пришлось применит следующий код, для фиксирования элемента на экране но проблема в том, что на некоторых страницах, появляется скрол и элемент fixed, который прикреплен к правому краю заезжает на него... каким образом сделать так чтобы, фиксированный элемент не наезжал на скрол?

    Asked by alex196, March 9, 2011

    0 votes
    10 answers
25. Посоветуйте CMS для редактирования.

    Всем привет. Написал сайтик теперь думаю как организовать доступ для редактирования содержимого.Что скажите про joomla? Благодарю за советы.

    Asked by ruslanlizogub, May 29, 2013

    • html
    • css
    • cms
    • web
    0 votes
    13 answers