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. Одинаковый вид сайта во всех браузерах

    Доброго времени суток всем. С наступающим всех! Прошу прощения за название темы. Неправильно написал. ———————————————————— Верстаю свой первый блочный сайт и хочу, чтобы дизайн сайта не ссыпался и выглядел одинаково во всех разрешениях экрана. Знающие люди помогите, подскажите какие способы есть для решения проблемы!

    Asked by Guesto,

    0 votes
    2 answers

  2. Java script

    Подскажите, как определить название картинки при клике на нее? Допустим, на сайте есть куча картинок с разными путями и названиями. Как сделать так, чтобы при клике по любой картинке команда alert выдавала имя файла этой картинки? Допустим, картинка лежит по адресу file:///C|/Users/User/Desktop/pic_01.jpg и при клике на нее выдавалось имя файла pic_01 ? Нашел только вот что: var val='http://localhost/site/someimage.jpg' alert(val.substring(val.lastIndexOf('/')+1,val.length))Но тут в переменную val присваивается абсолютный неизменяемый адрес, а команда substring в итоге выдает имя файла с расширением, а мне оно не нужно.

    Asked by фонарик,

    0 votes
    7 answers

  3. Не отображается книпки соц.закладок от Addthis.

    Не отображаетсякнипки соц.закладок от Addthis. Что я делаю неправильно? Создал для теста главную страницу: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Untitled</title> </head> <body> <link rel="stylesheet" type="text/css" href="css/css.css" media="screen" /> <div id="int"> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_vk"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="…

    Asked by pakee,

    0 votes
    0 answers

  4. Иконка для полей ввода

    Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…

    Asked by k0d,

    0 votes
    8 answers

  5. absolute position

    Всем привет. Прошу обьяснить мне как сдвинуть 1 див внутри другого на координаты 0, 0 относительно этого дива; Вот пример: <div id="wrap" style="width: 300px; height: 300px; background-color: #3366CC; margin-top: 50px;"> <div id="rect" style="width: 50px; height: 50px; background-color: red; position: absolute; top: 0px; left: 0px;"></div> </div> Так вот при таком подходе я получаю сдвиг на точку 0, 0 относительно документа а не дива(т.е квадрат перемещается в левый верхний угол документа). Мне же нужно чтобы квадрат был как-бы с абсолютным позиционированием, но при этом оставался внутри дива и двигался вместе с ним, если я к прим…

    Asked by Esigns,

    0 votes
    3 answers

  6. Странное поведение тега P

    Простейший пример: <p id="one"> ololo <span>SSSS</span> <div id="ib">IB</div> </p> #one { padding: 30px; background: #deb887; } #ib { display: inline-block; border: 1px solid red; } http://jsfiddle.net/tQ9DM/ О ужас. Элемент <div id="ib">IB</div> почему-то "выпадает" из своего родителя <p id="one">. Если родительский тег Р заменить на div - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?

    Asked by Evkaky,

    0 votes
    5 answers

  7. Сайт плохо отображается в IE

    Вот собственно сайт - http://barsik.ucoz.ru/ Проблемы: - У поиска не такой отступ в шапке сайта по сравнению с другими браузерами. - В выпадающее меню, формы ввода отображаются некоректно. Как исправить подскажите.

    Asked by barsik007,

    0 votes
    2 answers

  8. Вёрстка вывода пользователей в категориях...

    Здравствуйте. Я занимаюсь своим проектом уже давно. На данный момент осталось не много. Сейчас загвоздка с выводом пользователей в категориях меню. Сейчас это выглядит так: http://neveste.by/category/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B/ А я хочу сделать, что бы это выглядело так: , не считая красной рамки. Её я буду делать позже. Подскажите пожалуйста, как мне это сделать ?

    Asked by jazzcool,

    0 votes
    4 answers

  9. Помогите с меню

    вот код <ul id="piano"> <li><a href="#">пункт1</a><span class="inf"><a href="#####">Пункт0</a></span><b>Archives</b> <ul> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> </ul> </li> </ul> как видите span находиться в элементе li, при наведение на пункт1 выпадают подпункты, и при наведение на span происходит тоже самое, мне этого не надо, как отделить э…

    Asked by jonic,

    0 votes
    2 answers

  10. Размещение блоков как на картинке

    Ну В общем помогите кто может, надоело репостить короче линк http://www.cyberforum.ru/html/thread750424.html С НОвым Годом!!!

    Asked by md5u,

    0 votes
    0 answers

  11. Объявить двумерный массив

    Задача - заполнить двумерный массив на Javascript с как можно более простым синтаксисом. Оптимально было бы сделать в формате INI [запись1] парам1=значение1 парам2=значение2 [запись2] парам1=значение3 парам2=значение4 Но поскольку подключение INI файла по ajax, его парсинг и т п дело непростое и нет в нём необходимости, прошу подсказки, как проще всего объявить массив. Пока самое простое, что я знаю, выглядит так: Arr=[ ["id":"запись1", "парам1":"значение1", "парам2":"значение2"], ["id":"запись2", "парам1":"значение3", "парам2":"значение4"] ] Со всеми этими кавычками и скобками всё ещё громоздко.

    Asked by aruru,

    0 votes
    0 answers

  12. Как сделать обводку для изображение ?

    У меня есть картинка белого цвета и что нужно прописать чтобы для нее сделать обводку черного цвета? Или есть другие красивые обвотки?

    Asked by skvaer09,

    0 votes
    2 answers

  13. Как добавить один класс, к разным id

    Извиняйте, не то созал!! я нуб!

    Asked by q13m,

    0 votes
    0 answers

  14. z-index

    Не работает Z-index В ие отказывается работать z-index,везде всё нормально http://clip2net.unet.by/page/m0/99482 ,а в ИЕ вот так http://clip2net.unet.by/page/m0/99483. css *{ margin:0; padding:0; } .top,.bottom{ width:162px; height:8px; background:#ebe9e4; float:left; margin:0 25px 40px; } #news{ clear:both; margin:0 0 15px 30px; font:0.8em calibri; } #news span{ font:bold 1.2em calibri; color:#353434; } #pict1{ width:578px; height:204px; } #main{ position:relative; height:315px; } #eat{ position:absolute; top:-5px; left:24px; } …

    Asked by Dimanchik87,

    0 votes
    5 answers

  15. Центрирование эелементов по их центру

    Доброго времени суток форумчане. У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? ) Чтобы лучше понять вот картинка: — Красные линии показывают центр страницы и самого элемента, но такого результата я достичь не могу но хочу. — А вот так у меня всегда становится, но мне так не надо http://s42.radikal.ru/i096/1301/ec/f8bd7698e…

    Asked by OriuS,

    0 votes
    8 answers

  16. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  17. Фоновый рисунок

    Всем привет изучаю я значится ЦСС фоновые рисунки по книжке очень содержательной и вот там пример с искажением сложной спирали ... вкратце: там есть 4 разных рисунка добавленных для эффекта размытости вот только как их отдельно посмотреть ума не приложу помогите пожалуйста посмотреть картинки http://meyerweb.com/eric/css/edge/complexspiral/glassy.html ПЫ СЫ видел что они делают и в стилях видно все но интересно посмотреть просто на картинки но бида в том что заданны относительные ссылки на изображения

    Asked by Bobikys,

    0 votes
    3 answers

  18. отображение случайной фото в 2 местах и с разным размером

    здравствуйте. на сайте есть фоновый рисунок, надо мне сделать отображение случайной фото в 2х местах на странице. как бы ее миниатюру и "нормальный" размер. Искал информацию по этому поводу но нашел только скрипт как можно сделать вывод 1 случайной фото с определенной папки. Спасибо

    Asked by trilus,

    0 votes
    3 answers

  19. hover

    Привет) <ul> <li> <a href="#">пункт1</a> <ul> <li><a href="#">ссылка</a></li> </ul> </li> </ul> Есть блок (пункт меню) в нем ссылка, т.е. текст, как сделать, что бы действие после hover совершалось только при наведение на текст, а не на блок в целом??

    Asked by jonic,

    0 votes
    4 answers

  20. Выравнивание пунктов меню

    Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись? ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул) И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/ Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?) Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

    Asked by ВикторТрошка,

    0 votes
    4 answers

  21. list-style не наследуется

    А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...

    Asked by Evkaky,

    0 votes
    5 answers

  22. Реализация БЭМ на XML+XSLT

    Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…

    Asked by sammasati,

    0 votes
    0 answers

  23. Проблемы с margin

    Всем привет Ребята объясните пожалуйста принцип работы margin-top от чего он отталкивается? вот код <html> <head> <link href='css.css' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <div class="margin"> </div> </div> </body> </html> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #838485; } .container { margin-left: auto; margin-right: auto; padding: 0px; width: 500px; height: 200px; background-color: blue; } .margin { margin-top: 100px; height: 50px; width: 200px; background-color: red; } и вот результат работ…

    Asked by SnowWind,

    0 votes
    4 answers

  24. Изображение на заднем плане, которые будут исчезать на маленьком разрешении.

    Есть вот такой макет сайта была ссылка на файлообменник Проблема возникает с баскетболистами. Вроде как они на заднем плане, а вроде как и должны быть прикреплены к краям сайта. Напрашиваются само собой 2 решения. 1. Сделать спортсменов фоном, который будет меняться в зависимости от окна браузера. Но тогда на маленьком разрешении экрана, спортсмены оказываются под сайтом. При экране с соотношением сторон 1*1, всё тоже отображается не очень корректно. 2. Прикрепить спортсменов к телу сайта. Но тогда сайт начинает отображаться начиная с левого спортсмена(а хотелось, чтобы в таких случаях он не отображался и снизу появляется полоса горизонтальной прокртуки. Вот эти 2 вариант…

    Asked by All_straight,

    0 votes
    2 answers

  25. Gомогите отцентрировать контейнер (по горизонтали)

    В контейнере (на рисунке обозначен внутренним прямоугольником красного цвета) есть текст (несколько однострочных параграфов) и таблица. Нужно, чтобы контейнер располагался горизонтально по центру окна браузера (на рисунке - внешний прямоугольник красного цвета), при этом левая граница строк текста должна совпадать с левой границей таблицы. Если в качестве контейнера выбрать таблицу (из одной строки и одной ячейки) - то желаемого эффекта можно добиться при помощи <table width="1%" align="center"> А вот с div'ами я не смог добиться желаемого эффекта - текст у меня всегда прижимается к левому краю окна (т.е. контейнер всегда сдвинут влево). Подскажите, пожалуйста, мож…

    Asked by IVB,

    0 votes
    6 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