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

    почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …

    Asked by amshegar,

    0 votes
    5 answers

  2. Позиционирование блок

    Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?

    Asked by kent666,

    0 votes
    1 answer

  3. Блок в блоке,сохранение состояния предка

    Добрый день! Столкнулся с проблемкой: есть такая структура: <ul> <li><a><img src="images/xxx.jpg"</a><div class="text">текст описания</div></li> </ul> Должно выглядит это следующим образом: Когда мышка не наведена: на объект выводится картинка, на ней выводится текст, ближе к низу. Картинка в рамке. Когда мышка наведена: цвет рамки и текста меняется, текст становится подчеркнутым, рамка меняет цвет. Это все реализовано, но возникает баг - когда мышка наводится на текст, рамка меняет свой цвет на тот, который был!! Как сделать так чтоб цвет рамки оставался прежним, когда мышка наводится на текст? Посоветуйте пожал…

    Asked by arrtem,

    0 votes
    3 answers

  4. Chrome удручает...

    Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом. В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... вотЪ... прилагаю скрины и код: google chrome: firefox: сделал видными границы border="1" код с элементом таблиц: <div align="center"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td colspan="6" width="100%"> <img src="header.bmp" width="100%"> </td> </tr> <tr> <td colspan="6" width="100%"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td width="…

    Asked by laird,

    0 votes
    11 answers

  5. РАЗБИРАЮ МАКЕТЫ

    ПОМОГИТЕ разбиратся с макетами!Хочу освоить но большие проблемы вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> *{ padding: 0;margin:0 } body{ height:100%; min-height:100%; overflow: hidden; } #maincontent{ background: red;position: fixed; _position:absolute; right:0;top:0;bottom:0; height:100%; left:300px; /*width:600px;*/overflow: auto; } #framecontent{ position:absolute; width:290px; background: yellow; top:0;left:0;right:0; bottom:0; } </style> </head> <body>…

    Asked by dostel1,

    0 votes
    1 answer

  6. Бывает ли Русская рыба?

    Как-то раз слышал что существует русский Lorem Ipsum)) Ресурс так и не нашел... Может кто ссылкой поможет?

    Asked by penchukov,

    0 votes
    4 answers

  7. Наезд блока на текст

    Есть блок как на картинке нужно сделать чтоб сердечко обтекал текст, тоесть оно должно быть всегда снизу и его должен всегда обтекать текст, мучаюсь несколько дней ничего немогу придумать, <div style="border: 1px #ccc solid; padding: 5px; margin-top: 1px; word-wrap: break-word; width: 500px;" class="mess_list" id="mess_list_102"> <div style="float:left;"> <img src="/fw/s.jpg" width="80" height="80" alt="none" /><br /> <span class="indbox_text_color">28 сентября 2011<br /> (16:35:21)</span><br /> <span class="indbox_text_color">От:</span> …

    Asked by Toxin_G,

    0 votes
    5 answers

  8. плывет куда то вверх!

    http://itmages.ru/image/view/292346/a7a7a318 что за?!

    Asked by Gotafak,

    0 votes
    3 answers

  9. плавающий логотип

    добрый день прошу совета, как реализовать такое желание заказчика: после загрузки страницы логотип сайта, переливаясь и немного увеличиваясь в размере, плавно движется вверх-вниз и возвращается обратно прокрутка страницы и ссылки (если логотип не сверху) должны работать как обычно 1) что нужно от дизайнера? какие требования? 2) есть ли какие-то наработки, готовые модули и куда вообще копать?

    Asked by Аксинья,

    0 votes
    2 answers

  10. Проблемы с кроссбраузерностью

    Здравствуйте. Сверстал небольшой сайт, получилось на удивление симпатично (имхо) поэтому вдвойне хочется его доделать. Проблема в том, что я верстал в ff и всё гуд, никаких багов, но вот в остальных браузерах (проверял в opera, safari, ie, chrome) есть проблемы, типа растягивание фона шапки при изменении масштаба (хотя сайт с фиксированной шириной в 1000рх) или затемнение контента на странице. Вот сам сайт: http://demo.antnow.ru/ - исходники открыты, поэтому не буду постить сюда чтобы не загромождать. Помогите пожалуйста разобраться, уже нет идей. Спасибо за внимание.

    Asked by The Norb,

    0 votes
    4 answers

  11. Опять про количество nav на странице

    Сейчас верстаю, у меня на сайте аж три блока nav (каталог услуг, сгруппированный по двум разным признакам, и список страниц вроде "Контакты", "О нас" и т.п.), причём ещё каждый продублирован в подвале – итого шесть. Это как, не многовато? Вопрос вдогонку: можно вкладывать внутрь nav два ul-списка? В моём случае что-то типа <nav class="services"> <ul class="services-by-user"></ul> <ul class="services-by-type"></ul> </nav> Целесообразность такой группировки услуг оставим в стороне, это не я решаю.

    Asked by Gaspode,

    0 votes
    1 answer

  12. Текст смещается!

    вот собственно в чем проблема. при нажатии ctrl и прокрутке колеса, вот такая вот история...текст влево смещается и уменьшается, а он не может на своем месте уменьшатся? почему он смещается?!

    Asked by Gotafak,

    0 votes
    3 answers

  13. Проблема с ссылками

    Здравствуйте. У меня такая проблема - мне нужно разместить 4 кнопки на шапке сайта. В ксс прописал: #but1 { position: absolute; height: 31px; width: 108px; display:block; padding-top: 346px; padding-left: 346px; } #but2 { position: absolute; height: 31px; width: 108px; display:block; padding-top: 346px; padding-left: 505px; } #but3 { position: absolute; height: 31px; width: 108px; display:block; padding-top: 346px; padding-left: 660px; } #but4 { position: absolute; height: 31px; width: 108px; display:…

    Asked by immortal2305,

    0 votes
    6 answers

  14. как сделать меню?

    как сделать такое меню http://templates.websitetemplatesonline.com/Agriculture-Tomatoes/index.html какие есть варианты?

    Asked by olechic,

    0 votes
    11 answers

  15. Убрать надпись "отправить запрос"

    Как убрать надпись "отправить запрос", на кнопке(исп. картинку)? <input type="submit"> Если поставить type="button" надпись убирается но данные в форму не отправляются...

    Asked by Gorobez,

    0 votes
    2 answers

  16. Фикс-Резина-Фикс

    Здравствуйте, возможно уже обсуждалось (если да то обязательно поищу), но хотелось бы узнать можно ли сделать на дивах такое: <table> <tr> <td width="200px"> Lorem ipsum dolor sit amet, praesta enim formam unitas reddere nominabat princeps </td> <td> Lorem ipsum dolor sit amet, cellam modico illius famem sago specie de </td> <td width="200px"> Lorem ipsum dolor sit amet, nutrix rex in deinde vero diam dominum sit aliquip ipsa hospes. Bene dictis veni perfrictione cogente iniquam deus Hellenici silentio 'genus ei, reflexionis suo Proiciens te princeps ea com </td> </tr> </table> Сделал бы…

    Asked by Inmoz,

    0 votes
    3 answers

  17. Block position: absolute - ширина блока

    Привет. Есть некий блок (position:relative). Он содержит дочерний блок (position:absolute). Абсолютно позиционируемый блок содержит произвольный контент. Проблема: Ширина абсолютно позицируемого блока не превышает ширины родительского блока. Задача: Абсолютно позиционируемый блок должен тянутся по ширине контента, не зависимо от ширины родительского (position:relative) блока. Есть идеи?

    Asked by klierik,

    0 votes
    5 answers

  18. Прилип!

    проблема. когда отдаляю сайт, картинка уменьшается но сайт так сказать "прилип" к левому боку, а мне надо, что бы фон уменьшался с обоих сторон, равномерно http://wowlol.ru/ как тут например)) а у меня текст уменьшается, оставаясь на месте, а картинка уменьшается, прилипая к левому краю...

    Asked by Gotafak,

    0 votes
    8 answers

  19. Блок поверх флэша

    Привет всем. У меня все время появляется проблема с видимостью блока когда на сайтах есть флэш. Как бы блок не могу отображать поверх него. Это мне надо например в меню, под меню находится флэш и когда наводиш выпадающий меню из-за флэша не виден. Я посмотрел только Opera правильно показывает а все остальные браузеры игнорируют z-index. Что можно делать в таком случае? Создал простой документ для наглядного просмотра http://jsfiddle.net/CAM9B/1/ Там напишите .flash-banner {display:none} и увидите блок а так он под флэшом

    Asked by jumancy,

    0 votes
    2 answers

  20. Заполнение ячейки

    Как создать эффект заполнения ячейки, если картинка не подходит по размерам под ячейку? Закругленные края при размножении по X видны с правой стороны. Мое предположение - размножать также по X, но стартовую точку поставить где-то по середине предыдущей картинки (но как это сделать?). Может кто-нибудь знает ответ? Заранее спасибо всем.

    Asked by badsanta,

    0 votes
    1 answer

  21. Background

    Привет всем! У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?

    Asked by Feers1de,

    0 votes
    9 answers

  22. Центровка В диве с заданым width

    Всем привет, объясните в чем разница? http://bs.lelsa.ru/sss/ есть страница DIV content лежит в диве с с шириной 2560 px, и центрируется относительно дива. http://www.boerdam.nl/#volgende Здесь тоже самое с такой же вложенностью, но центрируется относительно ширины экрана, при этом тоже находится в диве с фиксированной шириной больше экрана, чего и я пытаюсь добиться. В чем же мать его волшебницу проблема?)

    Asked by llell,

    0 votes
    1 answer

  23. Выравнивание группы слоев

    В гугле куча статей как выровнять слой по центру, а о том как группу подобных слоев выстроенных в ряд с float:left; например списка <li> - не нашел на первых двух. Если подумать, то выровнять группу можно заключив их в слой с известной шириной и дав ему маржин 0 ауто. А если количество юнитов не известно, а если не в один ряд, ну тут наверно динамически нужно задавать слою обертке ширину через jquery. Еще можно дать слою display: inline-block; вместо флоата и поместить слой в таблицу 100% с одним столбцом, которому прописать align="center". Вот css: #nav li{ display: inline-block; width: 100px; height: 100px; background: red; margin: 10px; list-style: none; …

    Asked by sergio_ktt,

    0 votes
    0 answers

  24. position:fixed vc iPad

    Последнее время нужно проверять как выглядит сайт на айпаде. Подвал нужно пригвоздить к низу, а контент чтоб проматывался. На айпаде подвал скользит вместе со страницей. В интернете ниче вменяемого не нашел. Писал 2 файла стилей для планшета и десктопа, проверял jquery, для айпада подвал делал обычный. Я провтыкал, там vs, а заголовок редактировать нельзя.

    Asked by sergio_ktt,

    0 votes
    0 answers

  25. Подсказка ссылки сбоку от текста

    хотелось бы вывести все подсказки ссылок в тексте сбоку от текста. как это можно сделать? можно вставить в текст ссылки <span>, описать там подсказку и с помощью css выводить этот текст слева от текста. но это громоздко. хочется взять именно title ссылки. возможно ли это?

    Asked by rondew,

    0 votes
    1 answer

  • Обсуждения

    • 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