Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как сделать чтобы фон (блок) подстраивался под текст

    Всем привет. Помогите, пожалуйста, с меню. Пишу в этой теме, потому что звучит схоже с моей проблемой. Надо, чтобы пункты меню были текстом, соответственно, чтобы фон (блок) подстраивался под текст. Вот как на картинке: Мне нужно обойтись только HTML 4.01 и CSS 2.1 максимум. Вот ссылка на то, как делаю.

    Asked by beebeekei,

    0 votes
    2 answers

  2. помогите с css меню

    я напроч запутался в иерархии css вобщем есть у меня меню при навидении на блок меню выпадает подменю, так вот подменю должжно быть разной ширины для разных пунктов меню ссылка на пример http://jsfiddle.net/p6LHn/1/ вот код css /**Меню css**/ ul.ldd_menu { margin: 0px; padding: 0; display: block; height: 50px; background-color: #0051A1; list-style: none; font-family: "Trebuchet MS", sans-serif; border-top: 1px solid #3474C6; border-bottom: 1px solid #3474C6; border-left: 10px solid #0051A1; -moz-box-shadow: 0px 3px 4px #007BC2; -webkit-box-shadow: 0px 3px 4px #007BC2; -box-shadow: 0px 3px 4px #007BC2; } ul.ldd_menu…

    Asked by redfox1986,

    0 votes
    2 answers

  3. Ширина блока с position:absolute

    Здравствуйте, уважаемые коллеги! Может ли блок с position:absolute; стать шириной по своему содержимому, если его содержимое - 3 плавающих колонки? Пока не получается, его ширина - одна колонка. .column{ float:left; width:220px; } .dropdown_g{ position:absolute; width:auto; z-index:102; top:52px; left:0; } <div class="dropdown_g"> <div class="column"></div> <div class="column"></div> <div class="column"></div> </div>

    Asked by Светлана Г.,

    0 votes
    2 answers

  4. как сделать 2 сайдбара друг под другом?

    Как можно и можно ли вообще создать 2 блока <aside> чтобы каждый следующий блок находился под предыдущим? У меня не получается, они располагаются горизонтально. Или проще с помощью div'ов реализовать это? <aside> <nav > <a href="index.html">Главная</a><br> <a href="blog.html">Блог</a><br> <a href="video.html">Видеоматериалы</a><br> <a href="obo_mne.html">О себе</a><br> <a href="file.html">Файлы</a></nav> </nav> </aside> <aside> 2 блок </aside>

    Asked by Mr. Kook,

    0 votes
    4 answers

  5. Блоки одинаковой высоты

    Имеется блок со вложенными двумя блоками. Оба блока имеют высоту, равную высоте вложенного в них контента. Подскажите, пожалуйста, как сделать чтобы оба блока были одинаковой высоты? Интересует именно одинаковая физическая высота обоих блоков и способы без JS. Забегая вперед, пробовал методы, описанные в 4 способа как создать блоки-колонки одинаковой высоты. Все описанные методы без JS основаны на добавлении фона, тем не менее физические размеры колонок остаются одинаковыми.

    Asked by TorchTT,

    0 votes
    5 answers

  6. нужна помощь с выпадающим меню

    Здравствуйте. Очень срочно нужна помощь. Возникла проблема при верстке выпадающего меню на css. При открытом выпадающем меню, когда курсор находится вне ссылки верхнего уровня пропадает фоновая картинка под этой ссылкой (она становится неактивной). <!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" /> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="contai…

    Asked by annet,

    0 votes
    0 answers

  7. Отображение страницы у другого пользователя по-другому.

    Здравствуйте, уважаемые коллеги! Есть страница: http://alfamramor.ru/ На своем компьютере и ноутбуке я вижу все нормально. А у нашего другого пользователя отображается не совсем так: например, замочек регистрации и текст имеет разный размер. Вот так у него: Уточню,что шрифт нестандартный, подключается с Google. Помогите, пожалуйста, разобраться с этой проблемой.

    Asked by Светлана Г.,

    0 votes
    8 answers

  8. опускается input рядом с рисунком

    привет всем. обясните пожалуйста, почему уходит в низ????.... <input type="text" > <input type="image" src="images/serch.png" > как так?

    Asked by stone86,

    0 votes
    1 answer

  9. border-radius в ie

    Как заставить работать параметр css border-radius в internet explorer?

    Asked by volkovics,

    0 votes
    12 answers

  10. отступ между двумя дивами

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

    Asked by z-z,

    0 votes
    0 answers

  11. Flow elements

    Всем привет. Читая спецификацию html5 встретил вот такую запись: 7.1. Flow elements phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details. Есть блочные, строчные, строчные-табличные, строчные-блочные, и еще парочку, однако я никогда не слышал про flow - поточные элементы. В чем их существенное отличие?

    Asked by jopka,

    0 votes
    8 answers

  12. Рамка на DIV с частичным перекрытием текста

    Всем добра! Интереса ради захотелось сделать блок с такой рамкой, как на картинке: Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема. Суть её заключается в следующем. Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы. Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком. Таким образом, появляется скроллер и внизу образуется пустое п…

    Asked by Rasmussen,

    0 votes
    3 answers

  13. При наведении на ссылку (цвет ссылки) и картинка меняется

    При наведении на ссылку (цвет ссылки) и картинка меняется <a href="#"><img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" border="0" align="absMiddle">Ссылка</a>

    Asked by BiMiX,

    0 votes
    0 answers

  14. Проблема в опере

    Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше:…

    Asked by Tsybin,

    0 votes
    6 answers

  15. Стоит ли закрывать не парные теги в HTML5?

    Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?

    Asked by tini.kRyptoNite,

    0 votes
    6 answers

  16. CSS и Joomla

    Здравствуйте , помогите разобраться :есть шаблон Joomla ( jvwinto) Моя ссылка , хочется сделать чтоб такой эффект , как показан в примере 2 Моя ссылка, хочется чтоб в итоге все выглядело вот так : Моя ссылка

    Asked by tolya-11,

    0 votes
    0 answers

  17. Как отредактировать границы в списке?

    Доброго времени суток, дамы и господа. Прошу прощения, если тема поднималась, а было это несомненно, но хотелось бы узнать как отредактировать у себя на сайте справа в рубриках разделитель между рубриками- сменить пунктирную на сплошную. Что я для этого сделал? Камнями не кидать, я знаю что это гажа... Просто поставил блог и решил заодно в свободное время научиться верстке. #Label1 li{ text-align:center; margin:0 auto; border-li:1px solid; border-li-color:#000000; background-color:#dfffff; padding:2px; width:197px; border-radius:0px 0px 5px 5px; } #Label1{ background-color:#dfffff; border:1px solid ; border-color:#bebebe; border-radius:5px; width:200px; }

    Asked by crazycoock,

    0 votes
    1 answer

  18. Помогите победить IE

    Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке

    Asked by webair,

    0 votes
    3 answers

  19. background состоящий из 4 картинок

    Нужна помощь! Не могу установить background состоящий из 4 картинок 1) image1 должен растягиваться по горизонтали. (bg_gradient_top.png) 2) Далее, на image1 должен накладываться основной background image2 по центру, без размножения (bg_main_header.jpg) 3) image3 должен размножаться во вертикали в центре и спускаться до футера (bg_content_fill.gif) 4) image4, должен находится в футере по центру и без размножения. (bg_main_footer.jpg) Должно получится так: css существующего шаблон: html,body{margin:0px;padding:0px;text-align:left;border:10px;background: url(../images/bg_main_header.png) center top no-repeat;font-family: Verdana, Geneva, sans-serif; font-size:11px;color:#3…

    Asked by Souz21,

    0 votes
    2 answers

  20. Фон больше чем разрешение монитора

    Создаю новую страницу с размером body 1280px на 1800px. хочу добавить фон-картинку в верху страницы по всей ширине размером 1280px на 545px. Используя такой стиль: body { margin:0; width:1280px; height:1800px; background:url(img/fonbody.jpg) no-repeat red; background-position:top; } картинка размещается не по всей ширине, а только по той части, которую видно в браузере. Если прокрутить страницу в право, то там нет картинки. Как сделать, что бы она размещалась по всей ширине?

    Asked by GstarMax,

    0 votes
    6 answers

  21. Нужна помощь по меню

    Здравствуйте! Сразу к сути вопроса Мне необходимо сверстать вот такое меню Сам сайт фиксированный а у шапки фон тянется во всю ширину окна с наложением повторяющейся текстуры причем у активного пункта меню тоже имеется такой же background и сами пункты должны быть резиновыми. Подскажите как это можно реализовать что бы это было кроссбраузерно и желательно без js.

    Asked by Fennom,

    0 votes
    4 answers

  22. Добавление кнопок Яндекс.Карты

    Добавил на сайт Яндекс.Карты. Тем не менее, не знаю как добавить кнопки "Добавить метку", "Получить информацию" и "Панорамы". Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    0 answers

  23. Проблема с шаблоном

    Здравствуйте у меня данная проблема с шаблоном! Движок wordpress версия 3.4.2 Warning: Invalid argument supplied for foreach() in /home/h41146/data/www/mybiz777.com/wp-content/themes/yoo_flux.v5.5.9/yoo_flux_wp/warp/systems/wordpress.3.0/helpers/system.php on line 334 Вот целый файл <?php /** * @package Warp Theme Framework * @author YOOtheme http://www.yootheme.com * @copyright Copyright © YOOtheme GmbH * @license YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Class: WarpHelperSystem Wordpress system helper class, provides Wordpress 3.0 Blog integration (http://wordpress.org) */ class WarpHelperSystem extends WarpHelper { /* system…

    Asked by carlssson,

    0 votes
    4 answers

  24. Проблема с кроссбраузерностью

    Здравствуйте, вот столкнулся с проблемой отображения сайта в разных браузерах. Ссылка - вот сайт тык В Google Chrome все отображается как нужно, в общем изначально дизайн делался под Chrome. Не давно от пользователей поступили жалобы, ну я решил просмотреть через другие браузера сайт и я разочаровался. В Opera, Mozilla, IE 9 сайт отображается некорректно ни так как надо, а надо как в Google Chrome. Пробывал многое, но никак исправить не получалось, пробывал доктайп ставить но сайт становился только хуже, в общем проблема то не большая в основном только на главной такой косяк, кто может дайте советы что изменить на что и как сделать кроссбраузерность, спасибо

    Asked by lqd1k,

    0 votes
    2 answers

  25. Прижать footer

    Доброго времени суток! Не могу разобраться с тем, как прижать footer. Если не использую границу блока и верхний/нижний отступ от окна браузера, то всё нормально, а с границами и отступами появляется полоса прокрутки, подскажите как от неё избавиться? Самый простой пример: html: <!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 "> <title>Основы блочной верстки (Div верстки)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div …

    Asked by spleen,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept