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. Проблема с отображеннием сайта в google hrom

    Здравствуйте друзья, сразу скажу, опыта в сайтостроении у меня мало. Вот решил проверить свой сайт в google hrom и, о ужас В верху страницы у меня таблица в которой расположено много чего, и фон всей этой таблицы почему то гугл отображает "желтым" при этом всему сайту задан цвет #0066ff. Че я только не делал, и никак не могу понять как это исправить. Вот посмотрите на это сами Да и забыл совсем сказать, что это проявляется только когда страница полностью загрузится. Попробовал полазить через hrom по знакомым сайтам, так еще на одном сайте нашел похожую проблему. пробовал еще оперой и експлорером - так там все нормально.

    Asked by avasser,

    0 votes
    6 answers

  2. ПРОБЛЕМА С ОТОБРОЖЕНИЕ КАРТИНКИ В Explore're

    Всем доброго времени суток!!!!! У меня вот какая проблема есть сайт www.donchanka.ru надо в шапку вставить картинку девушки, я ее вставил но ее видно только в Опере и мозиле а вот в эксплорее не видно что это может быть, помогите плиз :|

    Asked by Nickols,

    0 votes
    4 answers

  3. проблема с отправкой данных с формы на почту!

    проблема в том что вместо введеных данных в форму приходит не данные а вместо них "array" почему что не так? вот код форм <form action="formdata.php" method="post" name="form1"> <fieldset> <legend>ввод личных данных</legend> <p> <label>Ваше Имя:<input type="text" name="name" size="25" maxlength="15"> </label> </p> <p> <label>Ваш пороль:<input type="password" name="password" size="25" maxlength="20"> </label> </p> </fieldset> <fieldset> <legend>Опросы</legend> <p> любите ли вы деньги? <label> Да <input type="radio" name="many" value="yes"> </l…

    Asked by Виктор146,

    0 votes
    3 answers

  4. Проблема с отступами

    Допустим есть куча элементов внутри какого-нибудь контейнера, для контейнера задан padding: 1em; Как сделать так, чтобы этот отступ был задан для всех элементов, кроме нескольких (например div с каким-нибудь особенным классом)? Количество элементов внутри контейнера может быть огромным и всегда будут появляться новые, притом классифицировать их тоже никак нельзя (движок не позволяет). Поэтому задавать margin: 1em; для каждого элемента тут не получится.

    Asked by Kenshi45,

    0 votes
    5 answers

  5. Проблема с отступами

    Ссылка В отступах для меню написано: padding-top: 65px; Измерил через measureit - плагин для лиса. Там 70px. Для логотипа стоит padding-top: 60px; а там вообще почти 80. Почему так? А если использовать обычный спрос css * { margin: 0; padding: 0; } То расстояние увеличивается еще на 1-2 пикселя. Ссылка Подскажите пожалуйста, как решить проблему? Смотрел через firefox 4.01.

    Asked by Rustick,

    0 votes
    1 answer

  6. Проблема с отступами

    есть конструкция типа <div id="1"> <div id="2"> </div> </div>. Мне нужно у id=2 сделать отступ сверху. прописываю margin-top: 50px; а у меня оступ срабатывает у id=1. Но если у id =1 прописываю border, то всё нормально Ничего не могу понять. В чем дело

    Asked by timmi55,

    0 votes
    2 answers

  7. Проблема с отступами

    день добрый вот кусок стилей .content .kont{width: 390px;display: inline-block;vertical-align: top;margin:0 px 5px 0 10px;-webkit-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.33);} не могу этому блоку задать margin -top ?ссылка: http://teslalight.com.ua/kontakti/.html по бокам отступы работают, а сверху нет. Подскажите что мешает его сдвинуть? Это код из движка джумлы. могу задавать отступа для этого класса!

    Asked by mrfrunze,

    0 votes
    4 answers

  8. проблема с отступами

    как убрать этот отступ между верхним и нижним <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a> </li> </u…

    Asked by Daniyar,

    0 votes
    1 answer

  9. Проблема с отступами (display: teble;)

    В общем такая структура веб страницы: есть 2 сайдбара (каждый display:table-cell;) по бокам и контент (display:table-cell;) по середине. Все это упаковано в div c display: table; Проблема заключается в том, что когда я делаю у среднего блока отступ внтури (padding) он как то применяется и к боковым колонкам. Почему, посоветуйте что-то дельное - в чем причина? Примечание №1 11 мая 2014 г., 1:14:50проблема именно с верхним отступомПримечание №2 11 мая 2014 г., 1:17:38чтоб конкретнее то я не у самого среднего блока делаю а у его ребенка, то есть у блока который внутри среднего. Пишу padding: 20px; у боковых стоит padding:0 25px; но почему-то верхний отступ у них как то появ…

    Asked by viktorio,

    0 votes
    2 answers

  10. Проблема с отступами блоков

    Между блоком footer и блоками content,right нужен отступ в 100px. Но в IE 6 при увеличении текста в блоке content отступ примерно 56рх. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <!--[if lte IE 6]> <style type="text/css"> * html #wrap {width: expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');} </style> <![endif]--> <style type="text/css"> html, body { margin : 0; padding : 0; } body { font : 75% Arial, Helvet…

    Asked by andrecool,

    0 votes
    6 answers

  11. Проблема с отступами в контейнере и шириной textarea

    <html> <head> <style type="text/css"> body {margin:0; padding:0;} div.container {margin:100px auto; width:400px; padding:20px; border:1px solid black} p {display:inline} input {display:block} textarea {width:400px} </style> </head> <body> <div class="container"> <form method="post" action="add.php"> <p>Название продукта</p> <input type="text" name"caption"/> <p>Категория продукта</p> <input type="text" name="category"/> <p style="display:block">Описание продукта</p> <textarea rows="5"> </textarea> <input type="submit" value="Добавить"/> </form> </div&…

    Asked by 0nline,

    0 votes
    6 answers

  12. Проблема с отступами внутри блока

    Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…

    Asked by Freeman Liberty,

    0 votes
    24 answers

  13. проблема с отступами у IMG в TD в IE

    уважаемые пользователи форума, помогите плз решить проблему : скрипт выводит следующий код: <table border="0" cellpadding="2" cellspacing="2" id="t_block"> <tr> <td rowspan="2" valign="top"> <a target="_blank'' href=" ... "> <img src=" ... " style="border: none !important;" class="t_img" align="left" width="50" height="50" /> </a> </td> <td> ... неважно1 ... </td> <tr><td> ... неважно2 ... </td></tr> ... </table> скрипт я никак изменить не могу, оформление могу регулировать с помощью CSS #t_block td { padding: 0px; } img.t_img { padding: 0px 10px 20px 0px; } т.е. я хочу, чтобы у картин…

    Asked by capone,

    0 votes
    4 answers

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

    Здравствуйте! Есть горизонтальное меню, перед одним из пунктов должна быть иконка. Вывод: <?php $title = {"Главная","Отчетность","Обучение","Услуги","Контакты"}; for($i=0; $i<count($title); $i++) { if($i=3) { echo "<a class=\"on\"><span class=\"icon\">{$title[$i]}</span></a>\n"; } else { echo "<a class=\"on\">{$title[$i]}</a>\n"; } } ?> стили: div.main_menu { font-size:13px; font-weight:bold; line-height:16px; background:#cfc9ab url(img/menu_bg.gif) repeat-x left bottom; } div.menu_pos { padding:0px 0px 14px 0px; } div.main_menu a { color:#130f0b; text-decoration:none; margin:0px 10px 0px …

    Asked by _Tornado_,

    0 votes
    2 answers

  15. Проблема с отступом

    Доброго времени суток. На сайте www.i-masha.ru появилась необходимость убрать отступ и не могу разобраться где он задается. Перерыл firebug'ом весь код и пока не нашел. Помогите разобраться, а то в упор не вижу

    Asked by Non Stop,

    0 votes
    2 answers

  16. Проблема с отступом в Explorer 9

    Не могу понять, откуда берется отступ в 1 пиксель от всех краев браузера IE9. В других браузерах такого нет. Смотрим скриншоты: Explorer: Chrome и все остальные браузеры: Как видно на скринах, даже полоса прокрутки отступает на один пиксель от края браузера. Помогите с решением вопроса.

    Asked by murtukov,

    0 votes
    6 answers

  17. Проблема с отступом в пункте меню

    Добрый день. Не могу сообразить как правильно поставить элемент чтобы он выравнивался относительно картинки... сайт - http://ygik.ru/ боковое меню - пункты меню если больше ширины поля переносятся на следующую строку, как сделать так, чтобы следующая строка начиналась не с начала блока меню а с начала предыдущей строки...

    Asked by Painbot,

    0 votes
    0 answers

  18. Проблема с отступом в шапке на отдельных страницах.

    Здравствуйте. Есть сайт: http://csgoqwerty.ru/. На всех страницах, кроме страниц профиля шапка сайта вплотную прилегает к верхней части, а на странице профиля имеет небольшой отступ (скриншот ниже под спойлером). Скрытый текст Проверял такой параметр, как margin, везде стоит нужный 0. При отключении данного параметра в css, шапка на данной странице встает на свое место, но, на остальных страницах съезжает (скриншоты ниже). Скрытый текст Без понятия что делать. Была идея создать отдельный класс для данной страницы, но, дело не в ней, а именно в шапке. Да и как привязать класс именно к ней, когда шапка к ней совсем не…

    Asked by 0swald,

    0 votes
    2 answers

  19. Проблема с оформлением

    - Сайт должен как по высоте так и по ширине занимать 100% экрана. - Футер всегда должен быть прижат к низу - фон при различных ширинах и высотах (карта) не должен создавать прокрутку. Вот с ширинами получается, а с высотой нет. Получается я могу изменить размер окна браузера при этом ширина меняется и под нее подстраивается фон. А по высоте такого не происходит... Подскажите как реализовать... http://jsfiddle.net/zmtxuvk9/

    Asked by psics,

    0 votes
    4 answers

  20. Проблема с оформлением двухколоночного резинового шаблона

    Есть двухколоночный резиновый шаблон. Цель добавить:внизу под центральным блоком две горизонтальные линии определённого цвета, и справа - вертикальную линию идущую от нижнего угла до середины правого блока. Так чтобы эти линии тоже были резиновыми вместе с центральным блоком, и нижние линии были внизу контента всегда, а вертикальная правая линия - справа после контента тоже независимо от растяжения экрана. Попробовал сделать это javascript-ом и выставлять позиции этих линий на событие window.onresize, но работает некорректно из-за того, что наличие самих линий - меняет размеры окна. Не знаю как это сделать с помощью средств css и html. У кого есть какие идеи? Возможно ли …

    Asked by kostya29,

    0 votes
    1 answer

  21. Проблема с оформлением тега <body> через внешний css

    Проблема с оформлением тега <body> через внешний css. Проблема заключается в том, что я имею html страницу с внешним css файлом, задавая какие либо свойства для <body> с ним ничего не происходит (но задавая свойства для других элементов таких как, к примеру, div все нормально). Внешний css файл: charset "windows-1251"; /* CSS Document */ body { background-color:#CF0; /*оливковый*/ } Html файл: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="index_files/style.c…

    Asked by Draken,

    0 votes
    2 answers

  22. Проблема с офромлением меню выпадающего списка

    Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <div id="menu"> <ul> <li> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> </li> <li> <a href="#">Мужская одежда</a> <div> <ul> <li><a href="#">Костюмы</a></li> <li><a href="#">Рубашки</a></li> </u…

    Asked by Ritter,

    0 votes
    13 answers

  23. Проблема с падающим дивом.

    Приветствую всех. Начал верстать свой сайт и столкнулся с такой проблемой. HTML <div class="left">Left block</div> <div class="right">Rightblock</div> CSS .left {float:left;width:200px;} .right {float:right;width:200px;} Проблема что блок .right опускается ниже на высоту блока .left Раньше я решал проблему так: <div class="right">Rightblock</div> <div class="left">Left block</div> Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо

    Asked by musulman,

    0 votes
    6 answers

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

    Задача такова: Требуется выровнять текст по центру кнопки. Для этого я задаю нужные мне паддинги. После этого внизу кнопки появляется полоска цвета в 2px, которые я указала в padding. Если убрать цвет фона, все становиться на место. Но мне то нужен также и цвет фона. Происходит это в браузере FF. Паддинг не откладывается внутри, как нужно, а прибавляется снаружи. Что делать? Замучилась уже с этой кнопкой. .searchform { position: relative; float: left; text-align: left; width: 205px; padding: 0; margin: 0 0 45px 45px; } #searchsubmit { clear : both; float: left; background : #A8D7FC url(images/search.gif) no-repeat; width : 73px; height : 20px;…

    Asked by Mila,

    0 votes
    2 answers

  25. Проблема с паддингом в инпуте

    Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:

    Asked by Shugich,

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