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. Позиционирование кнопки.

    Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?

    Asked by vladmitrich,

    0 votes
    7 answers

  2. Не работает position:relative на tbody, tr, td

    https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???

    Asked by Daniil Khanin,

    0 votes
    9 answers

  3. display: table для ослов

    Как заставить ослов 7-ой и ниже версии понимать display: table , table-cell свойства?

    Asked by Yahoo!,

    0 votes
    34 answers

  4. Как сверстать такую красотульку

    В три дива с бордерами? Это нормально или можно более изящно?

    Asked by Andyk,

    0 votes
    60 answers

  5. Как сделать ссылкой всю строку таблицы?

    Ситуация следующая: есть длинная таблица, в таблице каждой строке соответствует одна ссылка, как сделать так, чтобы при щелчке на поле любой ячейки в одной строке можно было перейти на ссылаемую страницу? PS: Кроме того хочется чтобы при наведении на любую ячейку менялся бы цвет всей строки, но это наверное легко както сделать с помощью hover'а?

    Asked by bonifico,

    0 votes
    6 answers

  6. Как сверстать такое меню?

    Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.

    Asked by MiHALbI4,

    0 votes
    40 answers

  7. При появлении скролла, контент, привязанный по середине прыгает

    В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…

    Asked by SCHNITZER,

    0 votes
    5 answers

  8. Подключение Myriad Pro Light шрифтов

    Запарился уже искать решение для этой задачи... В общем необходимо подключить шрифт Myriad Pro Light. Начал делать через Cufon, но при загрузке шрифтов, всего 4 варианта типа (regular, bold, italic, italic bold), соответсвтенно если использовать regular или любой другой, Light - пропадает. Скорее всего я что-то упустил из виду, ребят, могли бы пожалуйста подсказать решение данного вопроса.

    Asked by svim,

    0 votes
    1 answer

  9. Background-image к низу сайта

    Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

    Asked by fofan,

    0 votes
    11 answers

  10. Эффект затемнения при наведении

    Как можно сделать ,чтобы баннер в обычном состоянии был приглушённого белёсого цвета,при наведении-обычного,как тут http://nba777.ru/

    Asked by FASTDEATH,

    0 votes
    11 answers

  11. Div и вложенная в него широкая таблица (шире окна)

    Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…

    Asked by sigma77,

    0 votes
    17 answers

  12. Макрос в Dreamweaver CS3

    Здравствуйте. Я делаю галерею на сайте в ручную, только средствами ХТМЛ. Дабы работа не казалась рутиной, понял, что надо сделать макрос. Галерея выглядит слдеющим образом: <a href="oboi/big/oboi_po_3_ (1).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (1).jpg" alt="Обои из фильма 1" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (2).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (2).jpg" alt="Обои из фильма 2" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (3).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (3).jpg" alt="Обои из фильма 3" width="169" height="128" /></…

    Asked by Sayitright,

    0 votes
    27 answers

  13. z-index не перекрывает body

    Поочему фон со звёздами не прячется под body у которого: body { background-color: #EDE8C9; position:relative; z-index: 2; font-family: "RobotoRegular", sans-serif; font-size: 16px;

    Asked by Brodyaga337,

    0 votes
    6 answers

  14. IE6 и Float...

    <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Tetro</title> </head> <body> <div id="wrap"> <div id="header"> <img src="img/head.png"> </div> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="wrap2"></div> <div id="footer"></div> </body> </html> img/head.png = (ширина 400, высота 100) html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} body > #wrap2 {height: auto; min-height: 100%;} bo…

    Asked by XiBOR,

    0 votes
    34 answers

  15. Одинаковая ширина <LI> взависимости от ширины <UL>

    Есть вот такое меню: <style> ul{ width:1000px; } li{ float:left; } </style> <ul> <li>First</li> <li>Sekond</li> <li>...</li> <li>...</li> </ul> Нужно что бы элементы меню были одинаковыми по ширине и заполняли вместе всю ширину <ul>. Тесть если <ul> размером 1000px и элементов 4, то ширина элементов должна быть 250рх, если 5 то 200рх и т.д. Количество пунктов будет меняться, соответственно прописать это явно не получиться. На ум приходят таблицы и скрипты, но ни то ни другое использовать не хочется, есть ли какое нибудь другое решение?

    Asked by PlutDem,

    0 votes
    6 answers

  16. CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец

    Есть широкий див, в нём находятся 2 элемента, 1-ый из них имеет фиксированную ширину. Задача: приделать динамическую (изменяемую) ширину для 2-ого элемента, расположив оба элемента в одну строку. Проблема: если установить 2-ому элементу width:auto, то в таком случае элементы размещаются в столбец, а надо в строку. Если установить для 1-ого элемента float:left, а для второго width:auto и float:right, то по идее всё должно решиться, но этого не происходит (firefox 3.5 + stylish). Ещё я поигрался с display: table-row/table-column (пробовал и менять на другие возм. параметры), но ничего не изменилось. Как правильно выставить этот параметр и главное для кого? Для суб-элементов…

    Asked by amz00m,

    0 votes
    32 answers

  17. Якорь из формы

    Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?

    Asked by Александр СП,

    0 votes
    10 answers

  18. Теги html

    Решил делать себе 'reset.css' - заинтересовался таким вопросом: где можно посмотреть список всех тегов, которые сейчас актуальны, были запрещены, устаревшие, которые не рекоммендуют использовать и т.д. Буду рад за любую информацию и линки. P.S. Был здесь - http://www.htmlbook.ru/html/ и здесь - http://www.w3.org/TR/html4/index/elements.html Да и вообще, во всех списках все по разному... И есть ли у кого-нибудь полнейший список тегов? =)

    Asked by DjTarik,

    0 votes
    25 answers

  19. Как кнопку превратить в ссылку?

    Как кнопку превратить в ссылку? а точнее вот код кнопки <?php if($type == 'logout') : ?> <div id="logins"> <?php if ($params->get('greeting')) : ?> <?php echo JText::_('HINAME') ?><?php echo ($user->get('name') ); ?> <?php endif; ?> <form action="index.php" method="post" name="login" id="form-login"> <input type="submit" name="Submit2" class="button" value="Atsijungti" /> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="logout" /> <input type="hidden" name="return" value="<?php echo $return; ?>" /> </form> </div> и надо что бы это б…

    Asked by bowa,

    0 votes
    16 answers

  20. Не могу выровнять текст в таблице

    Здравствуйте! Я не могу выровнять текст по центру ячейки таблицы. Т.е. по горизонтали он выравнивается, а во вертикали не хочет. Я не понимаю почему не получается. Вот "кусок" кода: CSS-таблица #MAIN_MENU_punkt1 { color:white; display: block; text-decoration:none; text-align:center; width: 103px; height: 52px; background: url(on1.gif) } #MAIN_MENU_punkt1:hover { background-position: 0px -52px; } HTML-код <table border=0 cellspacing=0 cellpadding=0> <tr style="{vertical-align:middle}"><td><a href=# id="MAIN_MENU_punkt1">ГЛАВНАЯ</a> </table> Заранее спасибо!

    Asked by roodbox,

    0 votes
    10 answers

  21. Подключение CSS через Javascript

    Как подключить через Javascript для Мозиллы? Для оперы: <script type="text/javascript"> if(window.opera) {document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');} </script> Для IE можно не использовать java script: <!--[if IE ]> <link rel="stylesheet" type="text/css" href="style/ie.css" /> <![endif]--> Подскажите как для IE. Только я не прошу о хаках говорить Заранее спасибо

    Asked by Slyfox,

    0 votes
    4 answers

  22. Небольшая, но очень интересная задачка по верстке.

    Дан вот такой код: <!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="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…

    Asked by Great Rash,

    0 votes
    55 answers

  23. В мозиле не работает тег align

    Не понимаю почему в Enternet exsplorere всё работает а в мозиле нет главной таблице моего сайта присвоен атрибут align="center" a мозила не желает размещать мою таблицу по центру и упорно жмёт её к краям

    Asked by Игорь Ермаков,

    0 votes
    17 answers

  24. position: absolute скрытый overflow: hidden

    Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

    Asked by Arthur,

    0 votes
    13 answers

  25. Можно в форме отключить "Enter" а именно в <input> ?

    Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

    Asked by Saturn,

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