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. автомасштабирование сайта под разрешение экрана/размер окна броузера

    простой сайт html. имеется фон с нарисованными кнопками (бэкграунд), поверх — таблица с рабочей частью «кнопок» и проигрывателем uppod. Сайт работает исправно уже несколько лет. Спроектировал я его под 15' монитор своего ноутбука и был доволен пока не наступила эра планшетных компьютеров и «домашних кинотеатров». Подскажите — как проще сделать «автомасштаб» (то есть чтобы фон растягивался на весь экран, ну и таблица пропорционально фону). p.s.: При использовании Ctrl+ сайт масштабируется нормально (элементы остаются на своих местах/пропорционально увеличиваются, плеер растягивается). Есть несколько мыслей на этот счет но хочется узнать "как правильно" (-ней) прежде чем др…

    Asked by deFISH,

    0 votes
    4 answers

  2. css меню заходит под контент

    В Левом меню при открытии, список заходит под контент. все возможные способы с позиционированием пробовал ничего не помогает. может вы мне что подскажите что можно сделать?вот ссылка на сайт http://fr13809.tw1.ru/index.php

    Asked by daggi,

    0 votes
    10 answers

  3. Левый блок

    Сообщение удалено пользователем

    Asked by webair,

    0 votes
    2 answers

  4. Не могу разобраться...

    Всем привет! Верстаю страничку с css. Столкнулся с такой проблемой, не отображается картинка в браузере если вставить через css, вот код .zone_top{ height:94px; position:absolute; top:0px; } .zone_top_left{ width:12px; height: 99px; left:0px; background:url(img/elements-1.png) repeat-x 0px -395px; } Это на странице <div class="zone_top zone_top_left"></div> Если вставлять через <img/> то все работает <div class="zone_top zone_top_left"><img src="img/elements-1.png"></div> Где ошибка???? Заранее благодарю!!!

    Asked by ganswild,

    0 votes
    5 answers

  5. Трапеция с закругленными углами

    просто трапеция, пожалуйста! .trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } но вот закруглить углы (как во вкладках в Хроме) никак не получается.. может у кого есть идеи как это можно реализовать на CSS?

    Asked by Kadi,

    0 votes
    4 answers

  6. Что сделать чтобы заголовок в <h2> или <h1> не был жирным?

    Недавно обновил Вордпресс на блоге. Раньше если заголовки внутри текста выделял тегами <h2> или <h1> они небыли такими жирными. Сейчас как будто они еще плюс ко всему заключены в <strong>, хотя на самом деле этот тег при выделении не используется, и в HTML редакторе видно что его нет. Слишком жирное выделение смотрится не красиво! Что можно сделать чтобы заголовок при заключении его в <h2> или <h1> не был таким жирным?

    Asked by seer333,

    0 votes
    2 answers

  7. Разные размеры шрифта в одном элементе списка

    Доброго времени суток! Вот, что нужно сверстать: Размер шрифта для самих элементов меню (Account Sign In, Register...) - 13 пикселей. Для точек-разделителей - 25 пикселей. Интерлиньяж одинаковый - 30 пикселей. Между элементом меню и точкой-разделителем расстояния в 3 пробела размером шрифта 13 пикселей. Базовая линия элементов меню и базовая линия точек-разделителей совпадают. Вот мой код, использую unordered list, сначала устанавливаю размер шрифта для элементов меню и точек одинаковый - 13 пикселей. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </he…

    Asked by zodcyi,

    0 votes
    4 answers

  8. Категории в Select (с optgroup)

    Ребят, подскажите с добавлением категорий в select (категории хранятся в БД "рекурсивно"). Имеется следующий код, но он для UL, LI. Пытался переделать его в select и optgroup - что-то не получается.. //Выбираем данные из БД $result=mysql_query("SELECT * FROM categories"); //Если в базе данных есть записи, формируем массив if (mysql_num_rows($result) > 0){ $cats = array(); //В цикле формируем массив разделов, ключом будет id родительской категории while($cat = mysql_fetch_assoc($result)) $cats[$cat['parent_id']][] = $cat; } function build_tree($cats,$parent_id){ if(is_array($cats) and isset($cats[$parent_id])){ $tree = '<ul>'; foreach($cats[…

    Asked by korjik,

    0 votes
    0 answers

  9. css странное наследование или полтергейст

    Добрый день, жители форума. Верстаю сайтик с вордпресса в джумлу. возникла странная(для меня) проблема. задал свойство a:hover, focus и active для горизонтального меню с id=mergen. И к моему большому удивлению и глубочайшему сожалению(мягко говоря) теги <a> левого вертикального меню приобрели те же самые свойства. Помогите побороть пожалуйста А конкретнее: фоновая картинка при фокусе изменяется как в классе menu(первое меню, вертикальное) так и в нужном мне меню класса mergen(второе меню, горизонтальное) Часть CSS: body,html {height:100%; } body{:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#000;margin:0 auto;} .clr{clear:both;overflow:hidde…

    Asked by mergenmasterf1,

    0 votes
    1 answer

  10. PrestaShop

    Здравствуйте! Кто пользовался PrestaShop? Интересует ваш опыт, и оценки. Как вам система? Как работа на ней? Есть ли лучшие аналоги?

    Asked by Imperil,

    0 votes
    0 answers

  11. Замена картинки

    День добрый, форумчане! Такое дело - есть картинка с линком. Необходимо сделать так, чтобы при наведении картинка заменялась на другую. Чем это лучше сделать? Сайт у меня первый, поэтому практически всё статично, на голом хтмл.

    Asked by voldemort,

    0 votes
    3 answers

  12. Div залез на другой

    После того как вставил меню в блок, залез на футер, это так отображается в Файрфокс, в Опере все нормально, если же уменьшить высоту блока, то в Файрфокс будет нормально, а в Опере будет разрыв между блоками Вот HTML страницы с блоками: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы HTML и CSS</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="con"> <d…

    Asked by Carleutto,

    0 votes
    0 answers

  13. Не отображается елемент в IE7

    Всем привет сайт http://нцн-недвижимость.рф В IE7 по какой-то причине не отображается блок под заголовком Новосибирский Центр Недвижимости специальные предложения Причем если изменить масштаб сайта в браузере или напрмер выделить какую нибудь область в центре и подвести указатель к какой-то странной всплывающей синей стрелочке - блок появляется. Подскажите пожалуйста в чем может быть причина?

    Asked by Enxiro,

    0 votes
    1 answer

  14. Как соединить хэдер воедино

    Вот есть такая структура, хэдер правда 1024px в самой верстки но это не важно. Но у хэдера есть еще слева кусок и справа кусок, но нужно сделать так чтобы хэдер который слитый воедино центрировался как хэдер с шириной 1024px и margin: 0 auto, а части который справа и слева должны стыковаться с хэдером и им толкаться.

    Asked by tini.kRyptoNite,

    0 votes
    7 answers

  15. Ссылки внутри статьи

    Дело в том, что у меня фиксированное width:100% меню в самом верху сайта, и когда я устанавливаю ссылку через <a name, то у меня это самое меню "съедает" заголовок или часть текста которое должно отображаться, как быть?

    Asked by Hoax,

    0 votes
    18 answers

  16. Выравнивание меню

    Здравствуйте, пытаюсь создать сайт. Мой уровень не позволяет писать хороший код. Помогите пожалуйста выровнять меню, так чтобы оно отображалось по центру на всех страницах (их 2 пока что index и main). Мне кажется что можно сделать выравнивание другим, более корректным способом, чем тот который у меня (с помощью NULL MENU CONTAINER).

    Asked by xander_d,

    0 votes
    3 answers

  17. Изображение выходит за пределы, включается прокрутка страницы

    Здравствуйте. Только недавно начал заниматься вёрсткой, столкнулся со следующей проблемой: Имеется сайт, дизайн центрированный (фиксированный), в футере изображён паркетный пол. По задумке, при маленьком разрешении экрана пользователя, слева и справа пол должен быть обрезан (по красной лини на приложенном изображении), а при большом, соответственно, должен быть виден весь пол. Вроде, задача несложная =/ Однако, слева у меня всё нормально, а правое изображение отображается полностью и в связи с этим включается горизонтальная прокрутка страницы. У меня div'ы отдельные для шапки, меню, контента и футера. В блоке футера вложены ещё div'ы с изображениями-кусками пола и им п…

    Asked by makcau,

    0 votes
    12 answers

  18. Проблема с float

    Друзья, проблема такая. Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both, чтобы контейнер растянулся на высоту колонок. Так вот проблема в том, что одна из колонок этот контейнер всё равно не растягивает, и залазит на элементы, находящиеся ниже (в моём случае на футер). Пример проблемы здесь: _http://berezkairk.ru/доставка/ - правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both (смотреть лучше с шириной окна браузера не менее 1024, т.к. ещё не под все разрешения css написан). Я уже не первый год в вёртске, но в данном случае я уже просто не з…

    Asked by StormMan,

    0 votes
    2 answers

  19. помогите начинающему

    Здраствуйте уважаемые помогите плиз советом, как собрать нечто подобное????7 Сам что то ни как не додумаюсь..... у меня получилось вот что .block_award{ text-align:left; box-shadow: 0 0 5px 2px; margin:40px} <div class="block_award"><img style="margin: 20px;" src="images/awards/001.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/002.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/003.jpg" width="200px" /> </div> Как бы еще текст добавить????

    Asked by al_hagen,

    0 votes
    4 answers

  20. "Отцы" HTML, помогите!

    Добрый день! Недавно начал изучать HTML и решил сам поэкспериментировать с таблицами. И конечно же у меня сразу возник вопрос, на который я сломав всю голову так и не смог найти ответ. Таблица "обтекает" картинку справа, а хотелось бы чтобы таблица находилась под картинкой. Есть мысль выйти из положения поставив кучу <br>, но это конечно же не выход. Имеется код <html> <head> <title>Моя первая тестовая страница</title> <meta http-equiv="Content-type" content="text/html" charset="windows-1251" </head> <body> <h2 align="center">Англоязычные сайты с пользой</h2> <img src="http://i057.radikal.ru/1210/fa/c9…

    Asked by Nikolaus62,

    0 votes
    9 answers

  21. В чем проблема?

    Всем доброго дня! Верстаю страничку с css, с помощью div хочу вставить картинку вот пример кода #zone_top_right{ width:10px; right:0px; background:url(css/elements.png) repeat-x 0px -201px; } на главной странице прописываю этот div, открываю браузер и картинки нет, если на главной странице картинку вставить через <img src="#"/> то все работает. В чем я ошибаюсь? код главной страницы <html> <head> <link rel="stylesheet" rev="stylesheet" type="text/css" href="new.css" /> </head> <body> <div id="zone_top_right"></div> </body> </html>

    Asked by ganswild,

    0 votes
    3 answers

  22. Проблема с :hover

    Нужно сделать так, чтобы при наведении на элемент с id "а" изменялся стиль у элемента с class'ом "b". Пишу так: #a:hover .b { /* новый стиль */ } Но что-то ничего не получается. Подскажите как задать :hover правильно?

    Asked by Sandr,

    0 votes
    4 answers

  23. Нужна помощь в конфликте CSS темы и подписной формы SR

    Всем доброе время суток! Cтолкнулся с проблемой некорректного отображения подписной формы, сделанной в Новом Генераторе подписных форм сервиса SmartResponder . На сайте используется WordPress. Форма подписки некорректно отображается только в sidebar'e (на основных страницах сайта - все нормально). Связывался по этой проблеме с техподдержкой Smartresponder - они подкрутили CSS темы WordPress (ту часть, которая отвечает за sidebar), после чего форма начала отображаться корректно, НО съехали точки, которыми отмечаются категории в sidebar'e сайта - соответственно пришлось вернуть все обратно. Вопрос: можно ли что подкрутить в самой подписной форме, для корректного отображения…

    Asked by SebastianP,

    0 votes
    0 answers

  24. Лучшие цвета для восприятия текстовой информации

    Сейчас верстка завершена на 90%. Более или менее подобраны цвета, однако от некоторых людей слышал, что оформление Г и надо переделывать. Я с этим не согласен т.к. оппоненты не смогли даже пример сайта показать где, по их мнению, оформление хорошее. Я долго искал материалы по теории подбора цветов на сайт, так чтобы обеспечить максимальную легкость воспринимаемой информации и при этом, чтобы сам дизайн был приятным. Вот так выглядит сайт сейчас http://linexp.ru Ради интереса я решил сделать все в темных тонах. Вот что получилось http://postimage.org/image/jma2d8qix/full/ Мне нужна любая критика/предложения по тому как можно улучшить цветовое оформление, для более легкого …

    Asked by suliman,

    0 votes
    0 answers

  25. Twitter Bootstrap

    Подскажите, как можно встроить navbar-fixed-top панель на страницу так, чтобы стили twitter bootstrap не перебивали основные стили сайта и наоборот?

    Asked by F_Z_14,

    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