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. Сьезжает структура

    Товарищи, подскажите, третий день парюсь. Почему здесь едет структура. Дело в схлопывании ul? Нужно чтоб ниже 3-х колонок ссылок шла типичная 2-х колоночная структура . помогите разобраться.

    Asked by SergeyVM,

    0 votes
    14 answers

  2. Проблема списка в IE6 и IE7

    Есть сайт который работает нормально везде, кроме ослика и его старшего брата. Вот в чем проблема, список начиная с атласной ткани должен идти без фоновой картинки. В остальных браузерах отображается как надо. И есче, почему то уходит правая фоновая картинка куда-то? Помогите разобраться, спасибо.

    Asked by mazhar,

    0 votes
    8 answers

  3. Содание страницы с расстановкой текста

    Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.

    Asked by antonios,

    0 votes
    16 answers

  4. след от фонаря

    Доброе время суток. Нужна помощь. Хочу сделать следующее: Вся верстка сайта была закрыта полупрозрачным фоном, а вокруг мышки был прозрачный круг, будто свет от фонаря, а все остальное в тени. Свет от фонаря постоянно находятся там где курсор мышки. На сколько я понимаю это можно сделать с помощью CSS и возможно немного JavaScript, но как, это уже тяжелее, подскажите

    Asked by Pavlov___,

    0 votes
    11 answers

  5. hover + first-letter

    Ну собственно очень хочется сделать чтобы при наведении на Link получалось что то такое: Link, а как этого добиться я что то не могу сообразить. вот как то A:hover > A:first-letter {color: red;} неработает. PS я новичок

    Asked by XiBOR,

    0 votes
    7 answers

  6. выравнивание изображения в ячейке

    добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus

    Asked by alazankin,

    0 votes
    7 answers

  7. Загрузка сайта в хостинг

    Здравствуйте. Кто зарегистрирован на хостинге prosto.1gb.ua, помогите. Не могу загрузить свой сайт на хостинг. Все регистрации выполнены, домен зарегистрирован. Нужно просто открыть свой сайт.

    Asked by Elisa Day,

    0 votes
    1 answer

  8. Не могу убрато отступ

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

    Asked by TrilLiaN,

    0 votes
    6 answers

  9. блоки в div-е уезжают вниз

    есть вот такой код: <html> <style> div.content { border: 1px solid #000; } div.content a.foto { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 295px; height: 110px; border: 1px solid #000; background: #d7e8fc; } div.content a.foto:hover { background: #a0a0a4; } </style> <body> <div class="content"> trololo<br> trololo<br> trololo<br> <a class="foto" href="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png"><img src="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png" /></a> <a class="foto" href="http://www.google.com.ua/intl/en_com/imag…

    Asked by stalker_2000,

    0 votes
    3 answers

  10. colgroup

    <table> <colgroup span="1" style="text-align: right; color: green; background: gray;"> <colgroup span="2"> <tr class="lvl1"> <td>Параметр</td> <td>Значение</td> <td></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> в пустой странице, других стилей и т.п. нет. Кто-нибудь может объяснить, почему цвет к фону применяется, а вот позиционирование текста и цвет текста - не работает ?

    Asked by Razor,

    0 votes
    5 answers

  11. Не получается добавить изображение в шапку сайта

    Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу. Собственно, есть сайт. Таблица стилей там и всё как положено. Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ... Представлю скрины: 1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения. <img src="" border="0" class…

    Asked by ProRus,

    0 votes
    29 answers

  12. загрузка фотографий как на faceboook.

    здравствуйте. как сделать загрузку фотографий, как на facebook. там java плагин. хочется что-нибудь подобное с плагином или без него. спасибо заранее.

    Asked by arthur.a,

    0 votes
    0 answers

  13. Отличие css2 от css2.1 (шрифты)

    Заметил, что свойства шрифтов в спецификации CSS2 задаются несколько иначе чем в CSS2.1. Какую спецификацию верстальщику необходимо взять за основу? В спецификации CSS2 есть такие свойства шрифтов, как font-size-adjust и font-stretch. В CSS2.1 их уже нет. Куда они делись? Поддерживают ли их современные браузеры?

    Asked by clavin,

    0 votes
    1 answer

  14. Плавающая картинка в блоке

    Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…

    Asked by Колос,

    0 votes
    7 answers

  15. Растягивает страницу

    Ну вот собственно и проблема: Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции code class="html" вот стиль code.html {display: block; text-align: left; padding: 2px; border:1px dotted #6633FF; border-left: 2px dotted #6666FF; max-height: 200px; overflow: auto; font-size: 10pt; background: url(/img/code_fon.gif);} По идее должно всё работать, а не катит( вот скрин: http://s48.radikal.ru/i121/1007/a1/9e6391e5f40b.png нетрудно догадаться что с права должен быть ещё контейнер но его утащило, растянуло на всю страницу причём код с пробелами и должен был отступить, даже если нет поч overflow: auto не работает как надо??

    Asked by ВэйДлин,

    0 votes
    7 answers

  16. убил компилятор

    Снова наломал дров, два дня уже не могу решить проблему, вроде типичная, вроде раньше разбирался, да все не получается. Значит осваивал я Java спокойно, никого не трогал, писал всякую шнягу потихоньку, но вот однажды что-то сделал и теперь компилятор (javac.exe), весит ровно 0 байт, при попытке зафигачить класс выдается сообщение, что javac.exe не является приложением win32, ну и в cmd говорится, что отказано в доступе. Система Windows XP SP2 PATH прописан правильно, команды все тоже верно пишу, проверял на тысячу раз. Много где встречал расписанное решение этой проблемы, только нигде не было упоминания о том, что javac.exe весит 0 байт и все решалось правильной настройк…

    Asked by Игорь Ермаков,

    0 votes
    6 answers

  17. Не правильное отображение в IE

    Здравствуйте! Помогите пожалуйста разобраться с вопросом. Сейчас попробую сформулировать. В общем, архитектура сайта такая: Основная часть занимает 800 px (левый сайдбар - 200px, и основная часть 600px). А вот по бокам оставлены колонки, ширина которых не проставлена. То есть задумано так, что 800 px будет по центру, а размеры боковых частей будут формироваться автоматически в зависимости от разрешения экрана. В мозиле и опре всё работает без проблем. А вот IE это судя по всему не понравилось. на форуме нашел несколько похожих проблем, но проблему решить не удалось. Сайт: _www.vel-les.ru. Может кто сталкивался, правда, очень нужна помощь.

    Asked by tishka,

    0 votes
    4 answers

  18. Горизонтальное меню в IE6

    Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…

    Asked by d0ublezer0,

    0 votes
    23 answers

  19. Минимальный фиксированный размер средней ячейки, при заданной ширине таблицы 100%

    Подскажите. Имеется таблица из трёх колонок, структура такая: <table width="100%"> <tr> <td background="image_1.gif" width="480"> </td> <td background="image_2.gif"> Небольшой текст </td> <td background="image_3.gif" width=""> </td> </tr> </table> Как сделать фиксированную ширину ячейки, допустим, что бы при уменьшении окна браузера, средняя ячейка уменьшалась по ширине не меньше 300px. ???

    Asked by rusLAN,

    0 votes
    19 answers

  20. Флеш баннер в Html

    Такая загвоздка! Нужно поставить флеш баннер на сайт. Что мне прописать в html коде чтобы он отображался на сайте? И как мне его поставить в определенное место на странице? Если кто знает расскажите а то я новичек в этом деле!!!

    Asked by money121,

    0 votes
    2 answers

  21. разница в размерах в фотошопе и при верстке

    Здравствуйте. Помогите пожалуйста, сам уже туплю))). Вот кусочек макета из фотошоп: желтым кружочком выделено расстояние, измеренное инструментом "линейка", приблизительно 80px, размер шрифта - 11px. То есть список ссылок должен отступать от надписи "subscribe to:" на 11 px, или от начала главного контейнера на 80px. Это то, что получается в итоге. И я уже сломал весь мозг, почему так!! Чтобы не громоздить тут свой код, я выложил проект на хостинг: http://www.zhuravlik.b13.su/. Уважаемые спецы, помогите неофиту))) з.ы. еще пара второстепенных вопросов 1. Правильно ли я сделал, что создал topleftmenu, вместо того, чтобы на каждый див заново задавать отступ сверху и цвет/…

    Asked by zhuravlik,

    0 votes
    4 answers

  22. Спрайт png24 - проблема в ie6

    Задача: Есть полупрозрачная кнопка. При наведении - подсвечивается. Решение: Делаю спрайт. Через clip() и позиционирование на ховер меняю стили. Везде работает, кроме как в ie6. Не работает именно из-за прозрачности. Как только ставлю фильтр - всё, не пашет. Причём не могу понять закономерность - в одном проекте работает - в другом - нет. Есть ли какие-нить ограничения, нюансы?

    Asked by DjTarik,

    0 votes
    12 answers

  23. Смена стилей при наведении на таблицу

    Проблема в том как сделать, чтобы при наведении курсора на таблицу менялись стили у тегов <td>, находящихся в данной таблице. Простыми средствами я так понял это не решить, может кто поможет. вот изначальная таблица: <table> <tr> <td class="a1"> </td> <td class="a2"> </td> <td class="a3"> </td> </tr> <tr> <td class="a4"> </td> <td class="a_c"> CONTENT </td> <td class="a5"> </td> </tr> <tr> <td class="a6"> </td> <td class="a7"> </td> <td class="a8"> </td> </tr> </table…

    Asked by Avel_Mink,

    0 votes
    4 answers

  24. Стиль ссылки текущей страницы.

    Есть сайт с ссылками-меню в виде списка из 5 пунктов ведущих на свою страницу: Link 1 Link 2 Link 3 Link 4 Link 5 Этот список включил в документ на главное и на каждой из 5 страниц <? include(menu-block.php'); ?> В стилях прописан: a:active {color: #000000; text-decoration:none;} По идее, находясь, к примеру, на второй ссылке, вид меню должен быть таким: Link 1 Link 2 Link 3 Link 4 Link 5 Но в меню все-равно все ссылки подчеркнут. Что не так делаю?

    Asked by SHo,

    0 votes
    17 answers

  25. Стиль списков в ИЕ

    Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?

    Asked by SHo,

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