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. Классы это хорошо?

    В общем в вёрстке используется десятка два span, и все они одинаковы по стилям. Как лучше, в стилях написать span {}? или задать спану класс? как правильней? писать класс для каждого спана - лишний код, но может, так сказать, по этике вёрстки правильней их присваивать

    Asked by angel12,

    0 votes
    3 answers

  2. Как сделать это без помощи php?

    Привет всем! У меня возник вопрос такого рода: Я уже практиковал php+mysql для создания блогосайтов, но! Но, например, если на странице(где новости) новостей становилось больше n штук то они попадали на 2ую и так далее, с помощью php, но такие страницы имеют вид site.com/news.php?s=n, но я встречал и такого типа site.com/index/Page/n. Вопрос в том как такое сделать и с помощью чего? Чтобы автоматически добавлялась страница в папку page или что? Спасибо всем.

    Asked by abe,

    0 votes
    2 answers

  3. Карта изображений при помощи CSS

    Карта изображений при помощи CSS На скрине показано, как это работает - 1. Загружено фоновое изображение. 2. При наведении на любой черно-белый сектор картинки применяем hover, это просто украшаловка. 3. При наведении на цветные участки имеем ссылку на нужный вам ресурс. В данном примере три условных поля: - на главную - новости - контакты Полей может быль сколь угодно много, не проблема. В архиве Map_CSS.rar (193 Кб), 4 файла - - index.html - style.css (tooltip + mapimage) - karta.png - karta_hover.png Стили меняются под ваши нужды без всяких проблем. Кроме html и css больше ничего не применяется, никаких скриптов. CSS: body { font-weight: bold; font-style: …

    Asked by Aleksty,

    0 votes
    4 answers

  4. Некорректное отображение таблицы в IE6

    Всем привет. Имеется вот такой html-код <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…

    Asked by tvolf,

    0 votes
    2 answers

  5. в IE 7 блок растягивается на всю ширину

    Добрый день! Очень прошу помощи. Есть сайт Pnrt.ru В IE 7 (и наверное выше) на главной странице все отображается нормально (практически). Но стоит зайти по одному из пунктов меню (новости, объекты , статья), основной блок расширяется на всю страницу, а меню уходит вниз. Весрткой занималась не я и мои знания недостаточны, поэтому подскажите пожалуйста, что исправить, чтобы меню было справа, как на главной странице.

    Asked by airiz,

    0 votes
    0 answers

  6. Закругленные уголки в IE

    Закругленные уголки в IE В какой-то момент возникла проблема с отображением закругленных уголков в IE, как и у многих наверное. Использовать картинки было нежелательно, так как широко использовался hover, который зацеплял, в 90%, как раз бордеры. Долго копался в сети, выбирая среди множества решений, пока не нарвался на одну статью, не помню уже где, но суть ее в следующем - реализация закругленных уголков в IE, осуществляется за счет подключения библиотеки HTC. Нужно просто разместить в корне сайта (у меня в папке htc) некий скрипт. Скрипт приводился в этом же примере. Кстати, в интернете можно найти решения и других проблем с IE на основе этой библиотеки! HTC: --Do n…

    Asked by Aleksty,

    0 votes
    5 answers

  7. карта города

    Прошу совета ! Задача такая есть карта города, нужно сделать выделение района при наведнии и при нажатии переход на ссылку вида site.ru/flats/all/side/ название района города. как лучше реализовать ??? просто если бы формы картинок были прямоугльные сделал бы дивами и менял бекгроунд а так не могу придумать как седлать . Заранее спасибо

    Asked by to0n1,

    0 votes
    4 answers

  8. border-collapse; hover

    Только начинаю изучать основы создания сайта, поэтому основной задачей для себя считаю изначально разобраться в логике, синтаксисе (если я правильно употребляю этот термин в данном контексте), а творческие амбиции храню на потом. В связи этим у меня и вопрос. Черпая в очередной раз полезную информации с этого замечательного сайта, наткнулся на стилевое свойство - border callpse и его значение - callpse, что могло послужить замечательным решением одной, недавно возникшей проблемы. Быстро сворганил меню(рис1): - рис.1 - рис.2 - рис.3 но при наведении на второе(рис.3) и последующие разделы меню, цвет меняет только правая часть рамки, а по логике должна и левая меняться к…

    Asked by Vaseech,

    0 votes
    1 answer

  9. z-index в ie7

    В =<IE7 дерево по z-индексу лежит выше, чем трава, но в ослике почему-то это не работает, и трава перекрывает дерево. Пробовал поиграть со значениями, позиционированием, но исправить так и не удалось. Линк

    Asked by flagreit,

    0 votes
    10 answers

  10. Пролема с горизонтальным меню в Хром

    Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <div class="menu"> <ul> <li class="company"><a href="#">О КОМПАНИИ</a></li> <li class="services"><a href="#">УСЛУГИ</a></li> <li class="portfolio"><a href="#">ПОРТФОЛИО</a></li> <li class="information"><a href="#">ИНФОРМАЦИЯ</a></li> <li class="contacts">&l…

    Asked by dimacat,

    0 votes
    5 answers

  11. Макет для сайта

    Как сделать вот такой дизайн. Вот такого плана.

    Asked by angelShlesser,

    0 votes
    13 answers

  12. Блоки новостей. Как семантичнее верстать?

    Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

    Asked by novicheG,

    0 votes
    22 answers

  13. Не закругляется бордер у таблицы

    Фон закругляется, а бордер нет. Проблема решается удалением "border-collapse: collapse" у table, но без этого свойства никак. Или же можно включить table в блок, и уже ему, а не таблице, задать бордер. Но можно ли как-то обойтись по-другому? как заставить таблицу закруглять уголки? опыта с таблицами практически никакого. Спасибо, заранее. Линк

    Asked by flagreit,

    0 votes
    3 answers

  14. помогите решить проблему со слайдером

    В общем есть слайдер http://ksergey.com/uploads/demos/demo_1/index.html мне нужно поверх слайдера наложить меньшую картинку, чтоб она не менялась. как это сделать?

    Asked by MrPupkins,

    0 votes
    6 answers

  15. Вопрос о <textarea>

    Если есть поле <textarea>, как запретить его растягивание и разрешить только вертикальную прокрутку?

    Asked by chest,

    0 votes
    25 answers

  16. Применение стиля у таблицы при обнуление *

    На сайте так обнуляеться в стилях все: * { margin: 0px; padding: 0px; } И когда создается контент, на страницу к примеру таблица и в теге table указываются отступы и прочее, то они не работают: <table border="1" bordercolor="#FFFFFF" cellpadding="10" cellspacing="0" width="100"> Как быть, чтобы все обнулялось, но в таблице нет?

    Asked by okunev2,

    0 votes
    4 answers

  17. Выпадающее меню с помощь списка определений

    Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…

    Asked by Lisitsa,

    0 votes
    8 answers

  18. проблема с ie

    Начал верстать, в фф, хроме, сафари выглядит все нормально в ie просто жесть какая-то. Посоветуйте как быть, пожалуйста. http://pilllaws.com/omg/

    Asked by rusmn,

    0 votes
    1 answer

  19. Минимальная ширина и высота в экспловере.

    Как сделать минимальную ширину и высоту в экспловере?

    Asked by new01,

    0 votes
    5 answers

  20. Сложная таблица..

    Привет! Хочу сделать таблицу следующего вида: В первой строке три столбца Во второй строке один столбец растянутый на три верхние, делаем это через colspan, но при этом вторая строка должна быть соединена с центральной ячейкой первой строки.. Попробовал вот так, не получилось <table width='100%' cellpadding='5' cellspacing='0' height='100%' border='1'> <tr valign='top'><td width='10%'> [#left] </td> <td id='center_content' rowspan='2'> [#content] </td> <td width='10%'> [#right] </td> </tr> <tr><td colspan='3'> </td></tr> </table>

    Asked by Беркут,

    0 votes
    5 answers

  21. Прошу советов по верстке меню (Joomla 1.5)

    Всем привет! В общем дали шаблон с горизонтальным меню и индивидуальными картинками к пунктам: Все просто - картинка сверху, текст снизу... Сперва впервые сделал на жумле 1.6, там все быстро получилось 0_о, имхо - 1 вариант отображению меню - список и ковыряй... Потом решил повторить тоже самое на 1.5 и... ничего не получается... Не знаю, есть ли смысл кидать код - не знаю какой выбрать режим... Как бы вопрос скорее к тем, кто делал подобное на жумле...

    Asked by Игорёk,

    0 votes
    6 answers

  22. Вопрос по сохранению в MacromediDreamweaver 2004

    Как в MacromediDreamweaver 2004 v7 сделать, чтобы файлы по умолчанию сохранялись с расширением .html , а то у меня при сохранении получаются .htm

    Asked by chest,

    0 votes
    10 answers

  23. Как оцентровать div

    Добрый день. Есть страница http://tdsol.ru/?page_id=126 на ней таблица, под таблицей 2 строки текста. Но из за того, что боковые divы закончились раньше текст разъехался. Подскажите, как его оцентровать относительно среднего diva?

    Asked by pix_l,

    0 votes
    4 answers

  24. Отступ между строками таблицы

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

    Asked by Victor Ananiev,

    0 votes
    17 answers

  25. Скорость работы

    Я 1.5 года занимаюсь версткой, сначала из любопытства html изучил, потом увидев csszengarden.com занялся изучением css и верстки в целом. На сегодняшний день вроде бы не плохо справляюсь, много читаю и практикуюсь и собираюсь в этом году заняться версткой как основным видом деятельности, и вроде бы, все хорошо, но волнует один вопрос: какое время нужно тратить на выполнение той или иной задачи? Просто я привык все делать медленно, отдавая внимание разным мелочам, порой даже с каким-то извращенным педантизмом могу весь выходной ковырять простой макетик, пытаясь довести его до субъективного совершенства что, конечно, не радует. Тут вот 3 макета форумных, хотелось бы унзнать…

    Asked by zSpx,

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