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'a

    всем привет. есть span допустим по середине страницы с текстом share и стрелка вниз. нужно при нажатии создать див, который будет появляться снизу спана. если написать position: absolute; то он будет выровнен с началом span, а нужно его сдвинуть влево, типо left: -10. возможно ли такое? спасибо

    Asked by vvsh,

    0 votes
    4 answers

  2. Помогите плз найти и убрать внешнюю ссылку

    У меня на сайте висит внешняя ссылка, не могу найти как ее убрать. В браузере когда смотришь исходный код, там она отображается так: </div><div style="display:none;"><a href="http://juveclub.ru/">juveclub.ru</a></div> </div></div> <div class="clr"></div> В main.tpl код так отображается: <div class="centerside"><div class="centersideinn"> {info}{content} </div></div> <div class="clr"></div> Подскажите плз где мне ее найти. Спасибо. Сайт на движке дле, шаблон просто с нета скачивал.

    Asked by Tsilya,

    0 votes
    8 answers

  3. Как сверстать такой вод блок

    Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?

    Asked by bayanruby2,

    0 votes
    4 answers

  4. центрирование дива

    Всем привет. нужно сделать так: <div class="header"> <div class="header-left"><input type="button" value="Отменить" /></div> <span class="header-center">Twit</span> <div class="header-right"><input type="button" value="Отправить" /></div> </div> надо чтобы были header-left слева, и header-right справа, а header-center, по центру. делаю .header { overflow: hidden; } .header-left { float: left; } .header-center { } .header-right { float: right; } как сделать по центру? спасибо

    Asked by vvsh,

    0 votes
    9 answers

  5. цвет фона для текста

    как реализировать кто знает??7 нашел нормальный рабочий вариант для вебкидов Кому интересно <!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" /> <title>Документ без названия</title> <style> body{padding:10px;} #wrapper{ color:red;/*для старых браузеров*/ background:url(1.jpg) repeat;/*фон текста!!!*/ -webkit-text-fill-color:transparent; -webkit-background-clip:text; } </style> </head> <body> <div id="wrapper">…

    Asked by dostel1,

    0 votes
    2 answers

  6. Как сделать чтобы фон не просвечивал полупрозрачный бордер?

    subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …

    Asked by kidar2,

    0 votes
    3 answers

  7. проблема с тегом audio

    Вставляю <audio src="kva.mp3" controls></audio> в блокноте. Изображение плэера появляется, а звука нет. В чём причина?

    Asked by Рябинка,

    0 votes
    6 answers

  8. Скрытие блоков в зависимости от ширины экрана

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

    Asked by bigperson,

    0 votes
    15 answers

  9. Перенос строк при помощи CSS

    Всем привет. Являюсь начинающим в веб-дизайне и не могу понять, как сделать следующую вещь. Интересует именно реализация через CSS. HTML <h3>Заголовок 1</h3> <p><img src="theme1.png" class="image">Текст текст текст</p> <h3>Заголовок 2</h3> <p><img src="theme2.png" class="image">Текст текст текст</p> CSS .image { float: left }

    Asked by B2ron,

    0 votes
    5 answers

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

    Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …

    Asked by Lrad,

    0 votes
    13 answers

  11. float и приоритеты важности

    Имеем 2 блока, которые следуют вертикально друг за другом у каждого из которых указан float Для каждого блока указана тень Перекрывающая тень другие тени будет у того блока, который идет в коде последним - можно ли это изменить? z-index к желаемому результату не привел

    Asked by ShumNo,

    0 votes
    7 answers

  12. наложение изображений

    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…

    Asked by Toxin_G,

    0 votes
    1 answer

  13. Спрайты

    спрайты, уважаемые мегамозги скажите а можно ли использовать одновременно 5-10 изображений с помощью спрайтов? А то в примере только с 1-ной фото указан http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Напишите решение пожалуйста!!!

    Asked by Гость,

    0 votes
    5 answers

  14. Резиновая вёрстка

    Хай, # Проблема справо,т.е. когда появляеться полоса прокрутки то фон не закрашиваеться,подробнее на скрине,что можна сделать?)

    Asked by sdasddsa,

    0 votes
    2 answers

  15. <div> шире окна браузера без появления скроллера.

    Доброе время суток! Есть такая конструкция: <!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="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…

    Asked by calebelt,

    0 votes
    11 answers

  16. Скругление углов (прозрачность под тенью)

    Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…

    Asked by master_alf,

    0 votes
    6 answers

  17. Проблемы с float

    Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

    Asked by kaminski,

    0 votes
    5 answers

  18. Не получаются стили для карусели

    Не получаются стили для карусели Хочу изменить дизайн карусели товаров на сайте http://srv23440.ht-test.ru/ -сейчас кнопки расположены сверху, но мне необходимо по бокам. Для этого я создал 3 div и поместил их в контейнер, левый div для левой кнопки, правый для - правой, центральный для самой карсуели товаров. И вроде бы все ок, но все страшно съезжает. На каком этапе я совершил ошибку? Исходный код <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <script type="text/javascript" src="/modules/mod_topmovie/assets/jquery.tinycarousel.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.zoo…

    Asked by alanbus,

    0 votes
    0 answers

  19. Падинг маргинг бординг ширдинг и высотинг

    я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…

    Asked by serjico,

    0 votes
    2 answers

  20. отображение в Googl Chrome

    Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал

    Asked by vadimcucherencko,

    0 votes
    3 answers

  21. Разное начертание шрифта Helvetica в разных браузерах

    Один и тот же сайт в Опере отображается по одному ( верхний вариант ) , в Мозилле и Хроме по другому ( нижний вариант ). Почему так ? Хотелось бы увидеть в Опере так же как в Мозилле и Хроме.

    Asked by kpripper,

    0 votes
    7 answers

  22. Выпадающие меню

    Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…

    Asked by param,

    0 votes
    4 answers

  23. Родительский блок не тянется за дочерними

    Уважаемые знатоки, прошу вашей помощи. Не где не смог найти ответ на свой вопрос. Родитель не тянется за вложенными блоками. overflow:hidden не помогает, исчезает полоса прокрутки. На clear:both не реагирует. Не тянется блок container /*—--HTML—--*/ <div id="container"> <div id="header"> <div id... </div> <div id="component"> <div id... </div> </div> /*—--CSS—--*/ *{margin:0;padding:0;} html{height:100%;} body{height:100%;} #container{ width:1024px; min-height:100%; background:url(../images/background.jpg) repeat-y; margin:0 auto; position:relative; } #component{ width:944px; …

    Asked by Luciefear,

    0 votes
    2 answers

  24. font-face

    Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?

    Asked by delch,

    0 votes
    3 answers

  25. Вставка логотипа в флеш плеер на сайте

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

    Asked by vadimcucherencko,

    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