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. Как изображение сделать ссылкой?

    Спасибо, что заглянули. Есть рисованная кнопка, ее нужно вставить на главную и потом по ней выйти на другую страницу. Как быть?

    Asked by Focus,

    0 votes
    9 answers

  2. Пропорциональное выравнивание блоков по горизонтале

    Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…

    Asked by Партия ЦКCSS,

    0 votes
    9 answers

  3. Тэг открытия файла

    Собственно отписываемся по впросу. Плиз очень надо.

    Asked by SergANT888,

    0 votes
    9 answers

  4. bootstrap выпадающее меню на вордпресс

    Есть стандартное меню вордпресс то есть код для вывода прописал классы bootstrap не знаю как И куда добавить классы для под пунктов меню. <header><?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'bottom-menu', // класс для ul 'menu_id' => 'bottom-nav', // id для ul );wp_nav_menu($args); // выводим верхнее меню?></header> Прописал классы bootstrap работает только меню подпункты НЕ РАБОТАЮТ (( <?php $args = array( // опции…

    Asked by virtas,

    0 votes
    0 answers

  5. Ищу красивое решение

    Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…

    Asked by HUNTERxp,

    0 votes
    10 answers

  6. Подчеркнуть текст в кнопке

    Не могу допереть как мне подчеркнуть текст в кнопке submit. Я её видоизменил таки кодом : form input[type="submit"] { background: none; border: none; cursor: pointer; font-size: 14px; padding: 3px 0 0 0; color: black; } Если я пишу text-decoration: underline; То ничего не происходит, хотя вроде должно. ПОдскажите, пожалуйста, как добиться поставленной цели.

    Asked by prowoke,

    0 votes
    11 answers

  7. Как убрать горизонтальный скроллбар при сужении страницы

    Размер основной области как положено 1024px, но по дизайну есть выступы из этой области. Например левое меню выступает на 20рх слева, справа должен выступать декоративный элемент на 82рх, также еще блок справа должен выступать на 300рпх. При сужении окна, все эти выступающие элементы учитывается, хотя они находятся в враппере шириной 1024рх и у них задано абсолютное позиционирование внутри этого враппера. Моя же цель сделать так, чтобы скроллбары появлялись только если размеры основной области будут меньше 1024рх, все декоративные элементы и блок справа чтобы "съедались" Собственно пример моего кода с элементом который должен выступать на 82рх справа: CSS #wrapper { …

    Asked by skiph,

    0 votes
    12 answers

  8. Не работает overflow:hidden в Opera 12.16

    Здравствуйте! Почему-то Opera 12.16 не хочет обрезать затухающие линии у блока .disc при overflow:hidden. Похожее дело и с блоком .tail. Тут Opera 12.16 не хочет обрезать тень от дочернего элемента. Что это? И как обойти? http://cssdeck.com/labs/full/jb72htly

    Asked by Johnney,

    0 votes
    16 answers

  9. Статичная высота ячеек

    Имеется таблица: задача сделать так, чтобы при увеличении высоты ячейки 2Е,высота ячеек 1А,1В,1С не изменялась, изменялась тольо высота ячейки 1D. Как это возможно?

    Asked by AKstoAK,

    0 votes
    1 answer

  10. Позиционирование

    Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…

    Asked by ~Kitty~,

    0 votes
    15 answers

  11. Очень простой вопрос

    Вопрос очень прост, возможно ли использование двух классов для одного блочного тега. Пример <div class="alfa" class="beta"></div>. Правильно ли это с точки зрения синтаксиса, если да, то как они могут между собой конфликтовать?

    Asked by svdsLis,

    0 votes
    10 answers

  12. bootstrap таблица рвёт трёхколоночный макет

    Прошу помощи с Twitter Bootstrap. Макет примерно такой: <div class="container-fluid"> <div class="row-fluid" > <div class="span2" > <!--Sidebar content--> </div> <div class="span7 well"> <!--Таблица, которая шире колонки--> <table class="table table-striped"> .... </table> </div> <div class="span3"> <!--Right-Sidebar content--> </div> </div> </div> На широкоформатный мониторах всё ок, но стоило открыть на разрешении 1024х768 - как появилась…

    Asked by delias,

    0 votes
    8 answers

  13. Не тянутся таблицы по высоте правильно

    Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…

    Asked by partiz,

    0 votes
    9 answers

  14. Объясните пожалуйста как исправить

    Вот в чем проблемка. вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток. <html> <head> <title>Таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html {width: 100%; height: 100%; padding: 0px; margin: 0px;} body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;} .main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;} .main td {padding: 0px; margin: 0px; border: none;} </style> </head> <body> <table class="main" cellpadding="0" …

    Asked by PEOP,

    0 votes
    9 answers

  15. Оформление input[type="submit"]

    Приветствую всех участников форума! Подскажите, пожалуйста, как оформить кнопку отправки формы: http://prntscr.com/9aybj3 Таких кнопок на сайте будет несколько и с разным содержимым, поэтому повесить одну большую картинку на бэкграунд думаю будет ошибкой. Полоска, разделяющая текст и стрелку вправо должна быть прозрачной.

    Asked by alejandro13,

    0 votes
    5 answers

  16. Фиксированные размеры Body?

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

    Asked by mladwiUverstalwik,

    0 votes
    16 answers

  17. Список, появляются отступы

    Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…

    Asked by YanaSt,

    0 votes
    6 answers

  18. Элемент не центрируется в Firefox / IE.

    Довелось мне править чужой говнокод. Основной кусок: <tr> <td> <table align="center"> <tr> <td> <table align="center"> <tr> <td> <DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (…

    Asked by Kawamura,

    0 votes
    7 answers

  19. Футер. Как убрать отступ в ИЕ6?

    Собственно, верстал страницу, из 2х блоков Основного (container) и Футера (underline_container). Необходимо, чтобы при большом Основном блоке футер лежал под ним и появлялся на странице скролл, а в случае, когда Основной блок меньше высоты экрана, футер прижимался бы к низу экрана. Код, который я написал работает во всех браузерах, кроме ИЕ6, в н?м после футера появляется отступ равный по величине самому футеру. Как его победить? Заранее благодарен всем ответившим. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <link rel="stylesheet" href="style…

    Asked by SIC,

    0 votes
    5 answers

  20. IE6 не реагирует на {display:block} ?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>

    Asked by sashakiselev,

    0 votes
    24 answers

  21. Как такое сверстать дивами?

    Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div> <div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div> <div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div> <div style="clear:both;"></div> <div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;"> <div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</…

    Asked by mff,

    0 votes
    15 answers

  22. Условн. комментарии в ИЕ

    Хочу сделать отступ картинки которая находиться внутри ячейки таблицы, отсуп хочу сделать на определенное расстояние вправо. Дело в том что задаю в стилях и во всех браузерах кроме ИЕ, отступ, такой как нужен, в ИЕ показывает немного дальше что меня не устраивает. Для этого использую условные комментарии. Дело в том, что вроде они срабатывают, но проблема в том, что не знаю как поставить так условие, чтоб не дублировалась картинка 2-ой раз в браузере Ие именно, толкьо в нём и больше ни где дублируется картинка, как исправить подскажите. <html> <head><title>Видео</title> <style type="text/css"> .videoyrokiIE{position:relative; left:165px; } …

    Asked by people2010,

    0 votes
    23 answers

  23. Что то в серых тонах...

    Всем доброго времени суток, скажите, что лучше? Это или Это?

    Asked by selevit,

    0 votes
    31 answers

  24. Вопрос про переменные PHP

    Возможно ли как то такое: if (mysql_num_rows($result) > 0) { print "есть такой уже"; }else{ print "тебя тут не знают"; } Занести в одну переменную, чтобы эту переменную вставить в какое то определенное место для отобрежения(например рядом с полем ввода имени для проверки), тоесть переменная одна, но у нее будет 2 значения в зависимости от результата, чет я помоему глупость спросил...

    Asked by slavok47,

    0 votes
    15 answers

  25. Отступы от краев таблицы

    Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!

    Asked by Eviral,

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