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. Как задать непрозрачный фон ( background-color: #ffe;)

    Здравствуйте ! Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя. Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-( Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо: <style type="text/css"> BODY { background: #EEFFFF; } .menu1 { font-size: 16pt; font-weight:700; font-face: Arial; } .in2 { z-index:2; /* float: left; Обтекание врезки по правому краю */ width: 200px; /* Ширина врезки */ background-color: #ffe; /* Цвет фона */ padding: 15px; /* Поля вокруг картинки */ margin: 5px 15px 0 130…

    Asked by Win-ni,

    0 votes
    4 answers

  2. Почему не приходят сообщения с формы обратной связи

    Здраствуйте я сделал на сайте форму обратной связи (чтобы пользователи могли отправлять мне сообщения). При отправке сообщений скрипт выводит, что сообщение отправлено, но сообщения не приходят на почтовый ящик. Перепробовал несколько готовых скриптов и почтовых ящиков, сообщения отправляются, но не приходят. В чем проблема кто знает?

    Asked by epic,

    0 votes
    4 answers

  3. Горизонтальный список с подпунктами

    Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…

    Asked by klim_off,

    0 votes
    4 answers

  4. Текс поверх картинки

    Итак, есть картинка, с одной стороны разделил её части на ссылки, а другой хочу зделать текст поверх картинки. Раньше картинка шла как фон и на нее легко накладывался текс, но тепер решил что-бы части той фоновой картинки были ссылками но и тот текс который был остался на своем месте. (части картинки, которые используются как ссылки, и сам текст не накладаются друг на друга) Как так зделать?

    Asked by xrated,

    0 votes
    4 answers

  5. баг или ошибка

    В общем, ситуация следующая: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…

    Asked by denidip,

    0 votes
    4 answers

  6. Помогите с сайтом тоже

    Доброго времени уважаемое сообщество. Постораюсь попорядку. Залил на хост скрипт партнерского магазина (не для рекламы) Все работает прекрано. Есть PHP- стрраница где есть место для рекламы, закачиваю в указаное место скрипт GooglyAdsense. Сам рекламный блок работает в норме, а вот что вокруг (Наш прайс. ) Я так понимаю, что получается не совместимость в кодах. В HTML документе все ясно , а вот как можно определить в PHP файле в каком формате все прописано? - PHP файл от сайта , скрипт рекламного блока внутри обернутый <body>.... вот. <?php /* Выше этой строки в файле ничего не должно быть */ # Внутри этого контейнера может быть только HTML код и пер…

    Asked by wwpspace,

    0 votes
    4 answers

  7. Почему при переносе списка li нет отступа

    Добрый день Вот вродибы уже не первый год занимаюсь html и css но вопрос завёл в тупик. Почему при переносе списка LI на новую строку изчезает отспут, который есть у первой строки. Паддинги с маржинами перепробывал, они двигают весь блок LI. Вот скрин в приложении Подскажите пожалуйтса, как вторую строку выровнять на уровень первой? Заранее спасибо большое

    Asked by artpol,

    0 votes
    4 answers

  8. Проблема с height в таблице

    Привет! Ситуация след. Таблица - три столбца, три ячейки в левом столбце, по одной во втором и третьем столбце Нужно: 1-я ячейка левого столбца - background-image height:100%; repeat-y 2-я ячейка левого столбца - background-image height - fixed, width - fixed 3-я ячейка левого столбца - background-image height - fixed, width - fixed Дабы не запутаться, привожу код: <table cellspacing="0" cellpadding="0" align="center" style="width:1300px;"><tr> <td class="leftsidea"></td> <td rowspan="3"> <div id="bodycenter"> </div> </td><td class="rightside" rowspan="3"> </td></tr> <tr><td class="l…

    Asked by freesoul,

    0 votes
    4 answers

  9. position:absolute в ИЕ

    В блог на вордпрессе добавлял колонку (сайдбар) слева, в php все сделал, в css выкрутился так position:absolute во всех браузерах отрабатывает как надо, а вот в ИЕ 7 и 8 (подозреваю что и в других версиях тоже) никак, сайдбары наслаиваются , пример http://sanatar.ru . Отдельные стили (хаки) для ие не использую. Подскажите как можно выкрутиться с левым сайдбаром в ИЕ?

    Asked by sanat,

    0 votes
    4 answers

  10. Мне нужно добавить Язык в мой сайт

    привет всем У меня сайт на писан на русском языке меню ну все я бы хотел спросить у знающих людей Как мне можно добавить английский язык что бы можно было переключать Русский и английски.. Если можно и еще добавить языки иностранные любые вот хотя бы примеру как на этом сайте в самом внезу можно переключать с английского на русский

    Asked by Gera=,

    0 votes
    4 answers

  11. Проблемы с IE и Mozilla

    Господа! Прошу помочь мне с проблемой кроссбраузерности сайта. Сайт прекрасно отображается в Opera, а с IE и Mozilla - значительные косяки( Дизайн RIPал сам, поэтому такая вот проблема. Сайт UCOZный! Сcылка: http://klons.ucoz.ru/ 3aранее спасибо)

    Asked by Wzlomshik,

    0 votes
    4 answers

  12. Центрирование содержимого DIV

    Всем привет. Столкнулся с небольшой проблемой и никак не могу ее разрешить. Помогите, пожалуйста! Допустим, у нас есть контейнер .content внутри которого текст и небольшая галерея. У меня никак не получается выровнять содержимое content по центру. Margin:0 auto для content не помогает. Text-align выравнивает только текст. Пробовал взять img в <p> - результата не принесло. В общем, вопрос пустяковый, но он никак мне не дается. Дайте совет. p's: поиск по форуму почему-то не работает. <head> .content { width:60%; float:left; } .gallery { float:left; margin:4% 7% 4% 0; } .gallery2 { float:left; margin:5% 7% 0 10%; } .gallery P { margin:0 auto 5px; text-align…

    Asked by Sedli,

    0 votes
    4 answers

  13. Ролловер. Работает в FF, Chrome, Safari. В IE8 - нет :)

    Сделал ролловер : <div id="Tools"> <ul> <li><a href="#"><span>aаааа</span></a></li> <li><a href="#"><span>bbbbb</span></a></li> <li><a href="#"><span>ccccc</span></a></li> <li><a href="#"><span>ddddd</span></a></li> </ul> </div> Стили: #Tools { width:180px; height:400px; background-color:white; float:left; padding:20px 0 0 20px; } #Tools ul { list-style-type:none; } #Tools a, a:vis…

    Asked by Afrika,

    0 votes
    4 answers

  14. Паспарту с текстом

    Здравствуйте! Занимаюсь дизайном собственного сайта об автомобилях (Пример проблемной страницы), а так как сайт научно-популярный, то кроме паспарту делаю подрисуночные надписи, но их текст искажает размеры паспарту. Хочу, чтобы текст не выходил за границы рисунков. Как вариант можно фиксировано задавать ширину каждого блока, но все рисунки разного размера - это очень трудоёмко. Кусочек html кода с рисунком <div class="picturebox"> <img src="umenchenie_massy_auto/dvigatel.jpg" alt="Двигатель, расположенный в задней части автомобиля в едином блоке с коробкой передач и главной передачей" title="Двигатель, расположенный в задней части автомобиля в едином блоке с …

    Asked by Red_baron,

    0 votes
    4 answers

  15. Добрый день. Помогите новичку.

    Добрый день. Помогите новичку. Вот сделал страничку и проблема в том, что на ней есть по краям сайта так называемые рисунки, которые должны оставтася по краям экрана все время. так вот верхние остаются и нижние нет. Каким образом можно сделать это? И как сделать, что бы логотип всегда был по середине страницы полностью. вот сатйт - http://stepan.rao.lv/

    Asked by Feaire,

    0 votes
    4 answers

  16. Некорректно отображается маркер списка

    Добрый вечер! Столкнулся со следующей проблемой: некорректно отображается маркер списка исключительно в опере, при том что в фаерфоксе, эксплорере и хроме всё как и должно быть. Выглядит это следующим образом: Это такая особенность оперы, или с этим можно что-то сделать? Подскажите пожалуйста. Вот css на всякий случай: ul li.collapsed { list-style-image: url("../images/plus.png"); } ul li.expanded { list-style-image: url("../images/minus.png"); }

    Asked by trololo,

    0 votes
    4 answers

  17. Проблема с якорем

    Есть трехколоночный макет. Все три колонки одинаковой высоты сделаны с помощью padding-bottom:20000px; margin-bottom:-20000px; и overflow:hidden; position:relative; у родительского контейнера. В центральной колонке есть посты, в которых используются якоря. Если переходишь к одному из якорей через строку адреса, то браузер не опускает окно ниже, к посту. Он перетаскивает непосредственно контентную часть вверх окна. Т.е. сам пост. И всё что было до него - режется. P.s. если убрать overflow:hidden, то тогда становится всё ок, но внизу появляется пустое пространство в 20000px. В чем может быть проблема?

    Asked by deMiX,

    0 votes
    4 answers

  18. Как уменьшить блок

    Добрый день. Помогите сделать, чтобы скролл не зарезался снизу. http://jsfiddle.net/RQfGm/ HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <body> <div id="wid">fixed</div> <div id="wrapper"> <div style="height: 1000px;"></div> </div> </body> </html> CSS: html, body { overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; } #wid { height: 40px; background: red; z-index: 10; width: 100%; } #wrapper { height: 100%; overflow: auto; position:relative; width: 100%; }

    Asked by yarikus,

    0 votes
    4 answers

  19. Линейка

    Я знаю, что есть линейка которой можно мерить расстояние между элементами прямо в браузере, подскажите откуда взять данную вещь.

    Asked by epog333,

    0 votes
    4 answers

  20. Запрет обтекания блока справа

    Здравствуйте. Есть три блока (картинка) Все три с float:left; При этом нужно, чтобы блок 3 не забирался на блок 2, а был либо под ним, либо под третьим (в зависимости от ширины окна) Я пытался запретить обтекание второго блока справа так: clear: right; Результатов не даёт. Если ставить после второго блока <br clear="both" />, то третий перескакивает сразу под первый, что тоже не подходит. Знает ли кто-нибудь, как это можно сделать? Код странички <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Float</title> <style type="text/css"> …

    Asked by Kostia,

    0 votes
    4 answers

  21. Высота ячейки меньше чем ее содержимое.

    Как можно(если можно) уменьшить высоту ячейки таблицы и сделать ее меньше чем ее содержимое? Если задавать ячейке свойство height то это будет минимальное значение, которое в случае если содержимого в ячейке больше просто игнорируется. Пробовал в связке с overflow: hidden; задавать height: и max-height:, с разными доктайпами и вообще без доктайпов, не получается. Цель ячейка в строке .description: <tr class="offer"> <td class="name"><i>вввввв</i></td> <td class="time">10</td> <td class="price">35</td> </tr> <tr class="description"> <td colspan="3">ТАОТАВОТМАОЛТМАЛОТ</td> </tr>

    Asked by rediskavet,

    0 votes
    4 answers

  22. Expression для min-width в IE6

    Может кто-нибудь объяснить, чем отличаются эти expression-ы? width:expression(document.body.clientWidth < 980? "980px": "auto" ); width:expression(document.documentElement.clientWidth < 980? "980px" : "auto" ); Первый вариант предлагается повсюду в сети для решения проблемы с min-width в IE6, но у меня он не желал работать. Второй вариант заработал сразу. С чем это связано? П.с. psywalker, спасибо кстати, второй вариант нашла в твоих сообщениях тут)

    Asked by Dinow,

    0 votes
    4 answers

  23. Поиск по календарю на сайте

    Подскажите, пожалуйста, как организовать поиск по дате. Примерно, как здесь http://meloman.ru/?id=9&search[d0]=26&search[m0]=02&search[Y0]=2011&search[d]=26&search[m]=02&search[Y]=2011&PAGE=1 Видимо, каждому мероприятию добавляется якорь одинаковый для всех, что относятся к одной и той же дате. При щелчке по этой дате в календаре, все мероприятия, назначенные на эту дату, выводятся на одной страничке. Спасибо.

    Asked by yoot,

    0 votes
    4 answers

  24. ie6 и 3px

    Люди добрый, помогите! Возникла такая проблема: Есть следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <link rel="stylesheet" type="text/css" href="main.css"> <body> <div id="outer_wrapper"> <div id="wrapper"> <div id="header"> <div id="header_up"> <div id="header_up_part1"> </div> <div id="header_up_part2"> </div> <div id="header_up_part3"> </div> <div id="header_up_part4"> <!-- Search --> </div> <div id="header_up_part5"> </div> <div id="header_up_rubbe…

    Asked by redhawk,

    0 votes
    4 answers

  25. Помогите решить проблему с z-index

    Суть вот в чем: есть рамка - #frame, и есть блок изображений, который должен находиться под рамкой - #img_box Проблема заключается в том, что блок изображений с упорством, достойным лучшего примерения, отображается сверху. Вот HTML: <div id="frame"> <div id="img_box"> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> </div> </div> ССS: …

    Asked by Mila,

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