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. Как реализовать необычное решение?

    Здраствуйте уважаемые знатоки! Самому ни как не додуматься как реализовать.... в низу страницы вставлена карта, вторая её половина находится в футере, как всё это состыковать??????+ еще и шаьлон резиновый :dash:/> :dash:/> :dash:/> Выручайте!!!!!!

    Asked by al_hagen,

    0 votes
    13 answers

  2. звонок при клике на номер

    подскажите пожалуйста способ, которым можно предоставить посетителю web-страницы возможность начинать звонок после клика по номеру телефона. предполагается, что посетитель зашёл на страницу через мобильный телефон возможно ли такое, если номер телефона представлен не текстом, а картинкой или через cufon?

    Asked by cyklop77,

    0 votes
    5 answers

  3. Padding в процентах для Input

    Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код: <html> <body> <input type="text" style="width:80%; padding:0 10%;"> </body> </html> Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа. В чем проблема Лисы и есть ли решение?

    Asked by indexmsk,

    0 votes
    2 answers

  4. Помогите разобраться с синтаксисом)

    Разбираюсь в создании меню. Разъясните пожалуйста, или дайте ссылку, где можно почитать про такой момент: Есть HTMl код: <div id="menunav"> <ul> <li><a href="#">раздел №1</a></li> <li><a href="#">раздел №2</a></li> <li><a href="#">раздел №3</a></li> <li><a href="#">раздел №4</a></li> </ul> </div> А вот CSS: div#menunav { width: 100%; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; font-size: 11px; background-color: #b3b3b3; padding: 0 0 0 30px; } div#menunav ul { margi…

    Asked by Noraad,

    0 votes
    3 answers

  5. проблемы в ie 9

    Доброго времени суток. В общем решился я сверстать свой первый макет от сюда http://forum.htmlbook.ru/index.php?showtopic=29381 и тут же появились проблемы: 1. в хроме все нормально отображается на данный момент верстки (http://www.webfel.p.ht) Chrome http://s-pic.ru/i/59134.png ie9 http://s-pic.ru/i/59135.png В других браузерах не знаю как выглядит, но думаю что нормально Как исправить? 2. не знаю как сверстать уголки у слайдера.

    Asked by FEL,

    0 votes
    6 answers

  6. Изменение ширины textarea

    Доброго времени суток. Есть элемент textarea c таким CSS: ... width: 500px; min-width: 100px; ... Согласно замыслу, при уменьшении ширины страницы, ширина поля тоже должна уменьшаться. Но получается вот это: Прошу помощи.

    Asked by Sandr,

    0 votes
    3 answers

  7. Горизонтальное выподающее меню

    Друзья я прошу вас рассказать мне каким образом создаётся горизонтальное меню с выпадающими подпунктами, но мне нужно лишь то что это делает и именно на CSS, желательно с примерчиком такого самого примитивного меню. Заранее спасибо!

    Asked by Ingvar15,

    0 votes
    6 answers

  8. PSD

    Подскажите плз где можно почитать как правильно пользоватся фотошопом для нарезки рисунков из PSD (как выбирать слои, как их обединять, уберать фон, узнать тип шрифта и т.д.). Заранее спасибо.

    Asked by Bizon4ik,

    0 votes
    1 answer

  9. Проблема с меню

    Здравствуйте, помогите пожалуйста с меню, я не знаю как сделать чтобы активный пункт выделялся желтым градиентом с треугольником. http://itmages.ru/image/view/761786/8e2854b1 мои наброски http://jsfiddle.net/EdLTE/

    Asked by dashaa481,

    0 votes
    1 answer

  10. Прозрачность и тени

    Всем доброго времени суток! Начал верстать макет от Softlink. Вот фрагмент макета: И код, соответственно: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <style type="text/css"> *{ margin:0; padding:0; } #wrap{ width:200px; height:300px; padding:10px; background:url(bg.png); } #header{ width:100px; height:50px; border-radius:15px 15px 0 0; background:rgba(0, 0, 0, 0.15); box-shadow:0 0 1px rgba(255,255,255,0.15), inset 1px 1px 1px rgba(0,0,0,0.15); } #container{ width:100%; height:200px; border-radius:0px 15px 15px 15px; …

    Asked by Doogy,

    0 votes
    0 answers

  11. Вертикальное выпадающее меню

    Сделал вертикальное выпадающее меню, все отлично, но только выпадающая часть появляется рядом с родительским пунктом, а надо, чтобы она появлялась рядом с первым пунктом, как на картинке.

    Asked by buck2006,

    0 votes
    3 answers

  12. ссылки по документу

    Добрый день. при переходе на страницу сайта - site.com/dokument.html все нормально, но если потом перейти по ссылке site.com/dokument.html#href заголовок съезжает наверх могу дать линк на сам сайт

    Asked by kote,

    0 votes
    1 answer

  13. Доступ к элементу родительской страницы

    Доброго времени суток. я не так давно занимаюсь версткой и у меня возникла такая проблема: у меня есть страница index.html, на этой странице есть два iframe которые изначально скрыты <div id="1" class="left" style="display:none;"> <iframe name="left_frame" class="left_frame" frameborder="0"></iframe> </div> <div id="2" class="info all_mid" style="display:none;"> <iframe name="info_frame" class="info_frame" frameborder="0"></iframe> </div> вверху страницы index есть 4 ссылки-кнопки. вот описание одной такой ссылки <a target="left_frame"; href="javascript:void(0);" OnClick="show ('1');parent.left_f…

    Asked by sseekkiirr,

    0 votes
    1 answer

  14. Позиционирование текста на шапке

    Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …

    Asked by Allan,

    0 votes
    6 answers

  15. Вёрстка макета.

    Появились проблемы при вёрстке следующего макета: Красный блок (тот что сверху) обладает фиксированной высотой в 200px и шириной в 100% от окна броузера. С этим блоком проблем нет. Проблемы появляются при верстке зелёного блока. Ширина зависит от содержимого. Высота тоже зависит от содержимого, но минимум его высота должна быть равна высоте окна броузера за вычетом 200px - высоты красного блока. И всё совсем грустно с синим блоком. Его ширина должна быть равна ширине окна броузера за вычетом ширины зелёного (который в свою очередь зависит от содержимого). Высота зависит от содержимого, но минимум должна быть равна высоте окна броузера за вычетом 200px - высоты красного …

    Asked by Atilla,

    0 votes
    3 answers

  16. Правильная верстка горизонтального меню

    Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…

    Asked by Devil_John,

    0 votes
    21 answers

  17. Как прописать стили отдельно для каждого браузера ?

    Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net

    Asked by kpripper,

    0 votes
    1 answer

  18. Прозрачность DIV и наследование

    Добрый день уважаемые дамы и господа!!! В общем есть у меня один вопрос, и разобраться сам я в нём не смог к сожалению. Код чуть ниже. Есть 2 DIV, hr и h2. Первый является полупрозрачным, а второй который является дочерним по отношению к первому, не является полупрозрачным но таковым становится, так как видать наследует это свойство от отца. Скажите пожалуйста, что нужно написать что бы дочерний див не наследовал это свойство от отца, и что нужно сделать что бы <iframe> от VK тоже не становился прозрачным как див в котором он находится. С уважением к вам, вашему опыту и труду hk416!!! <html> <head> <meta charset="utf-8"> <title>backg…

    Asked by hk416,

    0 votes
    8 answers

  19. помогите выровнять три колонки

    При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .gr…

    Asked by mnjk,

    0 votes
    1 answer

  20. input type="file"

    Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

    Asked by Evgen8,

    0 votes
    11 answers

  21. Как по высоте растянуть вложенную таблицу?

    Таблица вложенная в ячейку другой таблицы имеет стиль height: 100%; width: 50%;. Ширина отрисовывается правильно, а вот высота - только в Fx. В Konqueror и Opera, высота как будто игнорируется. Поправка: стало всё работать, когда убрал <!DOCTYPE html>. Теперь вопрос - где и что такого сказано в стандартах по поводу этих высот?

    Asked by skvor,

    0 votes
    0 answers

  22. Убрать границы у картинки

    Всем привет! Вставляю картинку у которой только в центре есть изображение. Но картинка на браузере IE отображается с красными полями. Уважаемые мастера - как убрать границы, сделать их невидимыми? Благодарю тех кто поможет.

    Asked by Вальдемар,

    0 votes
    1 answer

  23. Расстояние между слов

    Мне нужно сделать чтобы заголовки были на некотором расстояние. И лучше чтобы это расстояние можно было регулировать. Картина у меня в ХТМЛ следующая: <div class="center"> <div id="font-size" class="container3"> <B> <a href='index.html'>Главная</a> <a href='simptomy.html'>Симптомы невроза</a> <a href='prichiny.html'>Причины невроза</a> <a href='lechenye.html'>Лечение невроза</a> </B> </div> </div>? Картина в CSS: .container3 { width: 1230px; margin-top: 20px ; margin-left: 10px; margin-bottom: 40px; } .c…

    Asked by Вальдемар,

    0 votes
    4 answers

  24. Криво работает margin для внутреннего div'ва?

    Код полностью: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> </head> <body style="margin:0px; padding:0px;"> <div style="background: blue; height: 50px;"> <div style="background: green; height: 30px; margin-top: 30px;"> </div> </div> </body> </html> Для удобства обозначу первый div - 'A', вложенный div - 'B'. У 'B' задан margin-top: 30px, и я ожидаю, что он получит отступ в 30 пикселей от верхней границы 'A'. Слой 'A' при…

    Asked by Develax,

    0 votes
    2 answers

  25. @font-face

    Друзья, привет. Не получается подключить шрифт. делаю так в css @font-face { font-family: 'plumb_condensed_lightlight'; src: url('../font/plumbcondensed-light-webfont.eot'); src: url('../font/plumbcondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/plumbcondensed-light-webfont.woff') format('woff'), url('../font/plumbcondensed-light-webfont.ttf') format('truetype'), url('../font/plumbcondensed-light-webfont.svg#plumb_condensed_lightlight') format('svg'); font-weight: normal; font-style: normal; } в html <span class="title">НАЗВАНИЕ РАБОТЫ</span> шрифты лежат в директории ../font/

    Asked by ghrd,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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