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. Откуда стык фона в Chrome?

    Добрый день. Столкнулся с тем, что в Хроме градиентный текстурный фон страницы имеет стык, причем если покрутить колесиком масштаб, он исчезает, пока не вернёшься к определённому масштабу. Вот картинка: Почему? В других браузерах такого нет. Вот код: <body> <div id="main"> ... </div> </body> body { font: 14px/21px Verdana, Geneva, sans-serif; text-align: center; color: #003; background: url(images/bg.jpg) repeat; } #main { width: 100%; text-align: center; background: url(images/bg2.jpg) repeat-x top;/*верхний текстурный градиент фона*/ }

    Asked by borus,

    0 votes
    14 answers

  2. Отображение полей и кнопок было, как в Opera

    Как сделать, прописать, чтобы отображение полей и кнопок, в других браузерах было, как в Opera <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> <option value="3">WME</option> <option value="4">WMU</option> <option value="5">WMB</option> </optgroup> &lt…

    Asked by lev99,

    0 votes
    10 answers

  3. Разная реакция браузеров на float

    Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство float по разному? Вот есть два блока <div id = 'shapka'> <div id = 'firsttable'> <table> </table> </div> </div> <div id = 'tm' > <table> ...................................................................... </table> <div> задаем такой стиль #firsttable table { margin-top: 14px; float: right; text-align: center; width: 56%; } и что мы видем в фаирфокс а в chrome т.е фаирфоксу пофиг что firstable находится в d…

    Asked by Borka,

    0 votes
    14 answers

  4. помогите с шрифтами

    Есть шрифт "Helv4Light" это два файла: "Helv-4-Light.pfb" и "Helv-4-Light.pfm" в стилях подключаю так: @font-face { font-family: Helv4Light; /* Гарнитура шрифта */ src: url(Helv4Light.pfb); /* Для IE5-8 */ src: local(Helv4Light), url(Helv4Light.pfb); /* Для остальных браузеров */ } body{ font-family:Helv4Light; font-size: 12px; line-height: 30px; color:#222; background:#FFF; } Но на сайте шрифт не меняется. Подскажите в чем может быть проблема? Спс.

    Asked by 3d_max_9,

    0 votes
    6 answers

  5. PSD web ui какой смысл всех этих элементов?

    Появилось желание немного разобраться в PSD Шаблонах. Представляю себе это так: в Фотошопе, или в чем-то похожем из PSD файла вырезаются нужнее элементы и вставляются на страницу. А в с самом PSD можно прикинуть как будет выглядеть страница. Понимаю, что для этого нужны навыки, но вопрос сейчас не об этом. Также удалось обнаружить, что есть просто некоторые компоненты: Кнопки, списки и т.д. Возьмем, к примеру вот этот http://www.freepik.com/free-psd/amazing-clean-web-ui-elements-kit-psd_596993.htm Допустим, вырежу я кнопку? и что дальше? ведь она будет иметь фиксированные размеры X*Y пикселей. Как я смогу написать более длинный текст? Дальше: сам прогресс-бар? А с ним-то …

    Asked by ekkl,

    0 votes
    3 answers

  6. Интересная стрелка, как?

    Всем доброго вечера, требуется стрелочку сделать на CSS, но не могу понять откуда начинать. Вот что приблизительно нужно на CSS: Как можно похожее реализовать, через transform возможно ? Может есть у кого что-то похожее, надеюсь на любую помощь. Спасибо !

    Asked by Hol1killer,

    0 votes
    7 answers

  7. Можно ли затемнить ВСЕ родительские блоки?

    Вот скажите пожалуйста, возможно ли такое, если блок внутри родителя (ну и родителей, естественно): при выпадении меню по наведении, всё что под ним - затенять? https://road.media/ Наведя на каталог, хочу добиться, чтобы всё что вокруг "выпадайки" затенилось. Это возможно? Если пытаться через opacity для родителей, то затеняется всё вместе с ребенком, что логично. Есть мысль с абсолютным блоком под выпадайкой, но выше родителей, но как его вызвать и позиционировать не додумаюсь что-то. Направьте? Типа того: .page-wrap::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; height: 100%; position: fixed; …

    Asked by d0ublezer0,

    0 votes
    4 answers

  8. Оформление блока графика работы

    Доброго времени суток. Очень нужен ваш совет, по оформелнию, прикрепила картинку примера Есть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени) Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко... Есть ли метод проще или можно сделать это чисто с помощью стилей? Спасибо.

    Asked by Mary_RND,

    0 votes
    2 answers

  9. Оформление страницы с помощью flexbox

    Всем привет! Я очень начинающий верстальщик, можно сказать что совсем никакой но тяга к знаниям есть, подскажите пожалуйста как грамотно оформить страничку, расположить графические блоки в столбик, текст должен обтекать слева и справа, пример на скриншоте, как это описать в css? Пробовал через flex все делать но текст либо снизу, либо сверху остается. Спасибо за понимание!)

    Asked by borizzz2018,

    0 votes
    5 answers

  10. owerflow

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>test</title> <style> #qqq { border: 1px solid #000000; width: 150px; height: 100px; overflow: hidden; } #aaa div{ display: block; border: 1px solid #ff0000; margin: 5px; } #aaa { border: 0; position: relative; } </style> </head> <body> <div id="qqq" align="center"> <div id="aaa"> <div>111</div> <div>222</div> <div>333</div> <div>444</div> &lt…

    Asked by Veseloff,

    0 votes
    3 answers

  11. embed и DM

    Подскажите пожалуйста почему DM перехватывает mp3 из embed и предлагает скачать, можно ли как исправить? отключить интеграцию в DM не предлагать. <embed src="sounds/message1.mp3" hidden="false" width="0" height="0" autostart="true" loop="0" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> Спасибо. Забыл добавить, в IE все нормально, потому что он запрашивает установку плагина, а Опера и Лис, ни чего не запрашивают, сразу предлагается закачка mp3

    Asked by slavok47,

    0 votes
    3 answers

  12. css фиксированый баннер

    всем привет! подскажите возможно ли сделать такое извращение, есть главный див по центру со своим размером, ситуация такая что нужно повесить с права этого дива баннер 1. при этом чтоб сам див оставался по центру как будто этого банера вовсе нет. 2. когда ширина браузера уменьшается, выравнивание центра начинается с левой стороны, дабы еще возможно было увидеть баннер находящийся c правой стороны. 3. если граница окна браузера выходит за рамки баннера, не появлялся горизонтальный скролинг. (как с position:fixed) 4. чтоб этот баннер оставлялся всегда вверху на своем месте, и не плавал за вертикальным скролингом. (с position:fixed не смог такого добится) очень нужно такое р…

    Asked by XJIOP,

    0 votes
    3 answers

  13. First-letter в Firefox

    Во всём кроме Фаерфокс эта конструкция корректно работает, а как её подружить с ФФ? <!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"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { di…

    Asked by Wak,

    0 votes
    5 answers

  14. css отображение, reset.css

    есть таблица с использованием css3. На локальном клмпе выглядет идеально. Но после закидывания ее на сайт под Джумлой она косячится. Мне посоветовали css reset, я даже понял для чего это. Теперь мне нужно переопределить некоторые свойства таблицы. Вопрос, как это делать? если через firebug отключать опции в reset.css border-collapse: collapse; border-spacing: 0; то таблица показывается верно. значит мне эти опции надо переопределить в моем стиле. мой стиль оформлен так и дописан в коенц темплейта ксс.

    Asked by radarium,

    0 votes
    11 answers

  15. Высота ячейки по содержимому

    Помогите, я уже совсем запуталась) У меня есть таблица из двух колонок. В первой колонке одна строка (rowspan="2"), во второй - две строки. Во второй колонке первая ячейка получается слишком высокой, а текст второй ячейки уползает вниз. В итоге между ними белое пространство. Как сделать чтобы первая ячейка была ровно по высоте своего содержимого (заранее высоту я не знаю).

    Asked by Nadyu,

    0 votes
    3 answers

  16. Нету прозрачности в ie

    Здравствуйте. Вот у меня по разному отображаются картинки в шапке. Пропадает прозрачность видимо. Причём это происходит в ie7 и ie8 (под ie6 не верстаю). Просто то, что я гуглил по этому вопросу, всё сводится к фиксу в ie6. Про 7 и 8 написано, что всё нормально должно быть. Вот пример: Ie 7: http://smotr.im/5QgD Chrome: http://smotr.im/5QgE

    Asked by prowoke,

    0 votes
    18 answers

  17. Меню сайта картинками

    Хотел сделать меню сайта как здесь -> _http://www.mighty-sport.ru/ то есть меню состоит полностью из картинок и наползает на шапку, а при наведение на пункт одна картинка меняется меняется на другую (получается, что пункт под курсором выделяется). Долго мучился, но никак не получается, а на том сайте больно хитромудрый код, никак не могу разобраться. В общем то я знаю как сделать одинаковый background ко всем пунктам меню, если оно состоит из слов -> http://jsfiddle.net/7Jp2q/ Но в данном случае меню полностью состоит из готовых картинок и background присваивать просто не к чему. Гуглил, но точно таких готовых решений нет. Как это можно реализовать?

    Asked by pitbull522,

    0 votes
    4 answers

  18. ссылка, которая меняет checked в радиокнопке

    Есть 2 ссылки на 1 страницу заказа. Каждая ссылка для заказа своего продукта (Паркес 7 и Паркес 77). На странице с формой заказа есть две радиокнопки для смены товара. По умолчанию стоит первый (Паркес 7). Мне нужно чтобы при переходе по ссылке для заказа Паркес 77 радиокнопка менялась с положения Паркес 7 на Паркес 77. Такое возможно?

    Asked by apexis,

    0 votes
    13 answers

  19. Требуется помощь c jQuery. Автоматически добавить класс к изображениям.

    <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('rel', 'fancybox'); select.fancybox(); }); </script> Код вырвал из всем известного плагина FancyBox насколько я догадываюсь именно он добавляет ко всем изображениям ссылку с этим же изображением и rel=fancybox все бы ничего, но с этим плагином у меня напряг, да и вообще с любым другим подобным... Есть карусель, картинки в ней генерируются с помощью php (сайт на Wordpress), хочется чтобы при нажатии на к…

    Asked by Березовский,

    0 votes
    9 answers

  20. Блок с аудиоплеером невидим

    Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присво…

    Asked by Lionel,

    0 votes
    1 answer

  21. работа с inline элементами

    Доброго времени суток! Сталкнулся с проблемой выравнивания inline элементов по вертикали пример _http://jsfiddle.net/n4eWe/6/, в данном случае работает, как хотелось бы(визуально) но хочется уйти от подгонки размеров вручную, а чтобы оно всё же позиционировалось само, не зависимо от #topmenu{ height: 40px; ... } Работает в таком варианте, как есть, но приходится подгонять при смене высоты topmenu значинием #topmenu ul { padding-top: 20px; } или topmenu ul убераем вообще и раскомментируем #topmenu li { /*vertical-align: bottom;*/ /*line-height: 56px;*/ ... } тогда приходится играть значением 56px... 1. Как же всё таки правильно пользоватся выравниванием? 2. полупро…

    Asked by EDIsaev,

    0 votes
    11 answers

  22. проблема с ролловер в IE 6

    В Мозилле, Опере и ИЕ7 все ОК. А вот в 6-м следующая проблема: при наведении мышки на ссылку, картинка меняется(то есть появляется ее нижняя часть), НО не если мышку отвести то она так и остается, то есть не возвращается в исходное положение. И так все картинки: если понаводить на разные ссылки, то появятся нижние части, но не исчезнут, если убрать мышку. Если переключиться на окно другой программы, а потом вернуться в IE6, то меню возвращается в исходное положение. Пожалуйста, помогите разобраться что не так. Заранее спасибо! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> /* Меню сайта */ .bu…

    Asked by k2s,

    0 votes
    2 answers

  23. Отделение числовых разрядов в input

    Приветствую. Вопрос простой (по крайней мере мне казался простым ): как реализовать отделение числовых разрядов в input? Гугль ответа не дает (м.б. не так спрашиваю), а мне приходит в голову только решение в лоб (с парсингом входящей строки и вставкой пробелов). И что-то мне подсказывает, что решение должно быть проще.

    Asked by Frakir,

    0 votes
    3 answers

  24. Растянуть ячейку с контентом, не трогая соседние.

    чОрт, ошибся разделом, перенесите в HTML. Хотя здесь и по CSS вопрос, так что я не знаю даже.) Нужно сделать так, чтобы основная ячейка с контентом растягивалась по вертикали, при этом не смещая/дублируя ячейки соседней строки. И чтобы в Опере воспринималось расстояние между элементами меню. Макет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title><?php $kernel->show_title()?></title> <meta name="description" content="<?php $kernel->show_description()?>"> <meta name="keywords" content="<?php $kernel->show_keywords()?>"> <meta http-equiv="…

    Asked by Aspart,

    0 votes
    1 answer

  25. IE Нецентрует дизайн !

    Проблемка ! Есть диз все браузера показывает его как нада , но как всегда в IE всё портит ! Вот кодик HTMl <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <title></title> </head> <body> <!-- wrapper --> <div class="wrapper"> <!-- <header> --> <div id="header"> <!-- header_logo --> <div id="header_logo"> <a id="logo" href="*">AllAbo…

    Asked by darewangog,

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