HTML Coding

29,542 questions in this forum

1. Критика, исправление ошибок и поиск решения проблем

   Доброго времени суток, уважаемые профи и эксперты! Я только начинаю свои шаги в верстке и прошу мне помочь решить некоторые проблемы. Верстаю макет первого левла вот отсюда - http://divhack.com/ Из-за недостатка знаний столкнулась со следующими проблемами: 1. Не могу спозиционировать ссылки меню. По макету расстояние между ними 70px, абсолютный отступ от края 72px, от края блока 40px. 2. Логотип сайта "International" хочется сделать кликабельным (на сайте, с которого взят макет, предлагается как решение делать логотип в виде картинки, но мне это категорически не хочется), но я не знаю как правильно это оформить в CSS, если делать через <a href="#" class="international'…

   Asked by CraDy, June 20, 2013

   • позиционирование в css
   • оформление ссылок в css
   • правильная структура сайта
   0 votes
   3 answers
2. Чем проверяете "кроссбраузерность"?

   Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?

   Asked by Zverushka, July 10, 2013

   0 votes
   3 answers
3. Решить проблему растяжения блока

   Всем привет, мучаюсь уже битый час не могу решить проблему. В общем есть body, container, block. html, body - понятно container - контейнер, где все основное сайта и т.д. block - некий блок, который по идее должен перекрывать все остальное содержимое cointainer (z-index) установил html, body {min-height:100%} - дабы растягивался больше, чем на длину экрана браузера. установил тоже самое контейнеру - чтобы он собственно и растянулся, получилось, хорошо. block- вот тут проблема этот самый блок должен перекрывать container (это сделал путем z-index), НО он еще и должен растягиваться на длину container (что перекрывать его полностью), т.е. на длину body грубо говоря. Я ему ус…

   Asked by Hoax, July 10, 2013

   0 votes
   3 answers
4. обрывается меню

   добрый день, учусь резинавай верстке, при уменьшении окна браузера обрывается меню при прокрутке поласы, не магу никак понять в чем дела вот этот сайт http://pervisait.p.ht/

   Asked by pitbuli, June 21, 2013

   • обрывается меню
   0 votes
   3 answers
5. Идеальная верстка

   Какая она? К чему должен стремиться каждый верстальщик? Если не трудно, приведите примеры сайтов с такой версткой. Спасибо за внимание.

   Asked by Bassline, June 21, 2013

   0 votes
   3 answers
6. Навигация(горизонтальная)

   Как сделать что то наподобии этого?

   Asked by Zazqut, July 11, 2013

   0 votes
   3 answers
7. Белое поле левее центрального блока

   Есть заготовка вёрстки, в центре меню, надо сделать так, чтобы левее этого блока была белая полоса до края экрана, а правее не было. Я попытался сделать это ещё одним блоком под центральным, но не могу сделать так, чтобы он был на фоне, а не перекрывал его. http://jsfiddle.net/Tmin10/jcyQ4/

   Asked by Tmin10, July 13, 2013

   0 votes
   3 answers
8. Обьекты по центру, резиновая верстка

   Как сделать чтобы содержимое DIV вложенного в div.topfooter всегда оставалось по центру в не зависимости от разрешения монитора? http://prodpak.ru/style/

   Asked by Delat, July 13, 2013

   0 votes
   3 answers
9. Какой редактор текста лучше взять для своего блога?

   Пишу микро-CMS для своего блога, встал вопрос выбора редактора постов. Есть два варианта - либо как тут на форуме WYSIWYG-редактор, то есть сразу отображающий форматирование текста, либо вариант, когда plain-текст в редакторе, а при отображении по определённым правилам дополняется разметкой. Мне много форматирования не нужно, лишь самое базовое - ссылки, изображения, вставка кода, всякие жирные, курсивные начертания, зачёркивание/подчёркивание, списки, таблицы. Причём всё это нужно достаточно редко, в среднем на один пост у меня одна-две картинки и ссылки, и редко табличка или список. Так что я склоняюсь ко второму варианту с plain-текстом, потому что с ним набор текста в…

   Asked by thewizardplusplus, July 15, 2013

   0 votes
   3 answers
10. Открыть ссылку в новой вкладке

    Здравствуйте! Как можно сделать, чтобы определённый адрес страницы открывался в новой вкладке, если нет доступа к самой ссылке? Например, через JS. Был вариант: http://jsfiddle.net/DcC97/ Но он почему то не сработал. Подскажите, пожалуйста! Спасибо!

    Asked by Phil_F, August 14, 2013

    • ссылка
    • открыть
    • новая вкладка
    0 votes
    3 answers
11. Менять верстку?

    Здравствуйте. На странице происходит смещение картинок из-за длинного названия категорий. В то время как на другой подобной странице все смотрится нормально. Стоит ли пробовать поменять ситуацию с помощью css или сначала лучше разместить названия категорий под картинками?

    Asked by borus, July 19, 2013

    0 votes
    3 answers
