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. "background-size: cover" не работает на iPhone на конкретной странице

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

    Asked by iBars,

    0 votes
    5 answers

  2. 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

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

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

    Asked by nickgu,

    0 votes
    19 answers

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

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

    Asked by Fenix,

    0 votes
    21 answers

  5. Резина не резинит

    Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;

    Asked by Ritter,

    0 votes
    30 answers

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

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

    Asked by Justnewone,

    0 votes
    29 answers

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

    Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!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

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

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

    Asked by klyne19,

    0 votes
    8 answers

  9. Как сделать не прямоугольную форму с одним фоном

    Нужно сделать как на картинке: т.е. у прямоугольной формы еще и треугольник внизу. Но проблема в том что фон для них один. Можно увидеть как темная полоса продолжается на треугольнике. И конечно это не фиксированной ширины.) Подскажите, можно ли такое реализовать?

    Asked by bob_24,

    0 votes
    50 answers

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

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

    Asked by waldicom,

    0 votes
    5 answers

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

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

    Asked by okunev2,

    0 votes
    8 answers

  12. расположение сло?в

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

    Asked by ofilatov,

    0 votes
    12 answers

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

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

    Asked by bond84,

    0 votes
    15 answers

  14. Скачет текст (ссылка) при исполь-нии :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

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

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

    Asked by memed,

    0 votes
    4 answers

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

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

    Asked by andrew_basta,

    0 votes
    1 answer

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

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

    Asked by Onveg,

    0 votes
    9 answers

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

    Зашел на сервис 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

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

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

    Asked by Sergey1981,

    0 votes
    8 answers

  20. <noindex>

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

    Asked by Glebr,

    0 votes
    8 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. не удаляется рамка в ссылке-картинке

    Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…

    Asked by begin,

    0 votes
    13 answers

  23. Закруглённые края ПОМОГИТЕ

    Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?

    Asked by Phoenix88,

    0 votes
    10 answers

  24. Как вычислять отступы от символов

    Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…

    Asked by userlogoff,

    0 votes
    13 answers

  25. Работа с макетами

    Добрый день! я не могу понять как работать с макетами для верстки и что для этого нужно. не могу найти тему что бы почитать. допустим есть PSD файл, а что дальше, как с ними работать, чтобы создать сайт. если не сложно подскажите!, или ссылку на материал. спасибо.

    Asked by Antoxa,

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