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. Кодировка для отправки в FaceBook

    Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русс…

    Asked by SFproG,

    0 votes
    2 answers

  2. Блоки

    Помогите пожалуйста реализовать такое размещение блоков Тут: красный блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину; зеленый блок имеет высоту, равную высоте красного блока и постоянную ширину; желтый блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину и по любому выравнивается в самом низу зеленого блока. Да, забыл нарисовать - зеленый и красный блок находятся в одном общем блоке GENERAL соответственно с непостоянной высотой, но постоянной шириной. Вот что делал я и оно не работает как надо - зеленый блок не равный по высоте красному и желтый блок не в самом низу. .general { margin-bottom:10px; } .red { fl…

    Asked by Dayks,

    0 votes
    11 answers

  3. Подлый СSS не потдается

    Помогите разобраться плз почему при следующем коде: HTML: <body> <p class="footer_one"> </p> <div class="menu"> <ul> <li ><a href="#">All Clients</a></li> <li ><a href="#">Regions</a></li> <li ><a href="#">Board</a></li> <li ><a href="#">Working</a></li> <li ><a href="#">New Client</a></li> <li ><a href="#">Search</a></li> </ul> </div> </body> СSS body { margin:0; padding:0; } .footer_one { display: table; width: 809px; line-…

    Asked by Bizon4ik,

    0 votes
    4 answers

  4. как удалить авторские права у шрифта

    Подскажите, пожалуйста , как удалить авторские права у шрифта ? Что б его можно было генерировать на font-squirrel.

    Asked by ruvi,

    0 votes
    3 answers

  5. Дизайн страницы

    Доброго времени суток. Хочу на сайт "повесить" шторки по бокам страницы. Как это лучше сделать? У меня несколько вариантов: - сделать одну фоновую картинку - или же как то НЕ смещая текста, разместить шторки по бокам Вообще, что один что другой вариант - я не знаю как исполнить. Полагаю, что в первом варианте (мной предложенным) будет громоздким изображение и грузиться будет долго. Значит не подойдет. Может можно как то разбить одну большую картинку на маленькие, а потом чтобы эти маленькие картинки загружались на фон сайта по своим местам? Другой вариант - пробовал не получается, текст смещается и пр. Премного признателен тем, кто даст дельные советы.

    Asked by Вальдемар,

    0 votes
    3 answers

  6. Позиционмирование DIV-ов

    Всем доброго времени суток! Хотел бы поинтересоваться у знатоков, как решить такую задачу: Необходимо разместить 9 квадратных DIV'ов внутри одного DIV'а, да так, чтобы в строку вмещалось 3 квадрата, и всего строк было 3. Причем отступ от границ каждого квадрата должен равняться 5 пикселам. Примерно как на рисунке: У меня получился следующий код, но что-то мне подсказывает, что можно сделать правильно #center { border:1px solid #000; padding:5px; position:absolute; width: 330px; } .square { position:relative; margin: 5px; float:left; background:#f00; width:100px; height:100px; } html-код: <div id="center"> <div class="square">1</div> …

    Asked by Akselar,

    0 votes
    2 answers

  7. Нужна ваша помощь.

    Добрый день форумчане. Так как, я в сайтостроении совсем зеленый мне нужна ваша помощь. Возникла проблема с заливкой заднего фона div-блока, через CSS стиль (-moz-,-o-,-ms-,-webkit-)linear-gradient. Когда я пытаюсь залить мой DIV, он то заливаеться, но и заливает мою картинку, вот пример кода: HTML <div class="header"> </div> CSS div.header {background:url("../img/img.png") no-repeat center; background:-moz-linear-gradient(top left, #000000 30%,#ffffff 70%); height:400px; width:100%; border-bottom:2px ridge #ffffff;} Надеюсь на ваши мудрые ответы. Спссссс.

    Asked by TheBroadcast,

    0 votes
    3 answers

  8. border у картинок-ссылок

    Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки. Вставил код в CSS: a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} Всё заработало, но стали подчёркиваться картинки-ссылки. Вставил строчку: a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;}) Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить? Да, и ещё. Когда ставлю a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} a img {border:5px solid;} то карти…

    Asked by ProcyonLotor,

    0 votes
    6 answers

  9. отображение swf на сайте

    Здравствуйте! Хотел бы узнать, как решить проблему не отображаемости объекта swf в браузерах на андроиде. Естественно проверяю на браузерах с поддержкой Flash, саму анимацию воспроизводит по прямой ссылке, но вот вставленную в структуру сайт нехатит. мой простенький сайтик: sir-shaak.ru вставляю флешку так: <object width = "1000" height = "200"> <param name="movie" value="Flash/logo.swf"> <embed src="flash/logo.swf" width="1000" height="200"> </embed> </object> кто может что-то подсказать по этой теме?

    Asked by Shaak,

    0 votes
    2 answers

  10. Подскажите сайт

    Здравствуйте. Подскажите пожалуйста сайт, где можно просмотреть самые популярные сайты разных стран. Например: 100 самых популярных (посещаемых) сайтов Америки или Японии и т.д. Спасибо за внимание. P.s. Рейтинг LiveInternet не предлагать.

    Asked by One312,

    0 votes
    2 answers

  11. Куда пропадают пиксели

    Здравствуйте есть главный блок с width:1000px padding:0 . В этом блоке хочу разместить два блока .bl1 { float:left; width:490px; padding:10px 10px 10px 10px; } .bl2 {float:left; width:490px; padding:10px 10px 10px 10px; margin-left:20px; } но второй блок располагается под первым , я так понимаю ему места не хватает. Но как? 490+490+20 =1000 px

    Asked by mylogin,

    0 votes
    6 answers

  12. Подскажите новичку

    Ребята, всю голову сломал, как добиться такого эффекта?Может кто урок подскажет или советом поможет? http://tripict.com/0037/compact/l.html Сразу под музыкальном плеером Что это?Выдвигающаяся кнопка или что?

    Asked by dance7,

    0 votes
    2 answers

  13. Список в два столбца.

    Всем привет. Есть проблема: В определенном блоке сайта на wordpress нужно вывести показ свежих новостей так, чтобы они отображались не просто списком, а в два горизонтальных столбца. То есть, два столбика, в каждом по 5-6 новостей. Сейчас это выглядит так: <ul> <?php $recent = new WP_Query("cat=1&showposts=5"); while($recent->have_posts()) : $recent->the_post();?> <li><a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_title(); ?> </a></li> <?php endwhile; ?> </ul> Помогите, пожалуйста, оформить это в css Заранее благодарен.

    Asked by blackdisk,

    0 votes
    0 answers

  14. Как научиться верстать быстро

    Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа

    Asked by irene,

    0 votes
    7 answers

  15. Горизонтальное меню методами CSS

    Мне нужно сделать на сайте меню, которое должно выглядеть точь-в-точь как на сайте topwar.ru, только с другими категориями. Пока что процесс остановился на такой стадии. CSS ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; position: relative; font-size: 1em; background: #B22222; } ul#topnav li { float: left; margin: 0; padding: 0; } ul#topnav li a { padding: 5px 15px; display: block; color: #ffffff; text-decoration: none; } ul#topnav li:hover { background: #E6E6FA; float: left; margin: 0; padding: 0;} ul#topnav li span { float: left; padding: 5px 0; position: absolute; left: 0; top:23px; display: none; width: 100%; background: #c…

    Asked by drago_v,

    0 votes
    0 answers

  16. Оптекаемость div

    На днях начал разбираться спозиционированием и столкнулся с проблемой - текст в родительском div'e заезжает под дочерний div. Дочерний див прижат к правому нижнему углу родительского div'a и внутри него располагается 3 иконки и если текста получается много, то он уходит под дочерний див, а не обтекает его <div id="block_r"> Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст <div id="block_a"> <img src="img/ico1.png" width="45" height="38" align="right"> <img src="img/ico2.png" width="45" height="38" align="right"> <img src="img/ico3.png" width="48…

    Asked by ДиСи,

    0 votes
    1 answer

  17. type="text/css"

    У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>

    Asked by Evkaky,

    0 votes
    1 answer

  18. Расположение одного дива относительно другого

    Доброго времени суток. Нужно решить следующую задачу: идут 2 дива: <div>1</div> <div>2</div> Оба дива имеют 100% ширину, div1 - фиксированной высоты, div2 на различных страницах имеет различную высоту. Как сделать, чтобы по html коду div1 шел раньше, чем div2, а на странице - наоборот (чтобы на странице отображался сначала div2, а потом div1)? Расскажу немного поподробнее. Дивы на странице идут следующим образом: <div>Шапка</div> <div>Горизонтальное меню</div> <div>Основа (контент)</div> <div>Футер</div> В html коде нужно чтобы меню шло после контента, а на странице отображалось до контента.

    Asked by n1kola,

    0 votes
    2 answers

  19. div не растягивается по содержанию

    Уважаемые подскажите, совершенно вылетело из головы, где я забыл какие параметры. Проблема в том, что у бокса есть фон, тянущийся до самого низа. В данный момент фон виден только сквозь див "headerbox", дальше следующие дивы перекрывают собой его. Как сделать чтоб фон не зависимо от параметров начинки, виден был по всей протяженности блока. html <div id="box"> <div id="headerbox"></div> <div id="section1">1</div> <div id="section2">sfgdfg</div> <div id="section3">1</div> </div> css #box {width:960px;margin:0 auto;text-align:left;background:url(img/bg0.gif) repeat-y;position:relative;} #headerb…

    Asked by cmndr_alexgreen,

    0 votes
    2 answers

  20. 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

  21. Ширина блока при отсутствии указания значения

    http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо

    Asked by skvor,

    0 votes
    6 answers

  22. Кроссбраузерность и фон ячейки

    Здравствуйте. Возникла следующая проблема: Имеется таблица, ячейке назначен фон <td background="pix/shadow_r.png" style="background-position: left top; background-repeat:repeat-y"> - Google Chrome всё замечательно отображает - В Mozill'е фон начинается где-то в самом низу ячейки - В IE8 фон начинается с небольшим отступом сверху Фон - "тень":

    Asked by makcau,

    0 votes
    3 answers

  23. Границы не до конца ширины/высоты элемента

    Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.

    Asked by v01d0s,

    0 votes
    6 answers

  24. Плавное выпадающее меню

    http://teacheri.ru/test/ Есть там такое меню <div id="left"> <ul id="mfli"> <!-- Выпадающее меню --> <li onClick="toggle_show('bla-bla2')"><a href="#home">Компании</a></li> <ul id="bla-bla2"> <li><a href="#aboutCompany">Каталог</a></li> <li><a href="#catalogue">Подбор</a></li> <li><a href="#catalogue">Новые</a></li> <li><a href="#catalogue">События</a></li> <li><a href="#catalogue">Акции</a></li> </ul> <li><a href="">Рейтинг</a>&lt…

    Asked by Ridento,

    0 votes
    2 answers

  25. Блок DIV во всю высоту

    Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали Код: CSS #vertical1{ padding-right:115px; position: relative; float: right; height: 100%; background: url(photo/grmk.png) repeat-y; clear: right; } #vertical2{ min-height:100%; padding-left:115px; position: relative; float: left; background: url(photo/grmk.png) repeat-y; clear: left; } body { min-height:100%; background-size:100%; position:relative; background-attachment:fixed; background-color:#CD96CD; background-position:right bottom…

    Asked by DR.acula,

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