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. высота в %

    Добрый день, возник такой вопрос, есть например такая верстка <div id = "container"> <div id = "header" >Header here</div> <div id = "content">CONTENT CONTENT CONTENT</div> </div> Если указать высоту для container например 50%, или 500 px то указание высоты для дива с id=header в 20 или, например 50% будет менять высоту этого дочернего дива, т.к. она будет считаться относительно родителя. Но если не указать высоту родителя, то высота в дочернем диве будет вычисляться по своему контенту. Возможно ли как то не указывать высоту родительскому диву, но чтобы при этом указание высоты в 20% у дочернего дива действительно давало 20%. Т.е. так…

    Asked by shaci,

    0 votes
    4 answers

  2. позиционирование дивов как на pinterest

    Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.

    Asked by barsmaster,

    0 votes
    4 answers

  3. Проблема отображения сайта в IE

    Проблема отображения сайта в IE (любом) , в остальных брозерах ок. Кавыряю уже дня два не могу понять где загвоздка ? http://site.novosibirsk.ru/ А вот еще только сегодня заметил http://www.sfera-trade.com/наша-продукция.html на IE превьюшек нет ?

    Asked by gariki,

    0 votes
    4 answers

  4. обработка формы

    привет есть форма и есть обработчик OnClick по ней. при нажатии на кнопку открывается все корректно: http:// _____. ru/s/query:123/ если кликнуть Enter на поле INPUT type="text" то открывается: http:// _____. ru/?query=123 как исправить? сенкс. <script TYPE="text/javascript"> <!-- function SearchClick(searchForm) { location.href="http:// _____ .ru/s/query:"+searchForm.query.value+"/"; } --> </SCRIPT> .... <form> <TABLE> <tr> <TD><INPUT type="text" name=query size=75"></TD> <TD class=btn><INPUT type="BUTTON" value="Найти" onClick=SearchClick(this.form)></TD> </tr…

    Asked by PrrrR,

    0 votes
    4 answers

  5. Закругление углов картинок в топ 10 (DLE)

    Подскажите как сделать закругленные углы у картинок в топ 10 новостей (DLE 9.5) Скрипт модуля <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY rating DESC LIMIT 0,10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category'] = intval( $row['category'] ); if( $config['allow_alt_url'] == "yes") { if( $row['flag'] and $config['seo_type']) { if( $row['category'] and $config['seo_type'] == 2 ) { $full_link = $config['http_home_url'] . get_url( $row['category'] ) . "/" . $row['id'] . "-" . $row['alt_name'] . ".html"; } else{$full_link =…

    Asked by Pro100User,

    0 votes
    4 answers

  6. Видно-не видно?

    Подскажите пожалуйста, вот код <body> <div id="container"> <div id="header"> <div id="top"> <div class="top"> <img alt="" src="Logo.png" width="180" height="180"> </div> <div class="top1">Дома на деревьях</div><div class="top2">+7921111111</div> </div> </div> <div id="nav"> Во всех баузерах проверяла, номер телефона виден, только в какой-т оверсии хрома не виден, в чем может быть проблема? Спасибо

    Asked by Yarkaya,

    0 votes
    4 answers

  7. settimeout c картинкой

    Здавствуйте, помогите сделать так, чтоб при загрузке страницы картинка загружалась не сразу со всем содержанием, а чнрнз некоторое время.

    Asked by yurats,

    0 votes
    4 answers

  8. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt

    Asked by garicktry,

    0 votes
    4 answers

  9. тянуть колонки по высоте

    Собственно SUBJ, возможно ли средствами css и html, реализовать "тягучесть" по высоте, у колонок, в зависимости от разрешения пользователя? Например в гугл+, есть такая фишка, но как я понял там javascript юзается. Кто, что думает по этому поводу?

    Asked by Kerny,

    0 votes
    4 answers

  10. проблема с div'ом id=#topmenu

    в css я писал для этого div'a margin-top:10px; а он отступает не от родительского div'a header , а я не знаю от чего, похоже от окна браузера. index.php: <?php // защита от прямого доступа к файлу defined('_JEXEC') or die; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template…

    Asked by dmr,

    0 votes
    4 answers

  11. Responsive design

    Хай, пипл! Поделитесь пожалуйста ссылками на шаблоны этой новой чудо технологии, кто юзает.

    Asked by Coder_D,

    0 votes
    4 answers

  12. Проблема с галереей

    Не могу разобраться, пробывал по разному, ничего не выходило, прошу помочь. Нужно чтоб галерея располагалась посередине сайта или в две колонки. css body { background-color: #f2f2f2; width:500px; border:10px solid #D3D3D3; margin:0 auto; padding:10px } h1 { font-family: lobster two, cursive; font-size: 50px; font-style: italic; text-shadow: 2px 2px #adadad; text-align: center; color: #f2f2f2; onmouseover="this.style.color='#FFFFFF'; onmouseout="this.style.color='#000000'; } /* Менюшка */ #nav { position: absolute; top: 110px; left: 390px; } #nav li { float: left; display: block; } #nav li a { padding: 8px 14px; border-right: 4…

    Asked by Ergonav,

    0 votes
    4 answers

  13. Подсказки для полей

    Вопрос следующий: возможно ли используя только html оформить подсказки таким образом, чтобы про фокусе определенного элемента появлялась определенная подсказка. Что-то типа placeholder только в несколько ином виде. Пример: Когда элемент в фокусе(инпут выделен синим цветом), то сбоку от него(местоположение не столь важно) появляется некое окошко, где написана подсказка, что нужно делать(к примеру, в данном случае может быть написан следующий текст: "Имя может содержать большие и маленькие буквы кириллицы. Имя должно начинаться с большой буквы и содержать не более 15 символов.") Если на первый вопрос ответ окажется утвердительным, то есть еще 1 вопрос: поддаются ли такие п…

    Asked by Serafim1991,

    0 votes
    4 answers

  14. Не могу сделать меню на всю страницу

    Вобщем пытаюсь сделать меню на всю страницу. Перерыл весь гугл, ничего подходящего не нашел не нашел, прошу помощи у вас форумчане Вот html код <div class="menu_he"><div class="stretching"><ul><li><a href="/">Главная</a></li><li><a href="/">Уроки</a></li><li><a href="/">Файлы</a></li><li><a href="/">Форум</a></li> <li><form class="header_s" action="/search/" method="get" onsubmit="this.sfSbm.disabled=true"> <input type="text" onfocus="if(this.value=='Поиск по сайту...')this.value=''" onblur="if(this.value=='')this.value='Поиск по сайту...'"…

    Asked by FORT,

    0 votes
    4 answers

  15. Пунктирное подчёркивание многострочных ссылок

    Как быть, если ссылка должна занимать не 1 строку, а 2 и более, рамкой уже не получается?

    Asked by Tmin10,

    0 votes
    4 answers

  16. Позиционирование от родителя

    Подскажите, как сделать чтобы блоки позиционировались относительно картинки фона, которая закреплена по центру, а не от края браузера? Всё делал как в инструкции на этом сайте, но это не сработало - в чем же проблема? <div class="mainfon"> <div class="logo1"> надпись </div> </div> body { background-color:#FFF; margin:0px; padding:0px} div { display:block} .mainfon { height:925px; width:1365; background-image:url(images/mainfon.jpg); background-repeat:no-repeat; background-position:center} .logo1 { position: absolute; width:222px; height:25px; border:#F00 solid 1px}

    Asked by Hum9k,

    0 votes
    4 answers

  17. Есть несколько вопросов

    1.Почему не работает тень для img при задании inset? 2.Возможно ли стандартными средствами изменить вид <select> там стрелочку поменять и т д? 3.Валидно ли применять id и class к form? 4.Как вставить нестандартный шрфит в сайт? есть файл Futuris Cyrillic.ttf и нижеприведённый код, но ничего не работает, шрифт не меняеться? * { margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align:baselinebaseline; } @font-face { font-family:"Futuris Cyrilic"; src:local("Futuris Cyrilic"), url(../fonts/Futuris Cyrillic.ttf) format("ttf"); font-style: normal; font-weight: normal; } p, html, body, #all { font-size:14px; font-family:"Futuris Cyrilic"; line-heigh…

    Asked by strangerliquid,

    0 votes
    4 answers

  18. DIV "вываливается" за пределы родительског DIV

    есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…

    Asked by TrueTrue,

    0 votes
    4 answers

  19. Прошу совета по верстке

    Привет, ребят! Пришел макет от дизайнера. Всё бы ничего, но я в растерянности. Совершенно не представляю, как добавить декоративный элемент - кольца, те что от дива к диву на картинки. Все идеи, что пришли на ум - абсолютное позиционирование - отмёл, слишком неудобно; и вариант - сделать background-image по краям дивов, как бы псевдо-промежуток между блоками - не уверен в его состоятельности. Подскажите идеи, как осуществить, т.к. сам еще не сталкивался с такой задачей! Заранее спасибо!

    Asked by Coder_D,

    0 votes
    4 answers

  20. Бордер в table повторяется

    Здравствуйте. У меня есть таблицы (вывод динамический) Подскажите пожалуйста, как сделать, что бы бордер не повторялся при таких условиях: |_|_|_| |_|_|_| -типа такой, и при td { outline: 1px solid #D1D1D1; } Линии накладываются друг а друга и получается типа: |_||_||_| |_||_||_| <table id="qwert" width="100%" border="1" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center"><p><strong>Наименование </strong></p></td> <td align="center"><p><strong>Ед. изм</strong></p></td> <td align="center"><p><strong>…

    Asked by hea8y,

    0 votes
    4 answers

  21. Блок заполняющий оставшееся пространство

    Доброго времени суток, уважаемые форумчане. Положение: Есть div A с определенной шириной, в нём расположены 3 div'а. 1-й div(определенной ширины) float'ом прижат к левому краю. 3-й div(определенной ширины) float'ом прижат к правому краю. а второй div расположен между 1 и 3. Вопрос: Как сделать так чтобы 2-й div заполнял оставшееся свободное пространство по ширине?

    Asked by likdike,

    0 votes
    4 answers

  22. Проблемы отображения мп3 плеера в IE9

    Вечер добрый! Проблема следующая... на сайт был добавлен мп3 плеер(с плей листом) Отображается во всех! браузерах кроме IE9 Даже в IE7 нормально. в IE9 он появляется и работает,но появляется спустя 1-3минут. Кто знает подскажите в чем проблема. Спасибо. Вот ссылка на плеер http://www.alsacreations.fr/dewplayer

    Asked by Indo,

    0 votes
    4 answers

  23. Как отцентрировать картинку?

    Не могу понять как сделать, чтобы картинки с class="aligncenter" были по центру http://sheko.ru/2012/03/kak-narisovat-babochku-v-adobe-illustrator.html .entry img { align :middle;} - не помогает Файл Css

    Asked by fowl,

    0 votes
    4 answers

  24. Верстка нестандартного меню

    Добрый день уважаемые форумчане. Возможно заголовок темы для кого-то прозвучит слишком вычурно, ибо он создаёт такие меню на раз-два. Дело в том, что я столкнулся с таким меню впервые. Меня вводят в замешательство косые правые и левые бордеры у элементов меню. Если не сложно, дайте пару советов, как верстать меню с таким вот необычным дизайном. К сообщению прилагаю две картинки: стандартное состояние и хавер (ссылки на альбом вконтакте). 1. http://vk.com/id167533842?z=photo167533842_281100254%2Fphotos167533842 2. http://vk.com/id167533842?z=photo167533842_281100253%2Fphotos167533842

    Asked by nazarlee,

    0 votes
    4 answers

  25. Валидация javascript

    Привет всем! помогите исправить ошибки валидации javascript. Line 291, Column 51: delimiter "'" invalid: only S separators and TAGC allowed here 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Line 291, Column 51: end tag for element "SC" which is not open 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Вот сам пациент справочник-строителя

    Asked by vadimcucherencko,

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