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. В чем фактическое отличие display: inline и float: left

    Народ возможно за такой вопрос вы меня захотите побить но мне реально интересно, инлайны и зафлоаченные лефтом блоки в чем их фактическое отличие, ведь и те и другие дают облегать слева другим элементам То есть в чем разница 1. display: inline 2. float: left если элемент блоковый и кстати тоже было бы интересно узнать что такое когда float: left; и display: inline (про баг ИЕ6 который исправляется как раз инлайном я знаю) но что это за зверь интересно :-) Просьба сильно не ругать а обьяснить либо ссылочкой либо на словах

    Asked by TonKhaO,

    0 votes
    6 answers

  2. аналог masonry

    посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

    Asked by cyklop77,

    0 votes
    24 answers

  3. select

    1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло <select name="s" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}

    Asked by html,

    0 votes
    6 answers

  4. div надо приклеить справа снизу страницы.. никак((

    ребят есть такой код <style type="text/css"> .block1 { bottom: 0px; padding-right: 10px; background: #ccc; position: absolute; } </style> <div class="block1">Lorem</div> в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу http://anitchkov.vputi.net а мне надо что бы он был в самом углу справа, снизу справа и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!! буду очень признателен за подсказки заранее спасибо

    Asked by prajenik,

    0 votes
    11 answers

  5. Не Отображаются Иконки Ico

    Здравствуйте! Надо, чтобы отображались иконки в строке браузера и напротив названия сайта, когда он добавляется в ИЗБРАННОЕ. Для этого в разделе <head> прописал такие строки: <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> Но при этом ничего не отображается, ни в адресной строке, ни в избранном. Файл favicon.ico существует и находится в папке WWW\HTDOCS, то есть в корне. Помогите, пожалуйста!

    Asked by Hleb,

    0 votes
    11 answers

  6. Возможно ли изменить внешний вид полосы прокрутки при использовании тэга "overflow"?

    Подскажите как изменить внешний вид полосы прокрутки при использовании тэга "overflow".

    Asked by kab,

    0 votes
    15 answers

  7. Как удалить favicon.ico?

    Всем привет. Надеюсь на вашу помощь. У меня на сайте была иконка (favicon.ico), затем я решил ее удалить. Удалил. Но она все равно отображается. Как это исправить? Иконку удалил точно. Заранее спасибо.

    Asked by Denisqa,

    0 votes
    2 answers

  8. Как сделать список li горизонтальным в dreamweaver?

    Как сделать список li горизонтальным в dreamweaver? Скажу сразу бьюсь 3 дня! Что я делаю – к списку ul задаю css и в меню ставлю ul {margin: 0px; padding: 0px; float: left; list-style-type: none; } это не помогает по прежнему выглядит вот так: меню контакты А мне нужно вот так: меню контакты Спасите Пожалуйста!!!! :)

    Asked by Elna,

    0 votes
    26 answers

  9. Расширение td на всю tr

    Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

    Asked by Squidward,

    0 votes
    2 answers

  10. Порядок загрузки веб-страницы

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

    Asked by DrStrangeLove,

    0 votes
    7 answers

  11. резиновый div по высоте

    добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

    Asked by jul_k,

    0 votes
    25 answers

  12. Вертикальное выравнивание в input type="text"

    Доброго времени суток, уважаемые форумчане. У меня есть текстовый input, который должен выглядеть вот так . При этом текст, который пользователь вводит в это поле, должен быть центрирован вертикально. В коде это выглядит так: HTML: <form action="" method="get"> <input class="search" type="text" name="search" value="Поиск" /> <input class="submit" type="image" src="images/lens.png" name="doSubmit" /> </form> CSS: input.search { background: url(images/search_box.gif) top left no-repeat; font: 12px 'Arial'; height: 21px; line-height: 21px; width: 95px; } Проблема в вертикальном центрировании текста. Opera центрирует по умолчанию, IE - при ук…

    Asked by Kaiden,

    0 votes
    3 answers

  13. Выравнивание div'ов внутри div'а если есть float:left

    Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.

    Asked by Satiin,

    0 votes
    7 answers

  14. Как через CSS нарисовать произвольную фигуру?

    Всем привет. Хочу на сайте создать блоки произвольной формы. Скрин ниже. Пробовал через SVG - да, получается, но мне это не подходит. Многовато будет весить страница, если таких фигур будет несколько. Так что этот вариант отпадает. Canvas - тоже не подходит. Ведь там JS, а он не у каждого пользователя включен (в браузере). Этот вариант тоже отпадает.CSS - я не знаю, как с помощью CSS нарисовать такой блок. Нашёл лишь свойства, которые могут помочь: [сode]z-index, border-radius, border-width, transform, transform-origin, display, :after, :before, position. Но как - я не знаю. Пробовал просто "налепливать" фигуру на фигуру, чтобы получить нужную, но не получилось. Нет, полу…

    Asked by DraculaOleg,

    0 votes
    6 answers

  15. Раскрывающийся текст

    Подскажите как сделать так, чтобы при нажатии на строку/ссылку под ней раскрывался бы ещ? текст (пару абзацев), а потом при нажатии снова на эту же строку/ссылку текст бы закрывался. Это реализованно, например, в справке Windows - нажимаешь на плюсик - текст раскрывается, нажимаешь ещ? раз - закрывается.

    Asked by Alexx,

    0 votes
    1 answer

  16. Расположить div по центру внутри другого div

    Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)

    Asked by Prizrak,

    0 votes
    1 answer

  17. резиновый текст

    здравствуйте, подскажите, пожалуйста: в полностью резиновом списке делаю font-syze: 120%. но при изменении размеров окна блоки <li> меняют свой размер, а вот текст в нем нет. в чем может быть проблема??? чего не понимаю ol.leftbar { float: left; width: 20%; padding: 0; } li.bar { font-style: italic; font-size: 120%; border: solid grey; margin: 5% 0 5% 0; } <ol class="leftbar"> <li class="bar">Текст не масштабируется1</li> <li class="bar">Текст не масштабируется2</li> <li class="bar">Текст не масштабируется3</li> <li class="bar">Текст не масштабируется4</li> </ol>

    Asked by bdshadow,

    0 votes
    7 answers

  18. деминифицировать js-код

    скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?

    Asked by cyklop77,

    0 votes
    3 answers

  19. Как убрать пустую строку между параграфами?

    Есть два параграфа, и между ними всегда создается пустая строка. Как от нее избавиться? Нужно что бы следующий параграф начинал сразу после первого. И ещ? такой вопросик. У меня почему-то параграф не начинается с красной строки! Хотя по свойству параграфа такой должно быть. Хотя я знаю, как с помощью CSS сделать у параграфа красну строку, но все же.

    Asked by rarog83,

    0 votes
    12 answers

  20. Блокнот с подсветкой

    порекомендовали пользоваться блокнотом с подсветкой. приобрела Notepad++. теперь вот осталось разобраться какой цвет что означет))) я понимаю что вопрос бредовый. помогите разобраться новичку

    Asked by qwe!,

    0 votes
    20 answers

  21. Неправильная ширина элемента input

    Я попытался сделать элемент <input type="text"> в док-тайпе HTML 4.01 Strict. Я указал ему ширину: <input type='text' style='width: 200px;'> Но в результате получил input с длиной 204 пиксела во всех браузерах (Opera 9.64, IE8, Chrome 3.0, FF 3.6). Когда я убрал док-тайп, то ширина стала 200 пикселов. Я попробовал применить XHTML Strict и XHTML Transitional, то всё равно получал длину элемента в 204 пиксела. Помогите, пожалуйста, разъяснить ситуацию.

    Asked by Стас Агарков,

    0 votes
    37 answers

  22. Вложенные селекторы

    Часто возникают вопросы по поводу вложенности селекторов. "Указываю свойство в CSS, а оно не применяется". В том случае, если цепочка указания верная, существует вероятность, что достичь результата не позволяет более сильный селектор. Давайте попробуем разобраться: Принцип состоит в следующем. Самым сильным является инлайн стиль, его нельзя переназначить ничем. Если Вы указали в своем html документе, будьте готовы, что их не удастся переназначить в CSS, хоть в шапке, хоть в отдельном файле. Поэтому я бы не рекомендовал вообще их использовать, лучше назначить элементу класс и задать через него, причем цправляться будет централизовано, Вы в любой момент сможете в одном мест…

    Asked by Justnewone,

    0 votes
    2 answers

  23. Верстка с div в одну строку

    Привет всем знатокам хтмл-цсс такая проблема: нужно в одну строчку сделать следующую вешь: картинка, картинка под ней впритык ещ? одна картинка, картинка, при этом учесть что все это в ширине 700 пикселей. если момент "картинка под ней впритык ещ? одна картинка," сделать divом, прописать у него ширину, высоту и display:inline, а в нем просто через br сделать эти две картинки, то с эксплорером все ок, а вот мозилла глючит.. кто знает как поправить баг, помогите пожалуйста, наверно надо что-то ещ? дописать в стилях дива? ЗЫ: сделать требуется без помощи таблиц

    Asked by Lergana,

    0 votes
    5 answers

  24. a: active - не работает

    Доброго всем! Подскажите, вот такой код #menu li a:hover, #menu li a:active { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; } нужно что бы при наведении на ссылку и при нажатии на нее был один и тот же рисунок, тоесть пользователь нажал на "главная" - рисунок на ссылке "главная", нажал на другую - рисунок на ней a:hover работает, а вот a:active - не хочет

    Asked by volonter,

    0 votes
    33 answers

  25. Проблема с CSS в Smarty

    У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…

    Asked by shkoda,

    0 votes
    10 answers
×
×
  • 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