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. Загругленные углы

    Здравствуйте Очень хочу научится делать закругленные углы, но ни в какую не получается... Облазил весь интернет, статей очень много, но не выходит. Без картинок получается, но такой блок очень ограничен. например, я хочу чтобы мой блок был прижат справа, а округленные углы были только слева + чтобы была шапка, тоесть весь блок оранжевый, шапка черная, и левый верхний угол закругленный черного цвета, левый нижний оранжевого соответственно. Если не сложно опишите принцип и рабочий код, который вы используете например. Также вопрос, какие должны быть сами картинки по размеру? и зависят ли они от размера блока?

    Asked by Dumle,

    0 votes
    23 answers

  2. Выравнивание текста по вертикали

    Добрый день, у меня проблема с выравниванием текста пишу так display: table-cell ; vertical-align: middle; текст выравнивается, но у меня становится 2 ячейки которые идут горизонтально,а мне надо чтоб одна была под другой, и никак не могу это исправить

    Asked by Empty!,

    0 votes
    4 answers

  3. Проблема с вёрсткой CSS кнопок

    Есть такой сайт с двумя CSS стилями. Необходимо их объединить в один. Я это сделал, но у меня не хочет теперь отображатся цвет посещённой ссылки. Помогите решить проблемму. Ещё, по другому начал отображатся стиль при нажатии.

    Asked by and_zheltukhin,

    0 votes
    2 answers

  4. Вертикальное выравнивание внутри элементов списка

    Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…

    Asked by rbelko,

    0 votes
    3 answers

  5. DOCTYPE и XHTML

    Добрый вечер всем! Начал читать раздел, посвящённый XHTML. Возник сразу же вопрос. Какой тип документа лучше указывать? Который применяется для HTML5? Или же который применяется для XHTML 1.1?

    Asked by Feers1de,

    0 votes
    4 answers

  6. Оптимизация

    Добрый вечер! Я создала блог на blogspot.com ,сегодня купила домен.. Но столкнулась с проблемой , заходя на другие браузеры , такие как Safari (Mac) , Internet Explorer .. всё передвигается ,цвета другие , расширение тоже. В этом деле я новичок , поэтому не судите строго! Блог по заказу и нужно чтоб на всех браузерах отображался одинаково. Поэтому прошу у вас помощи , в оптимизации мало что понимаю . Подскажите что нужно делать , на мозиле всё отображается хорошо. Вот сам блог : buddyleeblog.blogspot.com

    Asked by VioletaMeynell,

    0 votes
    8 answers

  7. баг с col в Opera

    Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.

    Asked by Быколай,

    0 votes
    5 answers

  8. сделать много ссылок

    <p>Agents & Brokers Apartment / Rental Appraisal Directory Builder Directory Business Broker Buyers Agents Commercial Central Consultant Discount Brokerage Escrow and Title Service Foreclosure Central Relocation Expert ********** Resort Online Search Listing Web Service </p> p{white-space:pre;} нужно сделать много ссылок!!как поступить чтобы не писать много тегов <a>??может есть решение через скрипт?

    Asked by dostel1,

    0 votes
    8 answers

  9. реализация с :after

    Всем здравствуйте После меню мне нужно реализовать border-bottom через after, как этого добиться. Моя реализация такова ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; position: absolute; left: 0; /* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/ } Без absolute ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; owerflow: hidden; /* Всё вроде нормально, он под меню, но растягивается только под ширину этого меню*/ }

    Asked by radionanet,

    0 votes
    7 answers

  10. Слева и по центру

    <div align="center"> ***************<br> ***************<br> ***************<br> ***************<br> </div> текст по центру. но это некий диалог, и отображается он что-то типа ______________-привет как дела ____-нормально ___-чем ты занят сегодня ________-да ничем __-ясно как то так(зависит от длины строки) мне нужно что они были по одной линии, но по центру)) ___-привет ___-нормально ___-чем ты занят сегодня ___-да ничем ___-ясно

    Asked by Gotafak,

    0 votes
    10 answers

  11. Высота блока меньше, чем его содержимое

    Привет всем! На примере странички http://www.vw-ntagil.ru/index.php?page=vwMagazine Никак не могу понять почему, если с блоке content (по центру) наполнения меньше, чем по боковым столбцам или оно отсутствует, то боковые столбцы блоком main просто съедаются. Верстка не моя, долго ковырялся, прописывал height: 100%; для всех колонок, но не помогает, пробовал менять overflow для main, все равно нет эффекта, рисует скроллинг сбоку и помещает контент в себя, а высота остается маленькой.. Помогите, если не трудно, основной .css это style.css. Поделиться исходниками не могу, только в таком виде.. я уже весь мозг сломал. =)

    Asked by gard,

    0 votes
    4 answers

  12. Вредоносный код

    Подскажите пожалуста по какой то непонятной причине робот яндекса считает этот код вредоносным, может кто то знает почему? подскажите пожалуста, что в нем не так ? Вот сам код <script type="text/javascript"><!-- document.write('<sc' + 'ript language="JavaScript" rel="nofollow" ' + 'src="http://countbiz.ru/11716/counter.jpg" title="Money counter" border="0" width="88" height="31"></sc' + 'ript>'); //--></script>

    Asked by vadimcucherencko,

    0 votes
    6 answers

  13. Нестандартная верстка

    Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?

    Asked by Selen,

    0 votes
    6 answers

  14. Можно в форме отключить "Enter" а именно в <input> ?

    Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

    Asked by Saturn,

    0 votes
    12 answers

  15. Отображается по разному в одном и том же браузере

    В общем есть кнопка с фоном, ссылка обведена рамкой: padding {8px 20px}. В мозилле начиная с версии 4 и по 7-ю отображается по другому, как {9px 20px}. Поставил хак: @-moz-document url-prefix() { padding {7px 20px}. } На компьютере стало нормально, посмотрел с ноутбука (таже винда, таже мозилла), в ней padding {7px 20px} отображается как и есть на самом деле. Проверил в http://browsershots.org отображается также как и на ноутбуке. Где искать косяк?

    Asked by Ritter,

    0 votes
    6 answers

  16. css выподающее меню

    В выпадающем меню верхняя часть каждой кнопочки не кликабельная. Хочется сделать возможность клика по любой части кнопки, желательно без js. Вот меню И код: .top-menu{ list-style:none; padding:0; margin:0; margin-top:0px; text-align: right; position: relative; } .top-menu li { float:left; height:33px; padding:0; margin:0px; margin-left:5px; width:150px; text-align:center; background:#333; position:relative; padding-top: 12px; border-radius: 5px 5px 0 0; } .top-menu li ul{ list-style:none; padding:0; margin:0; width:150px; display:none; position:absolute; z-index:999; left:0; top:45px; } .top-menu li ul li{ float:none; height:33px; margi…

    Asked by WonderMNS,

    0 votes
    2 answers

  17. Горизонтальное меню на картинке

    Ссылка Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов. Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

    Asked by Rustick,

    0 votes
    3 answers

  18. html5: attr hidden

    Всё таки море возможностей даёт нам последняя версия html Порой кажется что все их освоить и использовать просто не хватит рук. Вот сегодня наткнулся на hidden. Задумался. Стоит ли использовать? Текущий контекст, куда хочу впихнуть - скрыть с его помощью одно из полей формы, которое должно отобразиться при определённых условиях. Что вызывает сомнения? 1. По назначению это ли будет? 2. С точки зрения семантики, где его стоит использовать? Почему хочу? 1. Легко добавить его поддержку там где её пока нет (стилями/js). 2. Заморочился последнее время на "сумасшедших формах", внедряю в новый проект по полной. Раньше бы сделал: diplay: none, и по событию сменить. Или вт…

    Asked by Быколай,

    0 votes
    4 answers

  19. Передача фокуса родительскому окну

    window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)

    Asked by rootv,

    0 votes
    8 answers

  20. input [type="submit"]

    Здравствуйте, столкнулся с такой проблемой. Свойство #login input [type="submit"] { width: 100px; } не меняет размер кнопки. Побывал просто предовать id и класс кнопке , тоже не реагирует. Посмотрите код, подскажите в чем проблема. HTML <form id="login" class="x" name="login_form" method="post" action="#" > <p>Войти</p> <p>Имя пользователя</p> <input name="user_name" type="text"> <p>Пароль</p> <input name="user_password" type="password"> <input name="login_button" type="submit" value="Войти"> <p>Забыли пароль?</p> </form> CSS #login { float: right; width: 250px; border: 1px solid #dadada;…

    Asked by Simel,

    0 votes
    5 answers

  21. Вопрос по спойлерам на jQuery

    Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQue…

    Asked by papay,

    0 votes
    4 answers

  22. Красная строка

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

    Asked by Leonidk,

    0 votes
    3 answers

  23. Расширение td на всю tr

    Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

    Asked by Squidward,

    0 votes
    2 answers

  24. Режется фон в Опере

    Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!

    Asked by vlanelot,

    0 votes
    8 answers

  25. Помогите. Направьте на верный путь

    Здравствуйте дамы и господа! С недавнего времени я заинтересовался версткой сайтов. Прошел курс по HTML и CSS, ни по одному разу. Теперь я в тупике, незнаю в каком направление мне двигаться дальше. В интернете очень много полезных статей и уроков, но нет где бы досконально обьяснялись все элементы посторойки сайтов. Везде одно и то же - берем это ставим сюда, а вот это сюда, тоесть все делают за вас. Мне бы хотелось познать весь процесс целиком, а не просто знать, что куда пихать. Времени вагон, да и желание есть заниматся версткой. Прошу знающих людей помочь, подкинуть пару советов, в каком направление мне идти дальше. Я понимаю, что главное практика, но методом тыка - э…

    Asked by Vitaliy,

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