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. Пхп ищу материал..

    Приветствую. Люди добрые, дайте ссылочку на урок по формам почтовой отправки... т.е Форма есть, нужно чтобы работало..)) Просто в php я 0%

    Asked by penchukov,

    0 votes
    5 answers

  2. Вопрос про текст внутри div'а.

    Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!

    Asked by Arinden,

    0 votes
    7 answers

  3. очистка флоатов))флоат под флоатом

    привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…

    Asked by dostel1,

    0 votes
    2 answers

  4. Очередная унылая div шапка

    Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></d…

    Asked by SoulReav,

    0 votes
    0 answers

  5. Перестало работать увеличения картинок после изменения дизайна

    Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы

    Asked by deem,

    0 votes
    0 answers

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

    Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>

    Asked by Тёмик,

    0 votes
    2 answers

  7. полоса под картинкой-ссылкой

    <div class='desc'> <a class='foto' href="foto/53.jpg" id="53"><img src='foto_min/53.JPG'></a> <div class='text'>Москва</div> </div> .desc{ width:730px; margin:25px auto 0; clear:both; min-height:250px; } .text{ float:left; width:315px; min-height:230px; height:100%; margin:0 15px; border:1px solid black; border-radius:5px; padding:5px 5px 13px 13px; display:inline-block; } .foto{ float:left; width:333px; min-height:248px; border-radius:5px; margin:0 15px 25px; border:1px solid black; display:inline-block; padding:0; }

    Asked by Seretyr,

    0 votes
    2 answers

  8. Cufon...

    Здравствуйте! Подскажите кто знает как задать font-weight,font-style шрифтам подключенным через cufon? В скриптах делаю так: Cufon.replace('h5 span', { fontFamily: 'Yold Anglican',color: '#f6900d',fontWeight:'700',fontStyle:'italic',fontSize:'16px'}); Но жирность и курсив у шрифтов не работают!???(если прописать шрифты обычным способом то на моём компе проблем не возникает...) P.S. Страница находится здесь: http://yamaradg.narod2.ru/history/Company_Solutions/1.html Скриншот с описанием где именно текст подключен через cufon - прикладываю...( http://yamaradg.narod2.ru/history/solution_upgrayd.jpg ) Буду очень признателен за любую помощь! (также буду благодарен,если кто-ниб…

    Asked by Yamaradg,

    0 votes
    0 answers

  9. Проблема с позицией

    Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …

    Asked by penchukov,

    0 votes
    4 answers

  10. Верстка для Facebook

    Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?

    Asked by Sedacove,

    0 votes
    0 answers

  11. Программа для работы с дизайном

    Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!

    Asked by Shkif,

    0 votes
    1 answer

  12. Сложное обтекание div-ов

    Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…

    Asked by nikolay2011,

    0 votes
    4 answers

  13. min-wdth для body в IE6

    Можно ли как-то реализовать min-width для контейнера body в ie6 средствами CSS или JavaScript. Пробовал expression - не получается.

    Asked by george75,

    0 votes
    10 answers

  14. проблема относительного позиционирования в opera

    Может кто нибудь обьяснить, почему в опере при относительном позиционировании например position: relative; top: 50px; объект смещается на другое количество пикселей? В других браузерах все нормально и как этого бага можно избежать?

    Asked by artygrand,

    0 votes
    1 answer

  15. старожилы форума подскажите

    Здравствуйте, подскажите пожалуйста новичку - возможно ли как то сделать что бы при переходе на другие страницы сайта <div> блок не подгружался заново а оставался как есть. Заранее извиняюсь за не совсем корректный вопрос, постараюсь объяснить примером: на всех страницах сайта чуть ниже шапки - присутствует флеш сайдер который (при загрузке флешка издает звук и прогоняет по очереди заданные слайды)и при переходе на новую страницу сайта она снова издает звук и начинает показ слайдов. Если посетитель находиться на страницы достаточно долго тогда вся эта конструкция смотрится нормально, однако если человек привык к быстрому серфингу страничек тогда начальная мелодия фл…

    Asked by test777,

    0 votes
    2 answers

  16. Блок <div> по всей высоте родительского блока

    Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!

    Asked by demarko,

    0 votes
    5 answers

  17. Как быстро найти закрывающий див среди кучи других дивов?

    Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?

    Asked by Squidward,

    0 votes
    5 answers

  18. position:fixed for ie6+отступ на скроллбаре

    КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …

    Asked by dostel1,

    0 votes
    4 answers

  19. таблица на дивах

    представляем себе таблицу шириной 100% из 2-х td если заполнить первую яцейку 10% или 20%, то вторая автоматически растянется на 90% или 80... как сделать такое же на дивах?

    Asked by jurassik,

    0 votes
    1 answer

  20. Стена комментариев

    Привет всем есть сайт , я на него хочу поставить как бы "стену комментариев" , я честно говоря незнаю как это называется (возможно если бы знал и сам нашол про это) что я имею в виду : что то подобное есть на стандартных шаблонах ucoz , пользователь заходит на сайт , и без авторизации просто пишет в поле своё имя , и свой отзыв , по той или иной теме ... вот это мне нужно можно такое где нить достать \ не испольнуя сms \ ? з.ы. в javascript и php я не сильно разбераюсь =( спасибо всем за уделенное время

    Asked by MaferoK,

    0 votes
    1 answer

  21. Подвисает сайт

    Сайт http://xn--8-mtbvk1b.in.ua/ подвисает и это хорошо видно когда зайдешь в раздел фото и будешь быстро мотать страницу что нужно сделать чтоб подвисания не было ?

    Asked by T@NKIST,

    0 votes
    4 answers

  22. таблица с select'ами

    Ребят, помогите пожалуйста привести таблицу в приятный глазу вид. _http://yourspotolki.ru/kalkulyator.html <table cellspacing="0" cellpadding="5" border="0"> <tbody> <tr> <td>Тип полотна (белые полотна ПВХ)</td> <td><select name="Cp" onchange="Calc.calc()"> <option selected="selected" value="0"> </option> <option value="1">матовый 1,53м (Россия)</option> <option value="2">сатиновый 1,53м (Россия)</option> <option value="3">матовый 1,9м (Россия)</option&…

    Asked by Un1x,

    0 votes
    0 answers

  23. Картинки на сайте

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

    Asked by nickoff,

    0 votes
    5 answers

  24. Подсказка ошибок

    Ребят подскажите проги для IE и Хрома если есть такие. Кторые показывают в баре ошибку кода как в мазиле к примеру.

    Asked by Didorri,

    0 votes
    0 answers

  25. iframe height %

    Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…

    Asked by bioz00,

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