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. Вёрстка таблицами

    Часто вижу вёрстку и оформление страниц, сделанную таблицами. Не обязательно вся страница сделана, а бывает, что какой-то участок страницы свёрстан с помощью таблицы. Известно, что вёрстка таблицами это признак дурного тона, но более недостатков я не слышал. Поэтому хотел бы обсудить особенности такой вёрстки со знающими людьми. Во первых, мне кажется, что вёрстка таблицами это вполне приемлемо. Но вот что настораживает. Является ли для таблиц обязательными вложенными элементами такие теги как <caption>, <thead>, <tbody>, <tfooter> и <th>. Даже не знаю, какой последний изданный w3c стандарт есть, где описывается нужность (ненужность) этих…

    Asked by clavin,

    0 votes
    24 answers

  2. Движется хедер, а не должен.

    Делаю меню списком, меню вложено в хедер. При выставлении margin-top для меню,движется весь хедер, вместе со списком. Немного кода: #header {width:100%; height:167px; background:#353a33; position:relative;} ul{ list-style:none; background:url(images/menubg_06) repeat-x; width:1024px; height:64px; margin-top:103px;} Помогите пожалуйста

    Asked by skygazer,

    0 votes
    1 answer

  3. Отступы внут. блоков.

    Доброго времени суток! Есть проблема с отступами блока внутри блока, при попытке сделать отступ внутреннего блока вот так Html <div id="osnova"> <div id="content"> </div> </div Css #osnova { width: 1280px; min-height: 1900px; } #content { width: 1024px; min-height: 900px; margin-top: 80px; } Отступ идет от края окна браузера а не от родительского элемента. Но если добавить верхний бордер к #osnova то отступ будет нормальный (от родительского элемента) но я понимаю что это не правильно. Варианты с position: relative; top: 80px; мне не очень нравятся т.к. появляются проблемы с …

    Asked by Alex.zh,

    0 votes
    2 answers

  4. Кривое отоброжение в IE

    Не могу нормально вывести форму поиска на сайте, если смотреть оперой, мозилой, или хромом, все нормально, а в ie7 дизайн разъезжается. Помогите понять в чем ошибка. Вот адрес сайта _http://ural-as.com/ Сильно не пинайте так как новичок.

    Asked by sadko007,

    0 votes
    3 answers

  5. Парочка проблем

    Вот выложил заготовку Моя ссылка 1)Проблема следующая.. В Хроме заголовки h7 (которые красные) выглядят растянутыми по ширине.. В ИЕ все гуд... Как решить проблему? 2)Нужно сделать чтоб в левой и правой колонках, нижний контент прилип к футеру на небольшом расстоянии, не зависимо от количества контента над ним.. Как это реализовать? Должно быть как тут

    Asked by veromi,

    0 votes
    4 answers

  6. Проблемы с прозрачностью

    Суть проблемы в следующем: Есть картинка с position: fixed; z-index: -3; Рядом с ней есть блок #content с background: rgba(255, 255, 255, 0.9) в нём располагается основной контент сайта (по размерам он меньше фоновой картинки, спозиционирован и т.д.) А внутри #content есть вертикальная менюшка с float: left и на скрипте скользящая при прокрутке страницы, и вот надо что-бы эта менюшка имела границу со всех сторон 5px прозрачную, т.е. не то что б белый полу прозрачный фон, а должна быть видна фоновая картинка, которая под контентом. Чего только не придумывал и gif прозрачный и rgba и игрался с z-index (ставил у контента = -1, а у враппера менюшки = -4, у менюшки = 0) ничего…

    Asked by sfer23,

    0 votes
    2 answers

  7. Загадочный DOCTYPE

    Тренировался в вёрстке, наткнулся на интересную проблему. Делал шапку сайта с непрописанным DOCTYPE в браузере опера и всё было хорошо, но как только решил проверить с других браузеров, куда-то пропала часть элементов. Как только я прописал на страничке <!DOCTYPE html> в опере тоже пропало как у остальных. В чём может быть проблема? Как DOCTYPE может убрать элементы? Собственно вот как выглядит страница без прописанного доктайпа И с ним Собственно сайт blackspot.ucoz.ru Код шапки <header><div class="header"> <a href="http://blackspot.ucoz.ru/"><img src="/template/img/blackspot.png" alt="BlackSpotStudios" class="logo" /></a> <div…

    Asked by Ge1i0N,

    0 votes
    4 answers

  8. помогите сделать выпадающее меню

    Всем привет! У меня глобальная проблема с выпадающем меню, я очень долго уже мучаюсь с этой проблемой, нашёл кучу примеров, но как вставить именно в свой сайт понять не могу , вроде всё делаю правильно, но всё безуспешно( Помогите мне вставить это меню, дело в том, что в разделе "рубрики" это слева внизу нужно где раздел "всё о подводном мире" при наведении на него мышкой выпадало два раздела "морской мир" и "пресноводный мир", и так же при наведении на раздел "все о наших материалах" выпадало три меню: 1) Каркас 2)Стекла 3) Крышки под аквариумы ССЫЛКА НА САЙТ Помогите это сделать буду очень благодарен! Заранее спасибо!

    Asked by ZFJoury,

    0 votes
    5 answers

  9. vertical-align в li

    Здравствуйте. В общем, есть <ul class="ulSideMenu"> <?php projectList(); ?> </ul> в projectList: for($i = 0; $i < $rows; $i++){ echo "<li><a href='#'>"; echo mysql_result($q, $i, 1); echo "</a></li>"; } Проблема в том, что хочется центрировать текст по вертикали, но никак не выходит. Гугл ответа не дал. Ссылка вот: http://dg-lab.com/ (На панели слева)

    Asked by DoctorGester,

    0 votes
    0 answers

  10. table border

    В ие7 появляется такой косяк http://itmages.ru/image/view/384338/a8d8a634 <table border="0"> <table border="1" style="margin-left:0; *margin-bottom:-1px;" rules="cols" height="100%"> <table border="1" rules="cols" style="margin-left:0; margin-top:-45px; border-top:none;"> в остальных браузерах все нормально как бороться?

    Asked by necro,

    0 votes
    6 answers

  11. Двухцветный фон

    Как сделать двухцветный фон?

    Asked by Anarchist,

    0 votes
    8 answers

  12. Проблема с паддингом.

    Суть проблемы: Не могу понять поведение свойства padding. Почему когда я задаю padding sidebar'у, отступ создается за счет контента?...причем по разному действует с разных сторон, в зависимости от расположения sidebar'а. body {margin:0; padding:0; background-color:black; background-image:url('bg images/bg_body.jpg'); background-position:top center;} #container {width:80%; background-color:; margin:50px 10% 100px 10%; min-width:800px;} #header {background-image:url('bg images/bg_header.jpg'); width:100%; height:300px; border:solid 2px black;} #header_layer_one {background-image:url('bg images/bg_header_layer_one.jpg'); background-position:center; background-repeat:no-r…

    Asked by Mark Ghaphes,

    0 votes
    8 answers

  13. Скроллинг фиксированных элементов.

    Есть меню. Расположено всегда вверху страницы, то есть фиксированное. Невысокое и длинное. При узком окне на странице появляется горизонтальный скроллинг, но фиксированные элементы на него никак не реагируют. В итоге некоторые пункты меню оказываются недоступными. Нужно сделать так, чтобы это меню могло горизонтально скроллиться вместе со страницей, не используя скриптов. P.S.: Неудобство с вылазящими элементами меню я решил, путем автопереноса этих элементов на новую строку при недостаточной ширине. Ну так же как переносится текст в блоке при его сужении. Тем не менее это немного искривляет дизайн. Хотелось бы, чтобы меню оставалось ровным в одну строку.

    Asked by Arantir,

    0 votes
    2 answers

  14. Как отцентровать блоки?

    Проблема в том, что бы отцентровать последнее изображение, но и каждый ряд так же. Так как под изображением должна быть ссылка, то изображение со ссылкой приходится помещать в div. Изображения могут быть различной ширины, и помещаться в ряд столько, сколько влезет, остальные переносятся на следующую строку. Это делается просто через float: left; Но дело в том, что в каждой строке, изображения(блоки) должны быть отцентрованы, а как вы знаете, если задано float, то text-align:center уже не прокатит Собственно вопрос: Как отцентровать блоки в каждом ряде не странице? Код не обязательно, достаточно доступно изложить идею реализации. Заранее благодарен!

    Asked by Single074,

    0 votes
    2 answers

  15. Двухколоночный макет: cайдбар фиксирован контент резиновый.

    Всё. Проблему решил.

    Asked by Mark Ghaphes,

    0 votes
    0 answers

  16. по поводу книги

    Влад Мержевич, предлагает книгу по рецептам и "справочнику" по CSS. Вот рецепты я видел, а справочник не совсем понял, о чём, речь. Собственно хотелось бы узнать ради чего эту книжку стоит покупать, у меня вот по поводу "вёрстки" сотни вопросов и я хочу, к примеру, найти какие то ответы на них в этой книге - как мне соориентироваться? P.S. А вдруг под справочником понимают те два столбца на сайте, теги HTML и CSS, очень бы хотелось бы видеть комментарии по каждому, а то как бы новичка в HTML'е могут некоторые запутать и увести в прошлый век. P.P.S. В данный временной промежуток очень сложно соориентироватья в спектре знаний, даже на фоне простейшего html/css. Ещё сложнее …

    Asked by John Do,

    0 votes
    4 answers

  17. Как организовать сайт?

    Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 2007 года. Так что со мной можно и пооткровеннее Начинал с FrontPage. Сейчас сижу на Expression Web. И проблема моя вот в чём. Возьмём мой будущий сайт. Он будет на HTML. Все страницы моего сайта похожи между собой по структуре и стилю оформления. Когда верстал на FrontPage, то использовал INCLUDE (не PHP и не SSI, а какая фишка FP). Пример: <!--webbot bot="Include" tag="BODY" u-include="../header.htm" --> У меня были отдельно файлики HEADER, FOOTER, MENU и в итоговой странице я их собирал. Верстать было удобно, потому что для изменения чего-либо в шапке нужно было откр…

    Asked by anempadest,

    0 votes
    24 answers

  18. Индексация на Яндексе

    при индексации на Яндексе выдается следующее "Сервер возвращает код статуса http 403 (ожидался код 200" Что делать?

    Asked by Yarkaya,

    0 votes
    5 answers

  19. Атрибут height

    Здравствуйте! Мой вопрос по статье. Скажите, а если задать размер изображения в css, а не атрибутами тега img (в смысле те же height и width для тега img прописать в стилевых свойствах), это облегчит работу браузера или он будет вынужден вычислять размеры изображения так, как будто они вовсе не заданы?

    Asked by hike,

    0 votes
    2 answers

  20. Вертикальное меню для сайта

    помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.

    Asked by SurPaul,

    0 votes
    8 answers

  21. Тег <img> и проблемы с атрибутом alt

    Таков желаемый результат в идеале. Красным выделил осознанную ошибку в названии файла. arena.png- то как он сохранен у меня. А опечатку добавил чтобы проверить что из этого выйдет. и вышло вот что: 1. В Опере текст уходит за границу. 2. В Мазиле тексту грубо говоря, плевать на заданные параметры ширины и высоты рисунка. 3. А вот в Редакторе все четко, как и должно быть. И хочется, чтобы так было и в браузерах. Вопросы: 1) Как этого добиться? 2) Такого рода неожиданности ведь могут весь дизайн сломать в будущем. Могут ведь?-)) 3) В чем, собственно, проблема. Почему везде так по разному? Где ошибка?

    Asked by true.True?TRUE!,

    0 votes
    7 answers

  22. font face в хроме

    Здравствуйте! В сайте нада использовать нестандартный шрифт... Все как обычно через белку шрифтелку, но в хроме появляется верхний отступ который неубирается ничем для примера: Сhrome: IE 9, Opera, FF: Кто знает как убрать етот отступ или привести все к одному виду?

    Asked by Arhelmus,

    0 votes
    5 answers

  23. Отдельный блок для баннера!

    Здравствуйте! Создал сайт который целиком находится в блоке wrapper и теперь хочу создать специальное место под баннер, например такой блок можно встретить во мноджество шаблонов. Бок находится как бы отсраненно от сайта. Пробовал и так и эдак, например если блоку banner задать float:right и скажем некий margin-right или padding-right, то наш блок будет выглядить по разному в зависимости разрешения экрана пользователей. Сам же wrapper всегда по середине, вне зависимости разрешения экрана. Тут нужно как бы разместить блок для баннера с права и задать ему отступление не от окна браузера, а от самого wrapper-а Народ посоветуйте пожалуйста какой-нибудь код, так как сама логи…

    Asked by volse6nik,

    0 votes
    4 answers

  24. нечеткое изображение

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

    Asked by cyklop77,

    0 votes
    3 answers

  25. Помогите с масштабом картинки

    Помогите с масштабом картинки, вот пример Что бы картинка не сплющивалась, а обрезалась по размеру

    Asked by skoch244,

    0 votes
    1 answer

  • Обсуждения

    • 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