HTML Coding

29542 questions in this forum

1. Ссылки, href - относительные и абсолютные, правильность написания

   Наткнулся на новую рекомендацию написания относительной ссылки, и в общем задумался о самом правильном и грамотном отображении линков. Поскольку код пишу непосредственно в файле на хостинге, сам всегда использую абсолютные ссылки (к примеру a href="//www.site.ru"), Но знаю что многие верстают на домашней машине и там же проверяют, соответственно используют относительные ссылки. Отцы профессионалы, перечислите самые правильные варианты написания ссылок, желательно с примерами. _________ Собственно видел такие варианты относительных ссылок: a href="../img/picture.jpg" a href="./img/picture.jpg" a href="/img/picture.jpg"

   Asked by cmndr_alexgreen, February 28, 2013

   • href
   0 votes
   7 answers
2. Меню - изображение

   Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в Ucoz Есть изображение машины - хочу сделать из него меню, примерно выглядеть оно должно так - чтобы: при наведении на, к примеру стекло(слово), стрелка и сам текст менял цвет, а при нажатии переходило по ссылке. код в css: .logo{background:#E7E7E7 url('/img/theme/apb/logo.jpg') no-repeat top в html: <div class="nHead"> <div id="logo"> <a href="/"> <img src="/sp.gif" class="logo" alt="Логотип" /> <img src="/sp.gif" class="logoLayer" /> </a> </div></div> используется несколько стилей css, т.е. при смене на другой стиль должна выв…

   Asked by Baton4ik, December 22, 2013

   • Меню
   0 votes
   5 answers
3. Верстка неровных неровных блоков с закруглением

   Привет всем, объясните принцип верстки подобных блоков

   Asked by exoty, July 27, 2018

   1 vote
   6 answers
4. Оформление тега <audio>

   Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?

   Asked by deekep, August 30, 2018

   • audio
   • css
   • html
   • design
   • js
   • help me
   0 votes
   3 answers
5. выравнивание с помощью float

   Вопрос следующий. Почему при: float:left; - картинка обтекает текст, а при float: right; - нет? https://jsfiddle.net/ukd7pema/6/

   Asked by User357, April 22, 2020

   0 votes
   7 answers
6. для чего файл robots.txt, что в н?м должно быть??

   для чего файл robots.txt, что в н?м должно быть и можно ли без него обойтись?? если не сложно, просьба причести пару примерв внутреннего содержания robots.txt заранее спасибо..))

   Asked by Arkada, February 25, 2008

   0 votes
   5 answers
7. как это понять ?

   Изучая глубже HTML наткнулься на это =================================================================== <!ELEMENT A - - (%inline;)* -(A) -- якорь --> <!ATTLIST A %attrs; -- %coreattrs, %i18n, %events -- charset %Charset; #ПРЕДПОЛАГАЕТСЯ -- набор символов связанного ресурса -- type %ContentType; #ПРЕДПОЛАГАЕТСЯ -- информативный тип содержимого -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя целевой ссылки -- href %URI; #ПРЕДПОЛАГАЕТСЯ -- URI связанного ресурса -- hreflang %LanguageCode; #ПРЕДПОЛАГАЕТСЯ -- код языка -- rel %LinkTypes; #ПРЕДПОЛАГАЕТСЯ -- типы…

   Asked by kukurikan, October 25, 2008

   0 votes
   3 answers
