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. Закругление углов с CSS и Java

    Подскажите пожалуйста как сделать фон уголков у блока картинкой... А то я ставлю на бэкграунд изображение, а оно не отображается (белый фон). Да, его ведь надо в Скрипте прописывать? Да я знаю, что есть закругление и без скриптов, но решил, так сказать, "добить" эту тему... P.S. Извините если не в тему пишу...

    Asked by Glebr,

    0 votes
    1 answer

  2. Двухуровневое Вертикальное меню

    Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …

    Asked by dembi,

    0 votes
    1 answer

  3. Как семантично оформить цитату?

    Просто, есть два тега, один - <cite> -для цитаты, а другой <blockquote> - но у него есть утрибут cite для обозначения источника сообщения. Хотя вроде как оба тега правильные, но всеже интересна мне такая тонкость...

    Asked by Razor,

    0 votes
    1 answer

  4. IFRAME и border

    Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…

    Asked by ZooY,

    0 votes
    1 answer

  5. Меню из списка

    Как грамотно сделать из списка <ul> верхнее главное меню, аналогичное такому, которое на http://htmlbook.ru?

    Asked by Kenshi45,

    0 votes
    1 answer

  6. Помогите плис новичку

    Ребят кароче такая проблема как сделать так чтоб картинки шли в один ряд т.е мне надо чтоб в однум ряду было 4 картинки во втором ряду было 4 картинки и т.д и еше один вопрос надо следать так: Картинка в маленьком разрешении нажимаешь на нее она становиться полностью открытой Простите за некоректность вопрос...

    Asked by 6apc1k,

    0 votes
    1 answer

  7. Резиновый input внутри резинового div'а

    Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>

    Asked by Избранный,

    0 votes
    1 answer

  8. Резиновый дизайн по вертикали с заголовком и подвалом

    Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей. Я пробую сделать так <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Page</TITLE> <STYLE type="text/css"> BODY { margin: 0px; min-height: 100%; min-width: 100%; } .contentframe { background-color: #4c4c4c; min-height: 100%; min-width: 100%; margin: 0px; padding-bottom: 20px; padding-top: 20px; position: absolute; } .innercotent { background-color: #ffffff; } </STYLE> </HEAD> <BODY> <div class="contentframe"> <div class="innercotent"> Page text </div> </div> …

    Asked by Casufi,

    0 votes
    1 answer

  9. в IE7 основной контент заходит за боковую колонку

    в IE7 основной контент (тизеры: float: left) заходит за правую колонку, хотя, прописывая float: right; он таким же макаром залезает и под левую. Замечено только в IE7 и только в одном случае, где я сгруппировываю тизеры вот таким образом: .node_hand_made .teaser { text-align: center; float: left; width: 220px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; background: url(images/hand_made_shopwindow.gif) center bottom no-repeat; } как в IE7 как должно быть спасибо!

    Asked by SlavviR,

    0 votes
    1 answer

  10. Табличное меню

    Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.

    Asked by dnepr,

    0 votes
    1 answer

  11. проблема с картинками в ие

    проблема в следующем есть скрипт <img src="{DOWNLOAD_IMAGES_DIR_HTTP}prw_110x_of_{news_image}" width="110" alt="{title}" border="0" /> который в новость выводит картинку из папки, при наличии картинки все хорошо,а вот когда ее нет в ie выдится место под нее,что не очень красиво смотриться помогите советом или пошлите туда где можно посмотреть(просьбо ногами в живот не бить,ибо чайник со свистком)

    Asked by fizmatik1,

    0 votes
    1 answer

  12. Равномерное распределение

    Есть слой с width равным 100%. Сайт резиновый. Возникла в паре мест необходимость равномерно распределять n блоков по всей ширине, если известно их количество? Мне пока приходит в голову n слоев плавающих, содержание каждого центруем, ширину делаем равной 100%/n. Может есть более удачное решение?

    Asked by Choo,

    0 votes
    1 answer

  13. программно задать цвет фона ячейки

    Доброго времени суток Требуется при нажатии на ссылку изменять цвет в таблице. Я пишу так: Код: <html> <head> <script> function chcolor(){ document.all("tab").bgcolor="silver" } </script> </head> <body> <table id="tab"> <tr> <td> <a href=# onclick="chcolor();">test</a></td> </tr> </table> </body> </html> ничего не происходит, пробывал и подругому, уже заколебался.. помогите решить проблему, надо срочно. Спасибо зарание...

    Asked by Patch,

    0 votes
    1 answer

  14. Проблема с background

    Вот мой пример: http://persten.programist.ru/9/index.html Помогите пожалуйста решить проблемы с фоном для правого столбца В IE6 отображается фон колонны справа и слева нормально, а в остальных браузерах колонна справа отображается только на величину высоты левой колонки. Как исправить чтобы заработало. И еще вопрос про позиционирование фона: как можно поместить фон справа на 40px от правого края окна.

    Asked by persten,

    0 votes
    1 answer

  15. Объясните простую вещь чайнику

    Не знаю ответят ли мне на такой тупой вопрос, но пожалуйста ответьте как мне вставить фотки в готовый альбомчик, вот тут его дают http://help-html-css.narod.ru/photoalbum-css-1.html Я такой безнадежный необучаемый чайник, что у меня даже это не получается, а альбомчик нравится. Два раза пожалуйста и очень медленно, плииз. Я на народе поселилась, а они на форуме не регистрируют кажись. Если я в чем нибудь продвинусь, вопросы будут поумнее, а пока хоть бы альбомчик забацать )))

    Asked by Saby,

    0 votes
    1 answer

  16. Что такое RSS?

    Что такое RSS? Кто-нибудь может ссылку дать где почитать или вкратце описать? Как с ней работать?

    Asked by antonP,

    0 votes
    1 answer

  17. неправильно отображается ширина div в ie 6

    Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…

    Asked by ejikiller,

    0 votes
    1 answer

  18. Расположить div по центру внутри другого div

    Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)

    Asked by Prizrak,

    0 votes
    1 answer

  19. картинка "NEW" для определнного элемента меню

    Здраствуйте, нужно пририсовать "new" как на картинке, к определенному элементу меню. Меню вида <ul> <li id="4">новинки</li> </ul> Проблема в том что new как бы "наезжает" на другие слои. Вопросы следующие: 1. можно ли это реализовать не меняя код внутри <ul> т.к. меню генерируется при помощи cms 2. если п.1 невыполним тогда как лучше реализовать это изменив меню? Спасибо код тут: http://weblad.ru/c/jshop/

    Asked by weblad,

    0 votes
    1 answer

  20. отображение рисунка в ie

    Здравствуйте! Строю сайт пока на своем компьютере. В FF все нормально, в IE вместо первой картинки подпись из alt Код: <table align=left width=90%> <tr align=center> <td align=center colspan=3> <img src="zagolovok.jpg" border=0 alt="Компьютер педагога - музыканта" width=1024 height=189 align=center valign=top> </td> </tr> Что-то не так написано, или проблема с браузером, подскажите, пожалуйста!

    Asked by matana,

    0 votes
    1 answer

  21. Создание покупательской корзины

    Всем привет. Подскажите плз. скрипт корзины

    Asked by sol,

    0 votes
    1 answer

  22. Перескок с float в IE6

    Здравствуйте Вопрос - как сделать без таблиц не съезжающий ниже бокового float-элемента блок? Вот вырезка из кода <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> body { margin: 0 auto; padding: 0;} #bar-vertical { float:left; white-space:nowrap; border:2px solid;width:230px;} #main{ margin-left:235px;} #header blockquote{ margin:0; white-space:nowrap} #bar-horizontal{ border:2px solid; text-align:right; white-space: …

    Asked by nps,

    0 votes
    1 answer

  23. Нужна помощь

    Всем привет. У сеня на странице два фрэйма. Есть вертикальные полосы прокрутки. Не могу вставить горизонтальные полосы прокрутки в html. Мой сайт http://www.suvenirclub.narod.ru. Прошу, кто знает, как это сделать, подскажите, плиз. В мозиле и опере полосы появляются автоматически, а вот в интернет-экспорере нет. Если, что не так объяснила и нужны еще какие-нибудь сведения, то напишите на suvenirclub@yandex.ru

    Asked by suvenirclub,

    0 votes
    1 answer

  24. Проблемы с вертикальным меню и с текстом п в главном окне

    доброго времени суток, господа столкнулся с такой проблемой, в верстке новичок. В общем вот нтмл код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="top"> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Регистрация</a></li> <li><a href="#">Файлы</…

    Asked by Gudzyk,

    0 votes
    1 answer

  25. Проблема с flashvars

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="100"> <param name="movie" value="/events/flash/no_scratch.swf"> <param name="flashvars" value="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southpor"> <embed src="/events/flash/no_scratch.swf" quality=high bgcolor=#ffffff width="200" height="100" flashvars="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southport" name="mtown" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/…

    Asked by Canti,

    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