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. На широких мониторах показывается не весь сайт

    delete

    Asked by anjoy74,

    0 votes
    15 answers

  2. Проблема абсолютным позиционированием

    Есть сайт vtrailere.ru. Поставил туда РСЯ и обернул его код дивом с id="rsy" (http://vtrailere.ru/2012/treyler-k-filmu-strast-k-peremene-mest) Написал для этого дива следующий стиль #rsy { position: absolute; top: 100px; } Ждал что этот местоположение этого будет вестись от верхнего левого урая браузера но ничего не произошло. В чем моя ошибка?

    Asked by smirn0ff,

    0 votes
    6 answers

  3. Использование CSS фреймворка Twitter Bootsrtrap

    Добрый день! Кто-нибудь пользуется фреймворком в сабже? Ну или любым другим.. Не получается сверстать вот такой макет: Трудность в том, что БЛОК А слева занимает две, так называемые, "строки", нижняя из которых (БЛОК В) также занята справа сайдбаром (БЛОК С). Верстка резиновая. Буду благодарен любым предложениям.

    Asked by 0zz,

    0 votes
    0 answers

  4. iframe проблема с разными браузерами

    Здравствуйте. Возникла проблема с iframe. Ситуация такая: есть php скрипт который обрабатывает изображения и сохраняет. Потом эти изображения вставляются в iframe в соответствии со страницей. Опера, например, отображает как должно быть, хром и эксплурер - только первое сохраненное изображение. Как можно исправить эту проблему и загружать соответственные изображения. Заранее спасибо)))

    Asked by assd18,

    0 votes
    1 answer

  5. Gроблема с Operой

    Всем привет. Помогите пожалуйста решить проблему, сроки поджимают, а найти решение сам не могу. В опере съезжает вниз список , вот етот <div class="contentA"> <ul> <li><a href="#">Product 1</a></li> <li>See all: <a href="#">Category</a></li> </ul> </div> в мозиле и хроме все ок, если убрать паддин здесь .contentA, .menuA { padding: 10px; } то в опере все работает, только вот блоки размещаются в углу, буду благодарен за помощь вот код <style type="text/css"> .mainA{ margin:auto; background:#e8e8e8; max-width:480px; height:150px; border-radius:8px; margin-botto…

    Asked by Android,

    0 votes
    2 answers

  6. tinyMCE редактор - есть ли аналог shift + стрелки как в фотошопе

    Добрый день! Есть ли в tinyMCE аналог shift + стрелки как в фотошопе. Иначе как постоянно загружать много картинок в ряд, чтобы стояли через равный промежуток.

    Asked by jomcat,

    0 votes
    0 answers

  7. непонятен код

    Привет. Взял с одного сайта посмотреть шаблон с трёмя колонками, не совсем понимаю как он работает. <body> <div id="container"> <div id="header"><h1>Header</h1></div> <div id="wrapper"> <div id="content"> <p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p> <p>very make mak…

    Asked by Peekit,

    0 votes
    4 answers

  8. кнопочки

    расскажите пожалуйста как верстать кнопочки любые блоки стараюсь верстать, учитывая переполнение контентом. в кнопках типа "search", "send", "join now" очень редко меняется текст(тем более из админки). но совесть всё таки не спокойна когда тупо вырезаю в фотошопе фон с определенными размерами и использую для контейнера кнопки как лучше поступать, для каждой кнопки всё таки учитывать переполнение или это не обязательно? может быть существуют какие-нибудь правила хорошего тона?

    Asked by cyklop77,

    0 votes
    6 answers

  9. Изображения внутри таблицы

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

    Asked by Valrine,

    0 votes
    0 answers

  10. Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?

    http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки

    Asked by vladimir_lwlx,

    0 votes
    5 answers

  11. Резиновый дизайн DIV-ами

    Здравствуйте! Верстаю шаблон для Джумла-2.5, нужен шаблон на ДИВах Вот сайт: Сайт Левая колонка присутствует только на главной странице, на остальных поле контента должно растягиваться на всю ширину. Совершенно запуталась с версткой! Применила для элемента 1 абсолютное позиционирование, растягивается как нужно, но на главной почему-то элемент 2 и поле 4 продолжаются за левое поле... И как указать расположение аналогичных нижних элементов, если поле вниз будет растягиваться в зависимости от контента? ПОмогите, плиз!

    Asked by Zeeeya,

    0 votes
    6 answers

  12. Проблемы в Opera

    Сайт: Емакс спорт.Ру Как убрать рамку вокруг надписи "Лыжи Атомик Word Cup" HTML код: <TR class=tabl5> <TD class=toptable3 colSpan=2 > <div style=\"float:left;width:420px;\"> <table class=lt2> <TR align=center> <TD ><B><strong>"Лыжи Атомик Word Cup"</strong></B></TD> </TR></table> </div> CSS код: TR.tabl5 td{HEIGHT:23; BORDER: #7E98CD 1px solid;} TD.toptable3 {text-align:middle; FONT-SIZE: 9px; background: #fff; width:100%;} TABLE.lt2{width:100%;}

    Asked by gavru,

    0 votes
    4 answers

  13. фон у шапки

    Не работает background-image у header, хотя с footer'ом все отлично. Не могу понять в чем дело! <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <link rel="stylesheet" href="css/menu.css" …

    Asked by humb1t,

    0 votes
    2 answers

  14. JS открытие документа

    Долго искал - не нашёл ответа на свой вопрос. Итак, getElementById('id') работает в том документе, из которого вызвана функция. Как заставить JavaScript прочитать постороннюю html-страницу? Заранее спасибо.

    Asked by Ingrediamur,

    0 votes
    1 answer

  15. Как изменить порядок загрузки элементов страницы?

    Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?

    Asked by zaero,

    0 votes
    7 answers

  16. css хитромудрые селекторы

    Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…

    Asked by crashtua,

    0 votes
    6 answers

  17. Как сохранить отдельный слой в psd

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

    Asked by Aleksey19881988,

    0 votes
    3 answers

  18. Помогите создать тень

    Пробовал по-разному, уже и трики разные перечитывал...но не получается достигнуть нужного эффекта: Т.е. имеется блок. Надо задать ему внутреннюю тень, так, чтобы она была только с одной стороны, в начале (вверху) и в конце(внизу) блока заканчивалась плавным изменением прозрачности вплоть до 0 (именно это не получается).

    Asked by nickostyle,

    0 votes
    6 answers

  19. Проблема с цветом ссылок

    Приветствую всех. Занимаюсь версткой не так давно, и последний раз поведение ссылок ввело меня в ступор... Имеем: Блочная верстка, шапка, под-шапка с меню, левый сайд-бар, основной (content) и подвал. В подшапке, левом баре и подвале есть меню, ссылки <a href=""> в списках Ul. Все, естественно, с разными стилями. Так вот, в один прекрасный момент, все новые ссылки, которые появляются в блоке Content, стали цеплять стиль из левого блока (в нем ссылки белые, content так же белый, и их соответственно, не видно). Пробовал и IE и в Хроме, через какое-то время и ФФ к ним присоединился... Хотя точно в начале все было нормально, все-таки разные блоки... !important не спас…

    Asked by Shurrr,

    0 votes
    4 answers

  20. HTML5

    Не нашел старой темы,решил создать новую и посоветоваться с вами,поделитесь мыслями,как быть в такой ситуации: <a class="main_item" title="blabla" href="blabla"> <h2 class="listing">BlaBla</h2> <span class="wrap_productImg"> <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </span> <div class="wrap_price_main"> <span class="priceBlock"> 1111 <span class="rub">руб.</span> </span> </div> </a> правильным ли будет такой вариант: <section> <article> <a class="main_item" title="blabla" href="blabla"> <header> …

    Asked by milkeyway,

    0 votes
    7 answers

  21. DIV не выравнивается по высоте

    Добрый день, подскажите пожалуйста: http://jsfiddle.net/8xyNP/ 1) Почему, у span.b автоматически не выставляется высота как у родителя div.a? 2) Если, у span.b выставить width: 500px, как сделать чтобы span.c сам выставил себе значение width, до элемента span.b?

    Asked by AppleMacMy,

    0 votes
    6 answers

  22. столбец залитый градиентом не выбеляется

    Необходимо, что бы строка содержащая градиент в первом столбце выделялась при наведении! Если нет градиента то все нормально выделяется, а с ним не получается! td.rt { background: -webkit-linear-gradient(left,#FF0000 2% ,#FFFFFF 10%, #FFFFFF 50%, #FFFFFF 100%, rgba(255, 0, 0, 0.5));/*градиент для первого столбца*/ } tbody tr.tt:hover { background: #c8c8ff; /* Цвет фона при наведении */ color: #000000; } Помогите очень надо!

    Asked by mkokueva,

    0 votes
    1 answer

  23. Как сверстать обводку?

    Как сверстать обводку блока если она градиентом сверху вниз?

    Asked by hahaja,

    0 votes
    2 answers

  24. Верстка под ие6.

    Оцените оригинальный способ. Пользователи столь старых браузеров, скорее всего, имеют низкую скорость и не гонятся за прогрессом. В ином случае, они обновили бы свой браузер. Еще один вариант-у них старая ос. Тогда поддержка новых технологий для них тоже не важна. Тогда для них можно создавать простые, особенные страницы. К примеру: фиксированый макет с 2-мя колонками. Реализовать можно вставив такой кусок в обычную страницу: <!--[if ie 6] <meta http-equip="refresh" content="время до перезагрузки; url=страница для ие6"> <! [endif]--> Код корявый, но принцип, надеюсь, вам ясен. Надеюсь услышать ваши мнения про это.

    Asked by DarkPrelat,

    0 votes
    8 answers

  25. Прикручиваю слайдер - не отображется

    Добрый день. Как сторонний слайдер прикрутить? Вроде код слайдера(в шаблоне) работает - в теги А, IMG яваскрипт добавляет свое. А где я ниже подключил никак не кушает настройки яваскрипта. Вот 178.95.185.177/real/alfasi.html?view=property&id=1:alfasi-15-rekhaviya Фаербагер даже другой подстветкой показывает, начиная с тега UL там где только черная полоска.

    Asked by 550953,

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