8. colspan в IE

   <style> table.blog{ width: 100%; border-collapse: collapse; border: 0; margin: 0; padding: 0; } table.blog td{ border: 1px solid #CECFCE; padding: 5px; text-align: left; vertical-align: top; } table.blog td.face{ width: 120px; height: 120px; background: #fdd; } </style> <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 </td></tr> </table> </td></tr> </table> почему в IE6 (у ме…

   Asked by idler, January 10, 2009

   0 votes
   1 answer
9. Окошко со скроллингом

   Как сделать такое... как сказать.. окошко. Чтобы оно было определенного размера и были полосы прокрутки внутри. Такое есть в полной версии написания сообщения на этом форуме - там где смайлы. Вот мне нужно окошко где есть скроллинг. заранее спасибо.

   Asked by Rasie1, December 17, 2009

   0 votes
   5 answers
10. Активная ссылка в разных броузерах

    Всех с наступившим 2010 годом. Удачи, благоролучия и вдохновения!!! Вроде пустяшный вопрос - а решить не могу. Подскажите пажалуйста при таком коде в CSS #tab a span {color:blue;} #tab a:hover span {color:green;} #tab a:active span {color:red;} активная ссылка red только в IE/. Остальные броузеры (от Opera до Chrome) после клика при уводе курсора ссылку ссылку снова делают blue.На сам клик делают red . Это исправимо? Или искать другие способы?

    Asked by olva, January 5, 2010

    0 votes
    12 answers
11. Original Hover Effects

    Подскажите, как сделать <h2>Hover Style #1</h2> видимым до наведения мышкой? http://goo.gl/xWveO

    Asked by Poptimistic, October 31, 2012

    0 votes
    5 answers
12. Горизонтальная прокрутка или Страница под ширину экрана.

    Доброго времени суток. Сайтом занимаюсь всего 3 месяца, поэтому смело называюсь чайником. Задач поставлено много, но с одной справиться не могу. На сайте http://nastya-for-you.dp.ua/ проблема при масштабировании браузера более 100%. Все виджеты сползают в подвал. А на маленьких экранах (нетбук) вообще всё сползает вниз. Подскажите может скрипт какой или код куда прописать. Попробовал вот такую штуку http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana но результатов никаких. Спасибо.

    Asked by Livo85, March 31, 2014

    • Горизонтальная прокрутка
    • Страница под ширину экрана
    0 votes
    9 answers
13. как сделать чтобы див растягивался по содержимому

    1111

    Asked by uhwhat, July 9, 2014

    • div
    0 votes
    6 answers
14. GitHub

    Здравствуйте у меня вопросы 1.Как добавить пользователя к себе в друзья?(если такое возможно) 2.Как добавить репозиторий к себе на главную страницу?(не клонировать, а чтоб смотреть изменения) 3.Как сделать чтоб все изменения шли мне на мейл? Очень жду ответа

    Asked by Аниме Любитель, February 23, 2017

    • github
    0 votes
    6 answers
15. Приоритеты CSS

    index.html <html> <head> <link href="one.css" rel="stylesheet" type="text/css" /> <link href="two.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="divid"> <div>qedasd</div> <div>qedasd</div> <div>qedasd</div> <div class="divclass">fdfdf</div> </div> </body> </html> one.css #divid div {color:red;} two.css .divclass{color:blue;} Вот такая конструкция не работает. Можно править только two.css. Есть мысли?

    Asked by Dimitry Wolotko, April 9, 2008

    0 votes
    5 answers
16. Dreamweaver CS3

    Что нужно сделать, чтобы при создании нового файла Dreamweaver выводил по умолчанию не <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> а <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    Asked by Shuranka, April 25, 2008

    0 votes
    5 answers
17. Обрезает таблицу ie

    В ie обрезает таблицу, подскажите как можно это исправить http://www.npounit.ru/new/catalog.php?mode...info&id=232

    Asked by qwelp, January 21, 2009

    0 votes
    1 answer
18. не могу поставить блоки по середине сайта

    на сайте несколько ссылок набитых на квадратных картинках (9шт) все они смещены влево к меню сайта а не по середине.помогите! не получается что бы они были по середине вот мой код: <table cellpadding="0" cellspacing="53px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><fo…

    Asked by denis21, May 4, 2011

    0 votes
    4 answers
19. Анимация в CSS3

    Собственно, недавно хотел проявить участие в мини-конкурсе (про Новый год) на этом форуме. Там надо сделать зацикленную анимацию. Я сначала подумал, куда ж тут без JavaScript. Я-то тогда думал, что анимацию в CSS3 можно делать только при наведении курсора (transition). Ну и забросил, я в JavaScript не очень разбираюсь (только если со справочником чего путного могу сделать), я больше по серверным технологиям. Так вот, поучаствовал в другом мини-конкурсе и начал рассматривать работы конкурентов. Увидел у одного участника такой код: animation: roll 1s infinite linear;Удивился. Откуда такое свойство взялось? Весь HTMLBook перерыл, не нашел такого. Этот пропуск в информации н…

    Asked by iKNG, November 20, 2013

    0 votes
    3 answers
20. Помгите написать CSS для вывода изображений

    Добрый день. Я столкнулся с такой проблемой в WP: В процессе поиска решения, мне посотетовали что правильнее будет "отделение оформления от содержания" Но я совершенно не умею этого делать. В посте у меня одна картинка 150 х auto (миниатюра), остальные 100% х auto. помогите с куском кода для CSS, куда его вставить, и что нужно добавить в код картинки, что бы это было реализовано? (в приоритете перед физической шириной, шириной указанной в коде вывода картинки и, возможными другими установками темы? Возможно я что то не правильно формулирую, но моих знаний (точнее мое полное не знание CSS) не позволяет сформулировать точнее. Спасибо

    Asked by tester2014, September 23, 2014

    0 votes
    13 answers
21. Картинки с сылкой в ряд по горизонтали по центру блока с авто margin

    Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…

    Asked by bobsa, January 9, 2015

    • css
    0 votes
    4 answers
22. Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?

    Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…

    Asked by igmar, November 11, 2015

    0 votes
    11 answers
23. Ищу аналог deviceponsive.com

    Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!

    Asked by mstdmstd, September 4, 2017

    0 votes
    3 answers
24. Баннер

    Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?

    Asked by diekrups, December 12, 2018

    0 votes
    1 answer
25. Проблема с CSS - в IE все ок а в Опере и Фоксе - таблица проваливается

    Проблема с CSS - в IE все ок а в Опере и Фоксе - таблица проваливается Суть проблемы, есть страница сделанная в ах, в нее интегрируется двиг другой CMS в виде таблицы выборки.Таблица сьезжает вниз страницы в Опере и Фоксе, но в IE все ок - убил уже 5 часов никак не могу найти в чем проблема... Есть желающие помочь? Заранее спс.

    Asked by jagga, March 16, 2008

    0 votes
    5 answers