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. Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны

    Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…

    Asked by Arantir,

    0 votes
    2 answers

  2. Denver

    Доброе время суток ребята, Пишу свой первый сайт и возникла проблемма с Denver, которую уже второй день немогу решить и работа из-за этого остановилась. Проблемма в том, что не срабатывает команда include в рнр файле. Все файлы размещенны в папке Z:/home/localhost/www/site/www/далее файлы сайта. А именно фаил рнр2.рнр код такой: <html> <head> <title>Моя первая интернет страница </title> </head> <body> Сегодня замечательный день.<br>Я сделал своюпервую интернет страницу <br> <?php echo("А теперь я могу делать и на РНР");include("inc/top.inc");?> </body> </html> и папка inc с размещенным в нем файле top.inc П…

    Asked by tse,

    0 votes
    2 answers

  3. :hover для другого элемента

    Всем приятных праздников! Есть ссылка a { color: black; text-decoration: none; } Есть для неё hover-параметры a:hover { text-decoration: underline; color: #666699; } Есть ячейка таблицы с hover-параметрами td.menu1:hover{ background-color: #eaeaea; } Ссылка сидит внутри ячейки таблицы Никак не могу сообразить, как сделать, чтобы при наведении на ячейку (НЕ на ссылку) изменился цвет ссылки (т.е. нужно задать как бы еще один hover-параметр для ссылки, но ведь один уже задан!)

    Asked by Coder_D,

    0 votes
    5 answers

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

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

    Asked by cyklop77,

    0 votes
    3 answers

  5. Шрифты для WEB

    Здравствуйте.Хочу попросить у вас совета по поводу грамотного использования шрифтов при верстке.Что почитать,куда посмотреть,кого спросить...буду признателен за каждый ответ.Спасибо

    Asked by Vollmond,

    0 votes
    7 answers

  6. Смена цвета текста при наведении на div с картинкой и текстом...

    Доброго времени суток! Проблема заключается в следующем: есть DIV в котором размещены картинка и текст. Мне нужно сделать это всё как ссылку для открытия модального окна (это сделал) и чтобы текст менял свой цвет. Вот отрывок кода: PHP <span class=\"span_link\" onclick=\"ShowModalbox()\"> <div style=\"width: 100px; height: 100px;\"> <img src=\"".$prev_link."\" style=\"padding-top: ".$marg_top.";\"> </div>".$product['product_name']." </span> CSS A:link, A:visited , .span_link { cursor: pointer; text-decoration: none; color: #6593CB; } A:hover, a.botlink:hover, .toplink:hover, a.copyright_link:hover, .close_link:hover, .span_link :hove…

    Asked by JAGUAR4uk,

    0 votes
    3 answers

  7. Плавное изменение картинки при наведении мыши

    Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN" "http://www.w3.org/TR/html4/strict.dtd" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…

    Asked by Klaus,

    0 votes
    4 answers

  8. font face в хроме

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

    Asked by Arhelmus,

    0 votes
    5 answers

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

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

    Asked by true.True?TRUE!,

    0 votes
    7 answers

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

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

    Asked by Single074,

    0 votes
    2 answers

  11. Растягивание фона

    Здравствуйте, форумчане! Имеется сайт с приблизительно такой структурой: <table> <tr> заголовок </tr> <tr> <table> <tr> <td>левая колонка</td> <td>центр</td> <td>правая колонка</td> </tr> </table> <tr>подвал</tr> </table> Ширина колонок и центра постоянна, длина меняется. Задача: добавить фоновую картинку. Так, чтобы она была за обеими колонками и центром, и растягивалась в зависимости от их длины. Решение: после долгих поисков и проб нашел более-менее сработавший способ, добавил перед левой колонкой ячейку: <td height="100%" width="1050" valign="top" style…

    Asked by SAURONoff,

    0 votes
    2 answers

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

    Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 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

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

    помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "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

  14. Атрибут height

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

    Asked by hike,

    0 votes
    2 answers

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

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

    Asked by John Do,

    0 votes
    4 answers

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

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

    Asked by Mark Ghaphes,

    0 votes
    0 answers

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

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

    Asked by Arantir,

    0 votes
    2 answers

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

    Суть проблемы: Не могу понять поведение свойства 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

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

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

    Asked by Anarchist,

    0 votes
    8 answers

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

  21. Проблема с формой заказа

    Спасайте дорогие граждане! Решил сделать форму заказа и освоить PHP, посмотрел пример, добавил что нужно, теперь полная Ж , Помогите исправить, или просто дайте ссылку где можно взять нормальную. Ссылка на сайт -ССЫЛКА>>>>> Заранее всем спасибо! Жду с нетерпением! ДА и вот файл обработчика сам PHPи <? $headers .= "Content-type: text/html; charset=Windows-1251\r\n"; if(!isset($pryamoygol)){$pryamoygol="нет";} if(!isset($yglovoi)){$yglovoi="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($mnogogrannik)){$mnogogrannik="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($steklo_optiwhite)){$steklo_optiwhite="нет";} if(!isset($steklo_m1)){$ste…

    Asked by ZFJoury,

    0 votes
    10 answers

  22. Переделать структуру сайта без последствий с поисковиками

    Здравствуйте! Всех с прошедшими праздниками! Вопрос вот в чем: Необходимо изменить структуру сайта. Тобиш статьи которые сейчас на третьем уровне перевести на второй. Как переводить сами статьи понятно, а как сделать чтоб они из индекса не выпали? url сменится только на -1 вложение. Как бы понятно, что редирект нужен, только какой лучше? (статей не много всего около сотни) но все равно жалко если выпадут! Заранее благодарен.

    Asked by Leonidk,

    0 votes
    2 answers

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

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

    Asked by ZFJoury,

    0 votes
    5 answers

  24. Загадочный 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

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

    Суть проблемы в следующем: Есть картинка с 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

  • Обсуждения

    • 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