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. Мобильные браузеры, body, overflow:hidden

    Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}

    Asked by Bassline,

    0 votes
    4 answers

  2. Проблема с позиционированием 2х блоков

    Сначала был примерно вот такой код: <div class="content"> <div class="content_div"></div> <div class="sidebar"> <p></p> <p></p> </div></div>с таким css: .content_div { margin-left: 220px;}.sidebar { float: left; width: 200px;}Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute: <div class="content"> <div class="sid…

    Asked by zevilz,

    0 votes
    14 answers

  3. Опустить колонки до футера, а футер до низа

    Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …

    Asked by vo4tap,

    0 votes
    5 answers

  4. Автозаполнение форм в Opera и Chrome

    Доброго времени суток, вот уже в который раз обращаюсь к вам за помощью.))) На этот раз проблема такая - Chrome и Opera не предлагают свои варианты заполнения полей формы по двойному клику (из тех что пользователь вводил раньше), хотя Mozilla отрабатывает нормально. Форма изначально лежит в коде страницы скрытая (style="display:none;"), по клику на ссылку всплывает ($('.winc_form').fadeIn(200), после того как пользователь ввел данные и нажал submit данные ajax-ом отправляются на сервер, js-ом на место этой формы вставляется текст что данные отправленны успешно и кнопка закрыть. По нажатию на закрыть div с формой пропадает, на место текста об отправлении опять становится …

    Asked by pro100set,

    0 votes
    10 answers

  5. Едет верстка на IPad'е

    Всем привет. Есть простая верстка: http://test.premier96.ru/main.html Говорят (сам сабжевым девайсом не обладаю, поэтому воочию посмотреть не могу), что на айпаде кое-что едет, даже картинку дали как оно едет: http://test.premier96.ru/photo.jpg Проблема даже не в том, что вообще мало понятно, почему оно так вот едет, а в том, что ВСЕ онлайн показометры сайтов на моб. устройствах ничего подобного не показывают, там все ок. Может у человека с браузером на девайсе фигня какая-то происходит ? У кого айпад есть, гляньте, как у вас отображается или кто-то может просто подскажет, в чем может быть дело ? Заранее благодарю!

    Asked by lolka84,

    0 votes
    6 answers

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

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

    Asked by people2010,

    0 votes
    23 answers

  7. Отображение таблиц inline-объектом

    Приветствую. В голову на днях пришла идея отобразить таблицу строчным элементом: table {display: inline;} /* display: inline-block; for safari */ собственно что имеем? и имеем вполне нормальный строчный элемент который лежит на одной строке с иными элементами и нечего не сбрасывает на новую строку. а собственно получается мы можем в строку встраивать, помещая в таблицу, блочные элементы, сохраняя все их свойства и создавать довольно красивый не накрученный код. только вот мне стало интересно, насколько данный "прикол" уместен? в документации чтото я не нашел ничего по этому поводу. это баг или фича? Насколько можно использовать данную конструкцию и будет ли она поддержи…

    Asked by klierik,

    0 votes
    3 answers

  8. графическое подчеркивание ссылок в меню

    я делаю простой сайтик. там есть меню. я хочу чтобы при нахождении на определенной странце - соответствующий странцие пункт меню был подчеркнут. но у меня никак не получается это сделать. я уже запуталась окончательно... была бы вам очень благодарна если бы вы посмотрели код и могли бы может что-то мне посоветовать. т.к. приложить не могу файл ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="…

    Asked by lisa3281,

    0 votes
    9 answers

  9. Padding вместо width и height.

    Добрый день. Не могу понять как работает паддинг, когда им задаешь размер изображения. Есть картинка высотой в 50px. и шириной в 120px. и казалось бы, для того, что бы она корректно отобразилась нужно задать padding:25px 60px, но не тут то было. Ширина отображается нормально, а вот по высоте картинка отображается не полностью, как бы срезано. После долгих подборок параметров паддинга у меня получилось padding:0 60px 33px 60px; после этого картинка стала отображаться полностью. Объясните пожалуйста в чём тут прикол?

    Asked by yujin11,

    0 votes
    13 answers

  10. Много псевдоэлементов в одном селекторе

    Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать

    Asked by aqua.77,

    0 votes
    21 answers

  11. подключение css и Opera

    Подскажите плз что нетак: E-Exploer принимает и "видит" css файл, опера в упор не воспринимает. какое лекарство против этого??

    Asked by Hevard,

    0 votes
    6 answers

  12. вложенная таблица - помогите плизз

    Не знаю,где ошибка,если не трудно помогите пожалуйста. дело в том,что есть 2 таблицы, одна из них вложена в другую - и вроде должна отображаться сверху, но она съезжает вниз,как будто у нее параметр align - левый нижний угол. никак не могу понять в чем дело, параметр valign почему-то не помогает, пробовала в разные места его засунуть. вот код: <table width="803" align="center" border="5" bordercolor="#422464" > <tr><td width="795" colspan="2"><div class="tex" align="center"> <h3>...</h3> </div></td> </tr> <tr class="menu" height="45" align="center"><td width="795" colspan="2"> <a href="index.htm"&…

    Asked by Lili,

    0 votes
    2 answers

  13. Как сделать смену картинки при наведении мышью ?

    Примерно так: Картинкамаленькая1 | Картинкамаленькая2 | Картинкамаленькая3 КАРТИНКАБОЛЬШАЯ1 Т.е три маленькие картинки находятся в верхней табличке, состоящей из 1 ячейки и трех столбцов, а Большая картинка расположена под этой табличкой, нужно чтобы при наведении мышью на маленькие картинки, большая картинка внизу менялась на соответствующую. Спасибо.

    Asked by AndreyM,

    0 votes
    16 answers

  14. Как расположить изображение внизу?

    Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <div style="height:500px;"> <img width="100"height="250"src="bla-bla-bla.jpg"align="BOTTOM"> </div> В итоге - эта картинка, как отображалась вверху блочного элемента - так и отображается! Причем align="left" или align="right", или align="top" работает - т.е. имага нормально себя ведет и позиционируется соответственно как ей было указано. А вот align="bottom" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.

    Asked by rome.ro,

    0 votes
    3 answers

  15. Проблема с обтеканием изображения текстом

    Вот какая проблема. Имеется такой css-кусок. div.catItemImageBlock {padding:8px;margin:0 0 3px 0; float:left;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;float:left;} span.catItemImage img {border:1px solid #ccc;padding:8px;float:left;} В Mozilla обтекание работает прекрасно, а вот в IE 6 - не работает. Хоть тресни. Подскажите, как переделать этот фрагмент для оного браузера.

    Asked by Koriolan,

    0 votes
    9 answers

  16. Использование переменных в функции с animate

    Всем доброго дня! Остро встал вопрос о необходимости использования переменной для .animate в JQuery, а именно: $(".block").click(function(){ var y = '"top"'; $(".block").animate({y: "+=200"}, "fast"); }); Вышеуказанный код не работает. Если "y" заменить на "top" - работает, но мне нужна переменная. Пробовал разные варианты и не получается. Требуется ваша помощь, дайте наводку пожалуйста.

    Asked by Arinden,

    0 votes
    7 answers

  17. <input type="button" - кроссобраузерность.

    Всем привет. <input type="button" value="кнопка"> В браузерах ff, ie, даже в opere AC - вид кнопки примерно одинаковый ( с закругленными углами). И только в ОПЕРЕ - кнопка с прямыми углами. Очень бы хотелось вид кнопки в опере сделать как во всех браузерах. Иначе в дизайн не вписывается. Может CSS стили задать ? Или это не возможно?

    Asked by d4a1,

    0 votes
    21 answers

  18. Не совсем догоняю про поддержку браузерами, объясните пожалуйста.

    Есть браузер,а есть движок браузера, есть движок еще и JavaScript, HTML, CSS и т.д. У меня голова взрывается уже от этих движков.Помогите по полочкам все расставить. На что какой движок влияет, и что мне нужно знать как фронтенд разработчик ? (а то ничего не понимаю, не доходит и все)

    Asked by Agony741,

    0 votes
    8 answers

  19. позиционирование слоя

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

    Asked by Ddroid,

    0 votes
    6 answers

  20. width 100% в Firefox

    Люди добрые, помогите советом, пожалуйста. Шапку сайта верстаю в виде таблицы width=100% дабы растягивалась под широкоформатные моники. При этом фон задаю в CSS и все вроде в порядке. НО... В Firefox шапка упорно отображается только на 1024px и не дальше. Хотя другие таблицы в тексте отображает нормально. Вопрос: что с ним делать? P.S. В IE и Опере все ОК. Пробовала задать ширину через <col>, не помогло. Естественно margin:0; padding:0.

    Asked by cat_helena,

    0 votes
    5 answers

  21. много пустого места перед таблицей

    Уважаемые коллеги, нужна Ваша помощь. Подскажите пожалуйста, отчего вот здесь http://www.interklimat.zp.ua/tp/nexans_osn.htm перед первой таблицей так много пустого места? Как это устранить?

    Asked by ddriver,

    0 votes
    7 answers

  22. Jquery UI аккордеон иконка после текста

    Есть стандартный Jquery UI аккордеон, у которого я указываю не стандартные иконки. Javascript: $("#additional-accordion").accordion({ icons: { header: "icon-chevron-down", activeHeader: "icon-chevron-up" }, heightStyle: "content", active: true, collapsible: true });Html: <div id="additional-accordion"> <h2> Дополнительно </h2> <div> Содержимое .... </div><div>И выходит что то типа этого: Html который генери…

    Asked by Arti,

    0 votes
    1 answer

  23. Выравнивание элементов

    Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?

    Asked by AlexProf,

    0 votes
    15 answers

  24. Помогите с java

    Как сделать так, чтобы оставаться на текущей странице при нажатии на кнопку перехода от формы, если java скрипт проверяя на валидность увидел ошибку?

    Asked by NIKKK,

    0 votes
    5 answers

  25. Что за конструкции <BR />, <IMG /> и тд?

    Все никак не могу понять что означает /> для одиночных дескрипторов? Зачем это надо?

    Asked by rug_1,

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