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. Верстка в Firefox

    Есть необходимость использовать окна фиксированного размера для текста. Нужно, чтобы если HTML содержимое не помещается в окно, показывалась прокрутка. Использую следующее решение: fieldset.radios { overflow: auto; height: 300px; } <fieldset class="radios"> <label><input type="radio" ...>Thing 1</label> <label><input type="radio" ...>Thing 2</label> ... </fieldset> Работает идеально во всех браузерах, кроме Firefox, где прокрутки нет и текст просто "вываливается" из окна: пример Подскажите, как можно исправить это для Firefox?

    Asked by Allality,

    0 votes
    8 answers

  2. Сыпятся эелементы.

    Задача: Сделать полку по всей ширине страницы, на ней находятся книги, статуэтки и т.д.Предметы должны свободно перемещаться по полке и не закрывать друг-друга.Решил с помощью плагина jquery-ui Sortable(Так же они должны подсвечиваться при наведении, выпадать из каждого элемента подсказка, при давлклике выпадать меню <— это так, к слову).Всё сделал проКроссил ,но вот беда как начинаю сужать браузер предметы с полки начинают сыпаться.Никак не могу решить проблему чтоб всё оставалось на оси х.Пробовал интересный плагин imagefit,всё здорово но при уменьшении предметы не падают а начинают съезжать с полки т.е. их не получается уменьшать картинку по оси х и у и чтобы они ос…

    Asked by climber2002,

    0 votes
    8 answers

  3. DOCTYPE и кривизна вёрстки

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> есть такая делема, если поставить DOCTYPE то в CSS работает hover но часть ститей в ie полностью отключаются, если не ставить то в таблицах работает height="100%" для многих динамических элементов CSS.hover просто необходим и таблици растягивать то же нужно, может есть какой нибудь выход, просто очень нужно и то и другое.

    Asked by scuter,

    0 votes
    8 answers

  4. как сделать невидимыми элементы шаблона

    Как сделать так, чтобы элемент шаблона был видимым только на определённых страницах? Соответственно, чтобы на других его не было.

    Asked by maritca,

    0 votes
    8 answers

  5. поле уехало

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

    Asked by cyklop77,

    0 votes
    8 answers

  6. отображение слоя в IE при заданном разрешении экрана

    ситуация следующая ——————————————————— Есть панелька, прописанная в основной css'ке в виде слоя. Нужно сделать так, чтобы она отображалась только тогда, когда разрешение монитора у посетителя выше 1280 по ширине. Т.е., к примеру при разрешении экрана 1024 на 768 она отображаться не должна. ВАЖНО - работать это должно ВО ВСЕХ основных браузерах. Я прописала такое в ксске: @media (max-width: 1250px) and (min-width: 300px) { #panelka { display:none; } } #panelka{ top: 50px; width: 100px; height:100px; position: absolute; left: 10px; } сам html файл при этом содержит <div id="panelka">панелька</div> в результате ОПЕРА при разрешении…

    Asked by Dasha,

    0 votes
    8 answers

  7. блок в форме сердца css

    Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?

    Asked by draftmax,

    0 votes
    8 answers

  8. Движение float:right элемента

    Здравствуйте. При смене размеров окна браузера элемент с float:right двигается влево и в конце концов наезжает на обтекаемый элемент. С этим можно что-то сделать или это неисправимая особенность?

    Asked by mcdude,

    0 votes
    8 answers

  9. Список с увеличиваюшимся отступом слева

    Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--

    Asked by jangot,

    0 votes
    8 answers

  10. Применение классов в div

    Здравствуйте. Сейчас пытаюсь самостоятельно верстать и попутно разбираюсь в готовом чужом коде в качестве примеров-образцов. Возник такой вопрос. Во всех учебных материалах при самостоятельном изучении встречал применение к div к качестве идентификаторов последних только id. Однако в чужих работах и даже в стандартных шаблонах Dreamveawer для всех div применяется только классы: <div class="header"></div>, <div class="conteiner"></div>, <div class="footer"></div>, <div class="sidebar"></div>, <div class="content"></div>. И даже внутри блоков к элементам применяются только классы: <ul class="nav"></ul>.…

    Asked by aaron,

    0 votes
    8 answers

  11. Добавление класса

    Здравствуйте, есть такая задача: Есть навигация, на ней ссылка Login, которая открывается через fancyBox, а в ней кнопка, при нажатии на которую нужно, что бы это всплывающее окно закрывалось, и в главном окне открывалась ссылка из кнопки. Насколько я понял, то это можно сделать через addClass - removeClass. Кто нибудь подскажет как это можно реализовать, потому что в jQuery я не силен. Заранее спасибо

    Asked by DImas95,

    0 votes
    8 answers

  12. <meta> и XHTML

    В XHTML атрибуты и их значения должны писаться в нижнем регистре. Действует ли это правило для http-equiv="Content-Type"? Если да, то должно быть так: http-equiv="content-type"? Я просто никогда не видел, чтоб так было. Еще вопрос по XHTML: вместо атрибутов name должен использоваться атрибут id (за исключением форм). Касается ли это якорей?

    Asked by nemo59,

    0 votes
    8 answers

  13. Проблема на сайте табличной верстки

    Здравствуйте. Сейчас ведется работа по созданию сайта. Шкурка табличная, изначально была привязана к таблице width="1024". Но нужна резина. И засада в том, что в некоторых блоках, дивы вылезают за границы ячеек таблицы. Если удается призвать к порядку в хроме и опере, то ползет IE/ И наоборот. А поженить никак не получается. Подкиньте пожалуйста здравую мысль, как эту пакость победить. css выводится в браузер, посмотреть пример вылезания можно тут - tt-rus.ru/index.php?page=wiki#all_articles Да и на других страницах тоже косяки табунами.

    Asked by favor,

    0 votes
    8 answers

  14. Спрятать текст на картинке меню

    Делаю меню, которое должно быть картинкой, на картинки нарисованный текст. Само меню, ссылки - текстовые. Поместил картинку, а на ней текст ссылок. Теперь задача спрятать этот текст, чтобы был виден только текст, который на картинке. Цветом не получится, картинка разноцветная, задать 1px - видно. Как делать в таких случаях? МОжет быть можно сделать так, чтобы картинка была над текстом, наверху? Чтобы текст под ней прятался.

    Asked by qazibum,

    0 votes
    8 answers

  15. вопрос по изучение css

    Я учусь верстать сайты. Занимаюсь по данным видео урокам - курс верстки сайта. Дошел до данного урока "приступаем к CSS". Я знаком с css. Но мне часто не ясно почему автор применяет тот или иной прием. Это именно связанно с написанием css стилей. Что вы мне посоветуете делать?

    Asked by mastermedia,

    0 votes
    8 answers

  16. Отступы в кнопках. CSS

    здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.

    Asked by PREDATORik,

    0 votes
    8 answers

  17. html5-тэги в xhtml

    не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...

    Asked by cyklop77,

    0 votes
    8 answers

  18. Ползет сайт

    Доброго времени суток все участникам форума! У меня возникла проблема после верстки сайта: при увеличении масштаба в браузере Хром, на макете сайта появляются элементы состыковки картинок: Причем при разном увеличении они проявляются в разных местах... Подскажите пожалуйста в чем может быть дело? Если кого-то заинтересует, то исходники сайта я выкладывал тут : http://forum.htmlbook.ru/index.php?showtopic=36877

    Asked by saint_12,

    0 votes
    8 answers

  19. Закругленные края.

    Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…

    Asked by Чиполлино,

    0 votes
    8 answers

  20. Верстка под iPad

    Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …

    Asked by tod314,

    0 votes
    8 answers

  21. Нестандартное расположение блоков

    Добрый день уважаемые форумчане Помогите советом, как реализовать задуманное. Для наглядности сделал картинку #Header-top растянуть на всю ширину, иметь полупрозрачность и обводку по краям при этом содержимое должно ровняться фиксированной ширине блока Slider и Content #slider и #Content равны одной фиксированной ширине

    Asked by atew,

    0 votes
    8 answers

  22. Положение строчных элементов

    Скажите, как мне вертикально по центру выровнять строчный элемент (span), находящийся в div блоке?

    Asked by Veit,

    0 votes
    8 answers

  23. Таблица на всю ширину родительской ячейки

    Господа, прошу помощи! Есть таблица в таблице. Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов. И так. Ситуация такая. У ячеек таблиц установлен padding, допустим padding:5px 10px. В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки. Плюс надо, чтобы визуально padding'и не удваивались. Для этого используем margin:-5px -10px к вложенной таблице. Но! Таблица тянется на ширину контентной части ячейки, без учёта полей! Для наглядности: http://jsfiddle.net/9tKg3/4/ Там где цифры "4" таблица тянется не до конца :-( Как же её растянуть на всю ширину?

    Asked by AlOshka,

    0 votes
    8 answers

  24. Поблема с фоном

    Подскажите пожалуйста! Я на фоновый рисунок поставил некое изображение, растягивающееся на весь экран (резиновый фон), задал относительное позиционирование (position:relative;) и сдвиг от нижнего края экрана (bottom: 240px;)... Изображение действительно сдвинулось на 240 пикселей от низа, как я и хотел, но под ним образовался пробел (что, в принципе, естественно). Объясните пожалуйста мне - ламеру, как избавиться от пробела или заполнить его! Заранее спасибо! Скрин выше!

    Asked by Ivzhurik,

    0 votes
    8 answers

  25. при уменьшении разрешения, уезжает вправо

    Здрасти ребята, http://s3dan.ucoz.ru/Sayt/sayt.html вот по этой ссылочке правый столбец, где описаны сайты, при уменьшении разрешения, уезжает влево, как сделать, что бы текст уходил вниз по ширине? с процентами игрался, min-width max-width пробовал. Может что то и не прально делал. Как вбить данный вопрос в поиск не соображу ! Подскажите или ссылочку плз!

    Asked by Apostol87,

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