12. Разный фон для разных страниц

    Всем джамбо друзья. Хочу сделать определенный фон для определенных страниц (что-то типа этого http://florisspb.ru/), может у кого валяется под рукой какой материальчик? Заранее спасибо)

    Asked by CatInTheBread, July 19, 2013

    0 votes
    3 answers
13. как сделать простейший поисковик по интернету при табличной верстке

    Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </fo…

    Asked by kotsa3, July 19, 2013

    • form
    • table
    • tr
    • td
    • input
    • button
    0 votes
    3 answers
14. Помогите начинаюшему с созданием сайта

    Здравствуйте моё имя максим я хочу сделать сайт визитку. Имею самые начальные знания HTML и чуть чуть CSS кто поможет подсказать с чего начать, где брать информацию для изучение, и всё для начала создания

    Asked by ogr15, July 20, 2013

    • создание сайта
    • новичок
    • помощ
    0 votes
    3 answers
15. Помогите центрировать пункты меню

    Всем привет. Помогите центрировать меню категорий магазина. Выравнивание идет по левому краю, а хотелось бы центрировать их. Центрирование получается, если пункты в одну строчку.

    Asked by krissm8, July 21, 2013

    • центрирование
    • центрирование меню
    0 votes
    3 answers
16. Проверка w3.org валидатором

    Проверил страницу сайта валидатором, устранил все ошибки на которые он указал. Теперь осталась одна вроде, а где не показывает. Пишет Passed, 1 warning(s) Что это значит?

    Asked by gadjet, July 22, 2013

    0 votes
    3 answers
17. Сделал, сам не знаю как

    Была задача сделать блок для подписки, который бы следовал за текстом названия по мере увелечения страницы. Долго мучался, вдруг решил сделать внутри блока список ul, поставил ему display:inline-block, сразу же все получилось. Даже не понял как так произошло. Вот картинка(http://pbrd.co/12HgpIH) и временная ссылка на сайт(http://109.172.13.165/Site/blog/). Спасибо! HTML: <div class="follow"> <ul> <li><a href="https://twitter.com/RamSaw" class="twitter"></a></li> <li><a href="#" class="rss"></a></li> <li><a href="http://vk.com/id132792025" class="vk"></a></…

    Asked by Michael Myers, July 22, 2013

    0 votes
    3 answers
18. Верстка под мобильные браузеры

    Добрый день уважаемые дамы и господа! В общем у меня такой вопрос. Хочу адаптировать свой сайт под мобильные браузеры, хотелось бы что бы там был сразу нормальный размер сайта, что бы не приходилось делать ручное масштабирование так как большинство пользователей про него не знают, и оно не всегда помогает на 100%. Пока нашел только вот такую статью http://www.xiper.net...mobile_web.html Я так понимаю наверное одно из средств это написать условную компиляцию как под IE <!--[if lte IE 8]> <style type="text/css"> IMG{border-color: black; border-size: 1px; } #footer,#part,#post,#post-post,#post_galeri,A#admin_button,#navig,#navig2,#navig_galeri,#user_print_data,…

    Asked by hk416, July 22, 2013

    0 votes
    3 answers
19. Непонятная ширина body

    Всем привет! не понимаю баг это или что. В общем ситуация такая. html: <body> <header id="header" class="cf"></header> <section id="content" class="cf"></section> </body> css: #header { width: 1026px; margin: 0 auto; padding: 0 127px; background: #d85055 top center; } #content { width: 994px; margin: 0 auto; padding: 0 143px; } У меня фиксированная ширина в 1280px. В расширении хрома ставлю размер окна 1280px, появляется скролл. ширина хедера и контента 1280px как и нужно. а вот у боди 1253px и появляется скролл. что делать не могу понять. помогает только overflow: hidden. но это не есть хорошо. Спасибо..

    Asked by s.schurov, July 23, 2013

    0 votes
    3 answers
20. загадочный quirks mode

    помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые спо…

    Asked by cyklop77, July 24, 2013

    0 votes
    3 answers
21. Скроллинг по локальным ссылкам и fixed-элементы - как подружить?

    Как известно, если в HTML-документе в одном месте написать: <a href="#location">Переход куда-то</a> А потом в другом месте написать еще <a name="location"></a> то при клике на первую ссылку броузер должен прокрутить окно так, чтобы вторая точка оказалась в левом верхнем углу окна. Пока на странице нет никаких выкрутасов с CSS - все хорошо. Но мне понадобилось разместить на странице блок с таким набором свойств: position: fixed; top: 0; left: 0; width: 1207px; height: 184px; z-index: 10; По сути дела этот блок представляет собой некую шапку, которая при скроллинге не прокручивается, а всегда висит в верхней части окна. И вот тут начинается …

    Asked by GRIG, July 24, 2013

    0 votes
    3 answers
22. скачущее меню

    http://sitegit.p.ht/in.html на странице имеется меню с подпунктами (sfdsf), которое в разных браузерах отображается по-разному(начиная от положения, а заканчивая расстоянием между строками). подскажите, пожалуйста, как его зафиксировать. спасибо. <div class="myfloat"> <div class="menu"> <ul> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> </ul> </div> <!-- menu --> </div> &…

    Asked by pupil, July 25, 2013

    0 votes
    3 answers
23. Нужно ли задавать высоту и ширину для картинок?

    Провел аудит своей страницы в хроме и обнаружил такое замечание: Как указание высоты и ширины ускорит загрузку страницы?

    Asked by apexis, July 29, 2013

    0 votes
    3 answers
24. Неправильное отображение ширины таблицы

    Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта netvirusu.net В Google Chrome отображается таблица правильно: http://s018.radikal.ru/i526/1306/2d/2598ddd51c1d.png А в Oper'e, Mozill'e, IE последних версиях таблица растягивается: http://s017.radikal.ru/i421/1306/b8/13e04425a4b9.png Основную ширину таблицы в стиле задал - width: 800px; Google Chrome воспринимает правильно, а остальные браузеры нет(

    Asked by differlp, July 31, 2013

    • таб
    • лица
    • ширина
    0 votes
    3 answers
25. Проблема с Формой Поиска

    Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…

    Asked by Danielee, July 31, 2013

    0 votes
    3 answers