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. Выпадающее меню без javascript

    Мне выпадающее меню дается очень с трудом. Оно, конечно у меня выпадает, но выглядит не так как хотелось бы. http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу. Помогите пожалуйста привести все это в порядок Код: <div class="menu"> <ul> <li><a href="#">Верстка</a></li> <li><a href="#">Создание сайта</a></li> <li><a href="#">Веб-дизайн</a></li> <li class="web"><a href="#">Веб-программирование</a> <ul> <li><a href="#">Java-Script</a></l…

    Asked by skygazer,

    0 votes
    4 answers

  2. Opera и font-face

    Вот пример: http://leveler.ru/zebra/ Во всех браузерах знак рубля показывается нормально (блок "рекомендуем"), даже в ИЕ7. Опера же (11.61) кривляется применяет подгруженный шрифт только если открыть страницу локально, с диска. На хостинге и денвере - не хочет показывать, хотя видно, что файл шрифта она загрузила. MIME пробовал добавлять: AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType application/x-font-woff woff Не помогло. В чем дело-то? Используется готовый кит без субсета отсюда: http://www.fontsquirrel.com/fonts/pt-serif Пример, который в архиве от белки тоже рабо…

    Asked by d0ublezer0,

    0 votes
    2 answers

  3. Неправильный CSS

    Здравствуйте. Можете поправить мне CSS? пожалуйста. Не пойму в одном браузере Mozile нормальный выводит точки, в другом браузере Google Xrome завышены... .subForumsPopup .dot span { height: 0px; left: 6px; margin-top: 10px; position: absolute; width: 0px; border: 2px solid #6cb2e4; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } Допустим ставишь margin-top: 10px; в одном браузере нормально выводит... а в другом все криво

    Asked by SAnet,

    0 votes
    5 answers

  4. Верстка "слайдера"

    Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.

    Asked by egoregor,

    0 votes
    3 answers

  5. html5.

    Приветствую всех! Я всё-таки решил начать учить до конца html.Будьте любезны,дайте ссылку на хороший учебник html5 в формате chm и pdf,где есть все теги и примеры их использования.Буду приблагодарен!

    Asked by SteeLZzZ,

    0 votes
    2 answers

  6. учу сь верстать

    Здравствуйте, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style> BODY { } #pic {height:500px; width:500px; background:#000 url(pic2.png) no-repeat; position: absolute; /* Абсолютное позиционирование */ bottom: 15px; /* Положение от нижнего края */ right: 15px; /* Положение от правого края */ } </style> </head> <body> <div id ="pic"> </div> </body> </html> мне нужно, чтобы половина стебелька была черной http://olga153b.freetzi.com/ola/index.html Некоторые тексты из макета перенеслись нормально, а остальные не переносятся, чт…

    Asked by leto2012,

    0 votes
    11 answers

  7. float

    Имеется каркас: <div id="left_block"></div> <div id="center_block"></div> <div id="bottom"></div> #left_block { width:100px; height:10px; float:left; } #center_block { width:200px; height:10px; margin-left:110px; } 1. Нижняя часть "bottom", не хочет растягиваться по высоте левой части "left_block" Что делать в такой ситуации? clear: left не помогает... Данная ситуация во всех браузерах 2. в IE 8 такое ощущение, что он не понимает float и ставит center_block ниже left_block, в остальных браузерах все хорошо. Извините если туплю, новенький в этом деле...

    Asked by SLameN,

    0 votes
    1 answer

  8. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien,

    0 votes
    3 answers

  9. Отступы между блоками

    Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…

    Asked by GhostNiniga,

    0 votes
    2 answers

  10. кнопки вперед и назад

    кнопки расположены слева и справа по бокам хотелось бы сделать как показано на сркине. т.е.вынести их выше ввиде двух небольших блоков для удобства. код a.next, a.prev, div.noPrev, div.noNext { text-indent: 16px; color: #fff; width: 12px; overflow: hidden; display: block; text-align: center; position: absolute; } a.prev { background-color: #4bbed5; background-image: url(prev.png); background-position: -12px 0; left: 0; top: 0; } a.prev:hover { background-position: -24px 0; } a.next { background-color: #4bbed5; background-image: url(next.png); background-position: -12px 0; right: 0; top: 0; } a.next:hover { background-position: 0 0; } div.noPr…

    Asked by high,

    0 votes
    1 answer

  11. Нужны ли такие ссылки?

    В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??

    Asked by fowl,

    0 votes
    3 answers

  12. Непонятные пробелы в навигации

    В общем сделал горизонтальное меню, между пунктами какието пробелы (в смысле места в которых нет никаких ссылок меню). Чтобы вы поняли о чем я - в ксс прописал border-right: 1px solid #000; для тега li и вот, что вышло: на картинке стрелкой показан как раз этот пробел, откуда он, зачем он там и как его убрать? Заранее спасибо.

    Asked by frog163,

    0 votes
    4 answers

  13. Как верстать?

    Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо

    Asked by azarkin7,

    0 votes
    3 answers

  14. img shadow-box inset проблема

    Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.

    Asked by Wahlberg,

    0 votes
    1 answer

  15. изменение ширины из-за скрола прокрутки

    Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит

    Asked by JastinB,

    0 votes
    2 answers

  16. Оставить отзыв

    Доброго времени!!!Помогите:как сделать чтоб после написания отзыва в форме на сайте,текст отправлялся на сервер,но при этом пользователь оставался на той же странице и получал соответствующее сообщение о доставке.Спасибо!!!

    Asked by SVitekD,

    0 votes
    4 answers

  17. Выпадающее меню

    Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }

    Asked by elstargroup,

    0 votes
    1 answer

  18. не работает min-height: 100% для body (xhtml)

    Всем привет! У меня почему-то не растягивается блок на всю ширину. Прописал в ксс html {min-height: 100%} body {min-height: 100%} body не растягивается, почему-то вот полностью код. Ксс там же для удобства <?xml version="1.0" encoding="UTF-8"?> <!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" xml:lang="ru" lang="ru"> <head> <title><!-- Insert your title here --></title> <style type="text/css"> html {min-height:100%} body {min-height:100%} #container {background: red; margin:15px; height:100%} …

    Asked by MILLIONER,

    0 votes
    2 answers

  19. Цифра вылезает перед буллетом

    Может быть, вопрос нубский, но как-то до сих пор не сталкивался. Из-за чего цифра в <LI> может самостоятельно (причем, во всех браузерах) перемещаться перед буллетом? Есть код: <li>1 пункт</li> <li>2 пункт</li> <li>Третий пункт</li> <li>И четвертый</li> А вот так он выглядит на странице:

    Asked by m0nk,

    0 votes
    2 answers

  20. плавающее выпадающее меню

    помогите пожалуйста разобраться, нужно чтобы выпадающее меню отображалось коректно, если кнопка, по нажатию на которой оно "выпадает", находится внизу экрана (оно выходит за рамки экрана и пользователю приходиться делать скролл страницы вверх чтобы его полностью увидеть). подробнее смотрите на рисунке - слева то что есть, справа то что должно быть. в общем то я думаю не так сложно, не знаю просто (опыт не позволяет) как выражение на css записать, чтобы от границ экрана отталкиваться.

    Asked by Selebro,

    0 votes
    2 answers

  21. Не пойму в чем Не валидность кода

    На сайте _validator.w3.org проверил свой сайт mobine.ru Не пойму в чем не валидность кода. Вот для примера: В чём там ошибки? Для примера я взял только 2 первые ошибки, всего их 215!

    Asked by alleclf,

    0 votes
    8 answers

  22. Не могу решить проблему. с версткой

    Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!

    Asked by DasBit,

    0 votes
    2 answers

  23. Выпадающее меню прячется за баннер

    Есть сайт, сделан на таблицах. Добавила на сайт менюшку на div. Все отлично все работает, но есть один нюанс. Выпадающее меню залазит под флеш-анимацию(баннер), а надо бы чтоб был сверху. Т.е. нужно чтобы выпадающий список закрывал собой баннер, а не прятался за него. Из-за чего такое происходит и как можно исправить. Спасибо.

    Asked by Sunkisa,

    0 votes
    12 answers

  24. Таблица в 3-и колонки

    ИЕ8 показывает таблицу в 1040 пикселей. Что не так? с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> тоже самое strict.dtd предпочтительнее <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <table style="border:1px solid #000000" width="1000" cellpadding="0" cellspacing="0"> <col width="185" /> <col widt…

    Asked by Gigo_,

    0 votes
    0 answers

  25. Как правильно сделать фон для блоков?

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}

    Asked by GhostNiniga,

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