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

29,542 questions in this forum

  1. Растянуть фон DIV по высоте DIV float

    Всем привет! Много искал но так ничего подобного и не нашел о том как растянуть фоновый DIV по высоте вложенного в него элемента DIV с обтеканием! Давно с таким не сталкивался, всегда делал таблицей, но тут другой вариант, таблицей нельзя! Причем в IE все работает "нормально" - а может и на оборот Opera глючит Вобщем надо, чтоб растягивался фон! т.е. там есть зеленый фон, он должен растянуться взависимости от высоты плавающих элементов, т.е. НЕ FIX. Если решение возможно, буду очень благодарен!!! Вот пример: <!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/19…

    Asked by romlex,

    0 votes
    5 answers

  2. Убрать блок из поля видимости

    Здравствуйте, когда я убираю блок из поля видимости методом position: absolute; top: 9999px left: 9999px Появляется скролл, как от нее можно избавиться?

    Asked by like2dev,

    0 votes
    6 answers

  3. Меню-аккордеон + спрайты

    Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"

    Asked by TavlaD,

    0 votes
    10 answers

  4. Синхронизация галереи и описания

    Здравствуйте! Очень нужна ваша помощь! Подскажите пожалуйста как реализовать, такую штуку: Есть картинки, и описание для каждой. Нужно сделать так, чтобы при переходе к следующей или предыдущей картинке, вместе с ней менялось и описание для каждой из них. Как это реализовать, может быть есть готовые решения. м?

    Asked by Lemo,

    0 votes
    2 answers

  5. Flv Player

    Здравствуйте! У меня возникла следующая ситуация: После долгого и изнурительного выбора видеоплеера для сайта решил остановиться на Flv Player. Всё бы хорошо – но как всегда есть "НО"! 1) Полностью не отображается в ie-7,8,9!(по крайней мере у меня... не знаю что с этим делать?) 2) По углам плеера видны видны 4 белых треугольничка(1-2px)-следы от бэкграунда какого-то блока на заднем фоне!(от какого именно понять не удаётся...) 3) когда проигрываеться 70-80% ролика- в левом верхнем углу появляется надпись "буферизация"!(к сожалению на данном ролике от этого последствия виднеется только черное обозначение "%". Остальная надпись не видна из за чёрных краёв по бокам ролика...…

    Asked by Yamaradg,

    0 votes
    1 answer

  6. Резиновая шапка

    Здравствуйте! Проблема такая: Есть шапка сайта, по бокам которой слоем идут две колонны и в центре бэкграунд-имэйджем картинка с лого: проблема в том, что, если разрешение монитора больше моего (1366px), то правая колонна остаётся на месте где-бы она находилась в развёрнутом окне на моём экране, а фон повторяется. и ещё нужно, чтобы колонна была резиновой и при уменьшении окна браузера была прижата к его стенке, но не закрывая при этом логотип. желательно наверное, чтобы и то, что в центре растягивалось? в чём проблема? вот код: СSS: body { background-image: url(img/fon.png);} #outer_wrapper { min-width:740px; width:100%; background:#fff url(left.gif) repeat-y le…

    Asked by zalman,

    0 votes
    7 answers

  7. атрибут hreflang тэга a, и его работа.

    Здравствуйте. Изучая этот замечательный сайт я наткнулся на атрибут hreflang у тэга <a>. Прочитал его описание вот на этой странице и впал в ступор. В таблице поддержки браузеров четко указано, что не один браузер не понимает этот атрибут. И сразу возник закономерный вопрос. Для чего нужен такой атрибут? Как он работает, если браузер не способен его понять? Надеюсь вопрос был достаточно ясно задан. Жду ответа.

    Asked by biz87,

    0 votes
    2 answers

  8. Вопрос по дизайн шапки сайта DLE

    Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…

    Asked by mafusail1900,

    0 votes
    1 answer

  9. HTML редактор

    Здраствуйте! Подскажите пожалуйста какие существуют (и существуют ли вообще) текстовые редакторы кода HTML без всяких там кнопок, типа "вставить рисунок одним кликом". Я немного не очень опытный, поэтому мне бы сначала изучить основы, а потом уже и к оформлению приступить. Перепробовал несколько редакторов, но они все в стиле "что вижу, то и получаю" (или както так ). Обычным блокнотом можно канечно править, но без подсветки мне сложно - глаза устают искать нужные строки. Заранее премного благодарен

    Asked by ARAmiss,

    0 votes
    29 answers

  10. <table>

    имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________

    Asked by Ledniy,

    0 votes
    11 answers

  11. НУЖНА ПОМОЩЬ!

    РЕБЯТА ВЫРУЧАЙТЕ КАК СДЕЛАТЬ? модуль/компонент для InstantCMS. Функции модуля: 1. загрузка пользователями через личный кабинет на сайт аудио-файлов в формате mp3, создание краткого описания для файла (название, исполнитель, жанр и т.п.) 2. отображение в личном кабинете списка своих загруженных файлов с возможностью прослушивания их с помощью плеера прямо на сайте, удаление загруженных треков, редактирование атрибутов файла. Список дорожек доступен для просмотра другими пользователями 3. отображение на главной странице списка файлов, загруженных другими пользователями, с возможностью прослушивания прямо в списке (без перехода в отдельное окно) и в окне подробной информац…

    Asked by mihei,

    0 votes
    3 answers

  12. Посоветуйте хостинг

    Здравствуйте! После долгих поисков нужного хостинга и в итоге с никаким результатом я решил создать эту тему. Мне нужно простой хостинг чтобы разместить всего лишь одну html страницу. Не охото переплачивать допустим за php и mysql когда они мне не нужны или еще за гигабайты памяти которые они предлагают, зачем мне это? Ребят, нужен самый простой хостинг но чтобы и в плане работы был нормальный и по удобству и без всяких лишних для меня вещей. Посоветуйте если знаете такой хостинг. Спасибо за внимание.

    Asked by AP311,

    0 votes
    12 answers

  13. Как выровнять модули

    Всем привет, помогите пожалуйста решить проблему, дело в том, что у меня есть 2 кода, но один выше друго-го, и у меня не получается их выровнять... <left><script type="text/javascript" src="http://stream9.radiostyle.ru/swfobject.js"></script> <div id="player"> <script type='text/javascript'> var so = new SWFObject('http://stream9.radiostyle.ru/mediaplayer.swf','single','180','20','7'); so.addVariable('type', 'mp3'); so.addVariable('file', 'http://stream9.radiostyle.ru:8009/sarp'); so.addVariable('width','180'); so.addVariable('height','20'); so.addVariable('volume','50'); so.addVariable('autostart', 'false'); so.write('player'); </script…

    Asked by safari,

    0 votes
    12 answers

  14. картинка под ссылкой

    Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?

    Asked by Motoko Kusanagi,

    0 votes
    3 answers

  15. Возникла проблема с DIV'ами

    Здравствуйте. Создаю меню для сайта, опыта в CSS нет никакого, поэтому бьюсь уже около недели, постепенно изучая информацию. Итак суть проблемы. Нужно меню чисто на CSS (не считая скрипта для IE). Разделы меню естественно, имеют разные размеры. Я хочу чтобы при наведении на пункт меню, он выделялся соответствующим образом(см.ссылку). http://truman14.ucoz.ru/bkack_menu.html Но проблема в том, что это самое выделение, как мне видится, состоит из трех отдельных картинок (скругление левой части, центральная часть и правая). Вот я и не могу разобраться каким образом мне соединить эти три картинки. С помощью классов я, конечно, могу присвоить каждой ссылке свое изображение, не …

    Asked by TruMan,

    0 votes
    4 answers

  16. Активная ссылка меню

    Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…

    Asked by Diasouls,

    0 votes
    2 answers

  17. Как правильно верстать

    Интересует именно общий подход. Как я вижу: 1) Для начал делаем разметку страницу: определяемся с кол-во блоков, секций, слоёв; решаем что фикисрованно, а что тянется и т.д. И выстраиваем общую структуру страницы (я обычно делаю пустыми блоками с разным цветом бэкграунда). Проверяем на кросс-браузерность и косяки. Если нормально - переходим к наполнению. 2) Заполняем контентом, вставляем менюхи и т.д. - более трудоёмкий процесс, ибо каждый элемент надо отдельно выравнивать (а они иногда очень не желают этого делать при заданных условиях). И вот тут обнаруживается первая засада: вроде общая структура у нас готова и зафиксирована, но наслдеование или overflow какого-нибудь …

    Asked by Nanto,

    0 votes
    1 answer

  18. подчеркивание строки независимо от наличия текста

    доброе время суток, товарищи! задача в общем описана в названии темы, только _Ианов___ тоже должен быть подчеркнут, не могу понять как это сделать есть бланк в нем есть как однострочные поля, так и многострочные. я пробовал засовывать текст в div с border-top'ом, но оно некатит в многострочных полях помогите кто чем может плиз

    Asked by romario0403,

    0 votes
    7 answers

  19. Закругленный блок

    Делаю такой блок http://itmages.ru/image/view/267385/45baef98 , низ блока отходит , как это исправить? .list_img li { list-style: none; background: url(circle1.png) no-repeat left 40% ; margin-left:-15px; } #content { height:400px; margin: 40px 70px 40px 65%; padding: 5px; border: 1px solid #333; min-width:400px; } .conten { background: transparent;line-height:30px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; mar…

    Asked by Rambo2045,

    0 votes
    4 answers

  20. Кроссбраузерность.

    Сверстал диз, когда верстал использовал хром. Когда все закончил решил просмотреть в разных браузерах (IE,Firefox). В IE и FireFox страница выглядит меньше по размеру. Верстка фиксированная 960px.В Хроме страница выглядит лучше.Можно ли сделать ка кто чтобы в IE,Firefox страница была как в Хроме? Вот CSS body{ margin: 0px; padding: 0px; } #container{margin: 0 auto; width: 960px; } А вот картинки: 1.Chrome 2.Firefox 3.IE Например: Сравните какой отступ у хром от границы браузера,и какой в Firefox'e и в IE

    Asked by azarkin7,

    0 votes
    7 answers

  21. Критика и помощь

    Всем здравствуйте! Не большой блок.Очень нужна Ваша критика, предложения, другие варианты решений. Особенно что касается применения border, ...-radius и hover для для других элементов. Плюс ко всему в Opere 9.64 не получилось закруглить уголки( Сслыка Буду вам очень благодарен.

    Asked by orion_by,

    0 votes
    14 answers

  22. подскажите с меню

    вот файл: html <div id="menu_news" <div class="news"> <img src="img/fon_menu.gif" width="249" height="30" class="news_head" /> <ul class="menu_news"> <li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li> <li><a href="#">10 принципов эффективного веб-дизайна</a><p>02</p</li> <li><a href="#">Дизайн пользовательских интерфейсов и юзабилити</a><p>03</p</li> <li><a href="#">Меняем дизайн сайта в зависимости от погодных условий.</a><p>04</p</li> <li><a href="#"&…

    Asked by montana,

    0 votes
    4 answers

  23. Нужна помощь!)

    Дело в том что я хочу что-бы "index.php" не перезагружался при обновлении "<input name='new_address' type='text'". И что-бы ошибки выводились перед <form>. index.php <?php $result_city = mysql_query ("SELECT * FROM address WHERE address_code='$select_city'",$db); if (mysql_num_rows($result_city) > 0) { $myrow_city = mysql_fetch_array($result_city); } do { printf ("<style> #boxes%s .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #boxes%s #dialog%s { width:375px; height:203px; padding:10px; background-color:#ffffff; } </style> <p>%s <a name='modal' href='#dialog%s'&gt…

    Asked by w1ndw0rk,

    0 votes
    11 answers

  24. Как сделать, чтоб перенос запомимнался...

    К примеру пользователь вводит такой текст в поле textarea: f f f При выводе же текст выглядит так:"f f f" Как сделать чтоб текст выводился так, как при вводе? Голову уже сломал. wrap у textarea не помогает.

    Asked by new01,

    0 votes
    30 answers

  25. использование шрифтов

    посоветуйте пожалуйста какие-нибудь интересные книжки или ресурсы по использованию шрифта в web. сам найти не могу, всё какой-то мусор попадается типа "подбор шрифта для сайта чайникам"

    Asked by cyklop77,

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