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. Помогите Новичку сверстать Простейшую страничку!!!

    Вобщем задумал сделать сайт. Но очень плохо верстаю! Как мне сделать такую страничку(смотрите картинку) ??? http://img177.imageshack.us/my.php?image=helpmebg7.gif сверстайте плиз! буду очень благодарен!!! Ну только не таблицами а DIVaми заранее-Спасибо Друзья!

    Asked by salieri-bar,

    0 votes
    33 answers

  2. Как сделать что бы в одной строке часть текста была справа, а часть слева?

    Как выровнять текст на одной строчке, как это сделано на этой картинке: Это вообще можно сделать с помощью css или какого то тега html? Или нужно просто поделить ячейку на 2 и применить text-align: left | right

    Asked by tok24ua,

    0 votes
    9 answers

  3. выровнить DIV по нижнему краю

    всем привет. опять я! ребят подскажите плиз как выровнить Див по нижнему краю. Например есть две колонки, левая например 600 пик в высоту, правая 450 и 150, так вот во всех браузерах див (150) по разному отображается, точнее доли мм. хочу воровнить его по нижнему краю левой колонки. можно? спасибо

    Asked by termoplus,

    0 votes
    14 answers

  4. Тестирование верстки в сафари

    Здравствуйте. Есть абсолютно спозиционированный элемент, во всех браузерах при адаптации все ок(хром, фф, ие), но у заказчика на сафари этот элемент немного поехал. Вопрос: Можно ли сидя на винде как то протестировать вёрстку в сафари?(в актуальной версии браузера) И ещё: что за баг с позиционированием если хром и сафари на одном движке?

    Asked by Fich71,

    0 votes
    6 answers

  5. Футер я прижал, появился вопрос

    Ребят, я новичок в html изучаю базис. В общем у меня макет header content footer Footer я прижал к низу браузера. А как можно растянуть блок div с контентом от шапки до подвала? Макет резиновый по вертикали.

    Asked by html_root,

    0 votes
    87 answers

  6. Создание градиента. Вопрос в личку.

    Мне в ПМ пришел вопрос следующего содержания: Не буду называть ник человека без его разрешения. Я предлагал администрации создать небольшой раздельчик, в котором освещались бы вопросы работы с графикой. Пока его нет (или если его вообще не будет) на подобные вопросы буду отвечать здесь, как в наиболее подходящем по тематике. Итак, что касается вопроса с градиентом. Первое - не надо изобретать велосипед, если он уже изобретен в виде инструмента (если мы касаемся растра) - Gradient Tool 1. Нажимаем Ctrl+N, чтобы все было наглядней возмем площадь побольше, например 1000х800 пикселей. Цвет оставляем белый. 2. К примеру нам надо сделать градиент, который намекал бы нам на …

    Asked by Verder,

    0 votes
    31 answers

  7. Закрепление области в таблице (аналог excell)

    Hi многоуважаемый All ! Подскажите плиз как в таблице закрепить области - правый столбец и шапку ? Т.е. так, как можно закрепить в экселе ?

    Asked by Lexxus,

    0 votes
    20 answers

  8. Прозрачный цвет фона

    Подскажите пож-та, как сделать прозрачный цвет фона у DIV? <style> #blocks_box { background-color:black; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.30; opacity:0.30; } </style> <div id="blocks_box"> Здесь много текста... </div> Так не получается

    Asked by Ars_Art,

    0 votes
    46 answers

  9. 4 состояния кнопки?

    Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. А как сделать блокированное состояние?

    Asked by olechic,

    0 votes
    4 answers

  10. Не работает background-color в body

    Имеется такой вот код страницы: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> </div> </body> </html> собственно ничего такого, и строчка в CSS body { background-color: gray; } Так вот, фон не заливается цветом, перепробовал все. Div'ы заливаются и цветом и имагой, то есть все работает. Но весь бэк браузера не заливается... в чем дело? Помогите, а то уже головная…

    Asked by vaak,

    0 votes
    2 answers

  11. Как разбить страницу на части?

    Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы). У меня есть страница шаблон. Нужно попилить ее на четрые блока: 1. Шапка 2. Боковое меню-реклама справа 3. Нижнее поле (банеры-реклама) 4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы. Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное. На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню. А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут. Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 20…

    Asked by alturgrey,

    0 votes
    12 answers

  12. Дуги на CSS

    Всем привет. Каким образом без помощи JS и картинок можно сделать дуги только на HTML и CSS?

    Asked by egoregor,

    0 votes
    21 answers

  13. Дизайн select'а

    Народ подскажите пожалуйста как можно изменить дизайн селекта... задача такая. Есть селект вида <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> там по умолчанию цвет фона белый цвет... цвет шрифта черный... при наведении на выпадающий обЪект его цвет фона становиться синий а сам шрифт белым... как это изменить ... например чтобы цвет фона по умолчанию был зеленый цвет шрифта белый, а при наведении цвет фона белый а шрифта зеленый. Заранее спасибо.

    Asked by Shaggy,

    0 votes
    14 answers

  14. сглаживание шрифтов ClearType

    Как говорится сабж. Используете ли вы эту технлогию сглаживания или отключаете. P.S. кстати по умолчанию она включена? а то сам уже и не припомню.

    Asked by Old Nick,

    0 votes
    32 answers

  15. видео

    подскажите, есть ряд роликов в формате *.f4v кто как вставляет в страницу для просмотра?

    Asked by sc@r@bey,

    0 votes
    13 answers

  16. Div Кнопка - ссылка, как быть?

    Здравствуйте еще раз.=) Столкнулся с такой проблемой как кнопка - ссылка Div. Вот код: <a href="#"> <div class="button_uznai1"> <p class="button_uznai1_text">Узнай больше!</p> </div> </a> Вот файл css для этого дела: div.button_uznai1 { width:172px; height:41px; background-image:url(uznai2.gif); margin-left:50px; margin-top:30px; display:block; } div.button_uznai1:hover { background-position:0 -41px; } p.button_uznai1_text { font-size:16px; font-family:"Arial Black", Gadget, sans-serif; padding-top:7px; } Вот так кнопка выглядит в браузере: (Нажмите для увеличения) Проблема в том, что мне надо сделать так, что…

    Asked by logicface,

    0 votes
    4 answers

  17. Не работает "position: sticky"

    На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка. HTML: ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ... CSS: .sticky { position: sticky; top: 0; z-index: 11000; }

    Asked by iBars,

    0 votes
    2 answers

  18. Как тестировать верстку html письма?

    Добрый день. Сразу извиняюсь за тупой вопрос Первый раз сталкиваюсь с версткой html-писем. Как их верстать я не спрашиваю в сети достаточно много информации по этому поводу. Вопрос в другом как их тестировать? (Не беря во внимание разные платные сервисы) Из прочитанного я так и не поняла как это все таки-делается. Единственное что мне сказали это отправлять html-файл приложением но это не сработало в яндекс почте просто в теле письма код в google открывается в отдельном окне. Подскажите пожалуйста как это делать

    Asked by chiffenok,

    0 votes
    7 answers

  19. блок div с новой строки

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

    Asked by oshaly,

    0 votes
    4 answers

  20. Вериткальное расположение DIV'ов: один под другим

    Собственно, вся проблема описана в названии. Есть, допустим, 3 DIV'а. Для первого пишем так: width: 100%; height: 215px; position: relative; Для второго так: float: left; width: 100%; position: absolute; А в третьем, что бы я ни прописал, он прилипает к первому. Сейчас у него вообще никакого позиционирования не прописано. Скажите, как это исправить. Чтобы третий блок прилипал ко второму. При этом второй блок — резиновый.

    Asked by brainiac,

    0 votes
    8 answers

  21. Как убрать рамку при помощи CSS при фокусе вокруг <select> ?

    Как убрать рамку с помощью CSS с ссылок - это проще простого, а вот как ее убрать с поля <select> ? Искал, решения ненашел. Эта рамка особенно мешает и все портит, если это поле красиво разукрашено стилями.

    Asked by VIRUS,

    0 votes
    25 answers

  22. <td style="">

    Приветсвую форумчани. Проблема в том что, мой начальник юзает ИЕ 7.0, это очень плохо для меня. <td style="background-image: url('$mklib->images/logo_left.png');" width="185"> В данной ячейке просто не показывает фоновой рисунок, как я только не пытался исправить это, он всеравно его не показывает(ИЕ 7.0). В чем проблема? как сделать что бы рисунок отобразился? <tr> <td> <table width="100%" align="center" cellspacing="0" cellpadding="2" border="0"> <tr><td style="background-image: url('$mklib->images/logo_left.png');" width="185"> </td> <td class="navigatore" style="padding: 4px; text-align: center; back…

    Asked by AMD,

    0 votes
    9 answers

  23. замена iframe

    подскажите плиз как какую нить альтернативу iframe !везде сейчас информашка грузится в слои...неделю бьюсь и ниче не получается...откапал в инете воть такую строчку по адрессу http://aquanet.nm.ru/aquasite/_mostwantedc...ing.html#jQuery : <script type="text/javascript" language="JavaScript"> <!-- $(document).ready(function(){ $('#при_клике_на_элемент_с_этим_ID_(это может быть и пункт меню, и изображение и любой другой элемент, включая body)').click(function(){ $('#загружается_информация_в_элемент_уже_с_этим_ID_(это может быть как DIV, так и другой подходящий контейнер)').load('из_файла_с_этим_названием.html'); }) }); --> </SCR…

    Asked by Aleksandrid,

    0 votes
    12 answers

  24. Для чего нужен Smarty

    Практически все хоть раз да слышали о разделении кода и содержания, текста и оформления, отделения логики от представления. Смысл в том, чтобы программный код был максимально независим от дизайна сайта. Это позволяет: 1. вести работу над дизайном и программированием одного сайта параллельно; 2. легко вносить изменения, не боясь что-нибудь ?испортить?; 3. быстро делать редизайн всего сайта или отдельных его разделов; 4. добавлять новые программные модули без существенной переделки HTML-кода. Исходно в одном файле PHP уживается код HTML и его программная часть, которые порой так перемешаны, что для разбора и модификации текста приходится тратить массу усилий и времени. Для …

    Asked by Vlad,

    0 votes
    15 answers

  25. Размер svg

    День добрый. Есть svg-иконка 32х32, и вставлена она таким кодом: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" style="position: absolute;" > <path fill="#D1D1D1" stroke="none" d="M15.583,15.917l1.648-10.779C16.692,5.056,16.145,5,15.583,5C9.554,5,4.666,9.888,4.666,15.917c0,6.029,4 .888,10.917,10.917,10.917S26.5,21.946,26.5,15.917c0-0.256-0.021-0.507-0.038-0.759L15.583,15.917zM19.437,3.127l-1.648,10.779l10.879-0.759C28.313,8.026,24.436,3.886,19.437,3.127z"> </path> <rect x="0" y="0" width="32" height="32" r="0" rx="0" ry="0" fill="#000000" stroke="#000" style="opacity: 0; " opacity="0"> </rect> </svg> Как и…

    Asked by fir1st,

    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