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. расположение сло?в

    Здравствуйте! Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Как сделать так, чтобы в броузере div2 был расположен выше чем div1?

    Asked by ofilatov,

    0 votes
    12 answers

  2. Правила синематики

    Недавно я наткнулся на новый термин - синематика. Я узнал что это такое, но не узнал какие есть правила. В интернете ничего хорошего не нашел. Пожалуйста раскажите что знаете про это.

    Asked by Fenix,

    0 votes
    21 answers

  3. Помогите в создании закругленной рамки через CSS

    Всех приветствую! Не могли бы Вы мне помочь в создании закругленной рамки. Нужно сделать рамку шириной в 97% и высотой 100%. Т.е. если в этой рамке (в ее ячейке) написать какой либо текст из нескольких абзацев, нижняя граница рамки дожна следоавть за этим текстом и состыковываться с ним, верхняя граница - оставаться также вверху и быть не подвижной. Должно выглядеть вот так: Пытался реализовать это в Html, но все безуспешно. И понял, что без стилей тут не обойтись. Сам я в CSS не шарю вообще. Читая учебники, что то сдела, но все равно вышло не то, что надо. Вот код: <html> <head> <title>height</title> <style type="text/css"> .layer { heig…

    Asked by call007,

    0 votes
    3 answers

  4. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity,

    0 votes
    4 answers

  5. "background-size: cover" не работает на iPhone на конкретной странице

    На главной странице с iPhone CSS-свойство "background-size: cover" работает как надо: А на другой странице отображается только верхний нижний уголок картинки, а не умещается вся полностью: Сравните с результатом на компьютере - как видите, от всей фотки остались только листья. Как это исправить?

    Asked by iBars,

    0 votes
    5 answers

  6. 3 колонки

    Необходимо при размере окна браузера менее 1280px, чтобы красная колонка (см. иллюстрацию) находилась рядом с контентом. А при увеличении окна браузера (более 1280px) ? красная колонка должна "подниматься" к header'у, как на рисунке. Желательно обойтись одними div'ами. (html+css) Сделавшему, перечислю 10 wmz.

    Asked by Sienens,

    0 votes
    8 answers

  7. Flash перекрывает выпадающее меню

    Добрый день! На сайте flash-баннеры перекрывают выпадающее меню. В фаерфокс и опере все нормально, только в ie8. Подскажите, пожалуйста, как можно от этого избавиться.

    Asked by nickgu,

    0 votes
    19 answers

  8. Верстка табов

    Может кто покажет нагугленое место? Я чего-то никак не могу найти. Подозреваю, что это непросто, по крайней мере сейчас не знаю как. задача следующая, табы, сделанные на вложенном списке. первый уровень - заголовки, сами табы. второй, собственно представление табов, их содержимое. пока пришел к единственному решению, но мне не очень нравится, измерять l с помощью JS и назначать для LI отриц. левый маргин. Иллюстрация

    Asked by Justnewone,

    0 votes
    29 answers

  9. Лендинг и типовая верстка

    Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…

    Asked by Libiros,

    0 votes
    5 answers

  10. Выравнивание текста под углом. Возможно ли ?

    Добрый день. Подскажите пожалуйста, возможно ли выравнять текст слева - по некой прямой (под углом) - а справа- по ширине свободной области. Пример левой области - http://img.artlebedev.ru/studio/vacancy/mi...hard/a-text.gif Уже не один раз возникала подобная необходимость, но стандартного решения (работающего с текстом любой длины) так и не смог найти. Буду благодарен за помощь.

    Asked by bond84,

    0 votes
    15 answers

  11. Темплейты smarty кешируются?

    Добрый день. Имею вопрос по smarty. Вводная: есть сайт с использованием smarty. Скомпилированные темплейты лежат в паке templates_c Теперь собсвенно к вопросу: если скопировать новый темплейт (xxxxx.tpl) в папку templates, то на странице ничего не обновиться, пока не будет удален скомпилированный темплейт с папки templates_c Может кто встречал такую бяку? И как от нее избавиться?

    Asked by waldicom,

    0 votes
    5 answers

  12. CSS позиционирование блоков

    Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?

    Asked by klyne19,

    0 votes
    8 answers

  13. Отступ после текста

    Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?

    Asked by okunev2,

    0 votes
    8 answers

  14. Возможно ли overflow scroll дива вынести на край браузер

    Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …

    Asked by barman,

    0 votes
    42 answers

  15. Фиксированный хедер в мобильной верстке

    Доброго время суток. Подскажите, пожалуйста, кто сталкивался со следующей проблемой в верстке под андроид и айфон: необходимо сделать, чтоб при скролле хедер всегда находился в верхней части экрана. Казалось, что нет ничего проще - достаточно поставить position: fixed; top: 0. Но iOS4 не поддерживает данное свойство. При использовании плагина iScrool 4 возникаю проблемы с галереями, которые хочется листать перетаскиванием пальцев. С Hammer-ом получилось тоже самое. Еще как вариант jQuery Mobile, но тоже есть минусы: при зуме хедер всегда прилеплен к левому краю экрана и увидеть его целиком никак нельзя. Сейчас я деаю хедер абсолютно позиционированным и пробую скриптом при…

    Asked by memed,

    0 votes
    4 answers

  16. Скачет текст (ссылка) при исполь-нии :hover

    есть табличная верстка. меню сделано списком, размер текста 24, а при наведении задала что бы был 26. И вот при наведении у меня текст увеличивается но при этом, слова которые ниже - сдвигаются вниз на какое то расстояние. думала исправить эту проблему с помощью margin-down or padding-down при hover, но ничего не вышло. что делать? <td rowspan="5" width="240" valign="top"> <ul id="menu"> <li><a href="#">Главная</a> </li> <li><a href="#">Каталог нот</a> </li> <li><a href="#">Композиторы</a> </li> <li><a href="#">Современные мелодии</a> </li> …

    Asked by trish,

    0 votes
    5 answers

  17. <noindex>

    Подскажите пожалста, если я заключу в тег noindex счётчики, то это не будет влиять на общую индексацию сайта, а также на PR?

    Asked by Glebr,

    0 votes
    8 answers

  18. Перенос текста при абсолютном позицировании

    В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …

    Asked by andrew_basta,

    0 votes
    1 answer

  19. Табличная верстка

    Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++

    Asked by Sergey1981,

    0 votes
    8 answers

  20. Расстояние между маркером и текстом

    Дано: список (маркированный. Маркер - картинка). Как можно управлять расстоянием между маркером и текстом рядом стоящим?

    Asked by Onveg,

    0 votes
    9 answers

  21. IE7

    Проблема в общем хреновая (, упустил момент теперь надо думать. В ИЕ7 появилась нижняя полоса прокрутки при разрешении 1024 (чего быть не должно.) В ИЕ6 это решалось с помощью #footer, #header { margin: 0 -1px; } Естественно во всех других браузерах все окей. Может у кого есть соображения ? Я понимаю что не телепаты, но может слыхали ? Пока что буду локализовывать проблему (((, встрял ( блин попробывал было быстро решить прописав и для ие7 то же самое не помогло ). Выявил проблемные участки : /*#main1 { position: relative; min-height: 100%; min-width: 999px; } */ /* #header { position: relative; background: url(../img/lentaBottomImage.png) no-repeat 974px …

    Asked by maddogrts,

    0 votes
    16 answers

  22. Появление картинки при наведении мыши на текст

    Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.

    Asked by maxlips,

    0 votes
    5 answers

  23. Проверка страницы на валидность

    Зашел на сервис http://validator.w3.org Выдает такие ошибки : (Ошибки жирным выделять буду) …рисматривается к Honda</a></span><br><span class='contentpaneopen'><p><img sr <br><span class='contentpaneopen'><p><img src="/images/f1/honda.jpg" border= exican-eyes-honda.html">...</a></span></div> -shockwave-flash" width="240" height="240" wmode="transparent"></embed> - тут не понравилась кавычка почему то... Объясните пожалуйста какие же это ошибки. Они пишут что возможно вы закрываете "/>", но я как раз таки не закрываю так. Вставил код от Youtube - так выдало 50 ошибок в этом коде...

    Asked by Amigo9876,

    0 votes
    12 answers

  24. Youtube влог о вебе интересует ваше мнение

    Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…

    Asked by people-06,

    0 votes
    41 answers

  25. Высота ячеек в IE

    Проблема такая: Наверстал страничку, сделал таблицу примерно таким образом: Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал) Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS. Вот код тейбла: <TABLE cellspacing=0 cellpadding=0 class="big" rules="none"> <TR><TD colspan=3 height=259> <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259> <TR><TD rowspan=2 width=756 height=234> <TD background="/images/toptop.…

    Asked by k@ss,

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