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. отступ в ie

    Здрасьте, а почему когда я ставлю padding-bottom10px в файрфоксе отступ гораздо меньше чем в ослике? Это можно как-то решить?

    Asked by Sayitright,

    0 votes
    3 answers

  2. Отступ в IE 5.5/6.0

    Всем привет! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> ... </head> <style type="text/css"> #left { float: left; width: 31%; margin-left: 2%; } </style> <body> <div id="left"> ...content... </div> </body> </html> Отступ в IE 5.5/6.0 от левого края в 2-3 раза больше, чем в остальных браузерах (включая IE 7/8). При отключении опции ?float: left? отсуп становится нормальным, но мне эта опция необходима (верстка трехколоночная, следующий div располагается следом за этим). Заранее спасибо за помощь.

    Asked by my-name-is-Max,

    0 votes
    4 answers

  3. отступ в IE7

    Столкнулся со следующей проблемой; Верстка в три колонки. Меню контент меню.Резиновая. В IE7(на других просто не проверял) на определеннх страницах появляется непонятный отступ вправо от правого меню. в связи с чем внизу есть скрол. позволяющий перетянуть все окно сильно правее. вот как это выглядит: http://shamanr.jino.ru/rastenievodstvo/tra...ory-serii-5020/ в то же время при использовании того же шаблона но без картинок в блоке контента все прилично: http://shamanr.jino.ru/rastenievodstvo/sey...e/seyalka-1700/ во всех остальных браузерах все выглядит прилично

    Asked by =Shaman=,

    0 votes
    6 answers

  4. Отступ в заголовке.

    Всем привет. Я новый пользователь вашего форума. Будем надеяться, что он поможет расставить некоторые точки над и. ... Столкнулся с проблемой, может это не проблема и есть альтернативное решение, но я его пока не нашел. В заголовке второго уровня, мне нужен какой либо отступ, допустим 10px. Если его делать с помощью маргин или паддинг, то он смещается вместе с бордером который идет с низу. Есть альтернативные варианты отступа, без "съезжания" нижнего бордера. Или только использовать спец.символ "nbsp"? li > h2{ border-bottom:2px dashed #222; color:#66C; } li > p{ text-indent:1em; } </style> </head> <body> <div id="main"> <div cl…

    Asked by Bandyy,

    0 votes
    8 answers

  5. Отступ в последней строке в элементе списка

    Подскажите, плз... В последней строке новости в каждом элементе списка слишком большой отступ от основного текста. (Mozilla, Netscape, частично ИЕ) <table> <tr> <td width="80%"> </td> <td><p class="date_news"><span class="date_news">20.03.2008</span> </p> <ul class="list_general_news"> <li><a href="/news/dlya_megaproproekta_sankt_peterburga_morskoj_fasad_kompaniya_gorodskoj_centr_ekspertiz_ekologiya_vypolnit_rabotu_po_ocenke_vozde/">Для мегапропроекта Санкт-Петербурга ?Морской фасад? компания ?Городской центр экспертиз ? Экология? выполнит работу по оценке воздействия ?намыва? территорий на окружаю…

    Asked by Микель,

    0 votes
    6 answers

  6. Отступ в таблице

    Не получается никак сделать такой же самый отступ от надписи <style type="text/css"> .foto_otstyp{margin:30px;} .verx_otstyp20{margin-top:20px;} .zagolovok_ul2{font-size:26px; font-weight:bold; margin-left:60px; color:#CC0000;} </style> <div class="zagolovok_ul2">Что блог может дать именно Вам?</div> <table> <tr> <td><img class="foto_otstyp" src="../img/3_6.3.jpg" /></td> <td width="100%"> <strong>Если Вы владелец бизнеса,</strong> блог будет для Вас отличной <br /> Интернет-площадкой, которая даст Вам следующие <br /> преимущества: <div class="verx_otstyp20"></div&g…

    Asked by people2010,

    0 votes
    5 answers

  7. Отступ в таблице

    Создаю модуль для школьного расписания. В админпанеле указывается какие столбцы нужно отображать (информация передается на сервер в БД), затем в зависимости от значение в БД столбцу присваивается класс при котором он не отображается и прячется его граница (чтоб не было двойных линий). Но проблема в том, что на месте этого столбца появляется отступ (на фото показано). Как его убрать? Я уже пробовал указывать значение "0" для margin и padding, но проблема не исчезает. Вот пример кода: TD { border-collapse: collapse; border: 2px inset red;} .hide{ border:0px inset red; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;} <td <? echo $hide…

    Asked by Careless_angel,

    0 votes
    0 answers

  8. отступ в футере

    ситуация такая. Есть табы на страничке. При загрузке страницы в опере, все в порядке. Стоит переключиться на вторую вкладку, а потом обратно, в футере появляется отступ снизу пикселей в 10. При перезагрузке страницы все становится опять нормально. В других браузерах такой проблемы нет. как не должно быть: как должно быть: Страничка тут. Это баг в опере или можно как-то железно пригвоздить футер? Опера 10.63

    Asked by Softlink,

    0 votes
    18 answers

  9. Отступ вниз от модального окна

    Здравствуйте! Делаю модальное окно, взял отсюда код http://jsfiddle.net/ChpCK/1/. Когда нажимаете на кнопку "Button" появляется модальное окно, прокрутите в самый низ и увидите что внизу нет никакого отступа. Не как не получается сделать его Помогите!

    Asked by ask0Ld,

    0 votes
    2 answers

  10. Отступ внизу изображений

    В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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=windows-1251" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…

    Asked by clavin,

    0 votes
    2 answers

  11. отступ вокруг картинок - единицы измерения

    возник вопрос - кто какие единицы измерения использует при описании отступа картинок в тексте (выровненных по правому или левому краю) и почему. я сейчас использую пиксели, однако подумываю об относительных единицах измерения. эксперементировал с ex и em, однако оба они ведут себя довольно странно (собственно, этож картинка, текста то тут нет, отсчитывать не от чего)...

    Asked by nicothin,

    0 votes
    2 answers

  12. отступ всего текста

    Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...(( Спасибо!

    Asked by dinchy,

    0 votes
    17 answers

  13. Отступ двух от верха браузера

    Нужно чтобы страница была посередине экрана, т.к сайт промо, главная страница сделана маленькой. И на мелких мониторах она смотриться нормально, а на больших получается прилеплена к верху. Я пытаюсь выровнять по центру, не не получается. Тоесть мне нужно чтобы она центрировалась по вертикали по центру. Пробовал по разному: Это не подходит, она отлепляется от одного бока и отлеплена все время, а мне нужно только если снизу есть место. #otstup { position: absolute; top: 20%; left: 20%; } Вообще не работает. #otstup { background-position: center center; }

    Asked by Tchorteg,

    0 votes
    15 answers

  14. Отступ и border

    На сайте расположено 2 блока: слева - контент, справа - сайдабар. Хочу между ними провести вертикальную линию. Пытался с помощью тега border-right для контента. Но он естественно ложится сразу после текста, а мне нужен отступ для этой линии, чтобы было на ровне между первый и вторым блоком. Помогите советом.

    Asked by Ritter,

    0 votes
    16 answers

  15. Отступ из-за фона

    Когда наводишь курсор на пункт меню, например "Главная", то все остальные пункты меню смещаются в право. Как сделать, что бы они были неподвижны? http://jsfiddle.net/#&togetherjs=iV0b6oJUzE

    Asked by Roman_qwe,

    0 votes
    7 answers

  16. отступ картини и текста

    Здравствуйте. Помогите пожалуйста. Как сделать чтоб в ячейке таблицы рисунок и текст под ним были в одной линии (с отступом от края таблицы).

    Asked by pattaya,

    0 votes
    9 answers

  17. Отступ красной строки

    Всем привет еще раз! Не дам Вам отдохнуть. Еще раз всех с Новым Годом и грядущим Рождеством Христовым!!! Могу ли я добавить скрипт (если я правильно понимаю) в файл типа default.css для тега <br> что бы после него была красная строка, т.е. отступ типа text-indent: ???? Прошу дать внятный ответ, т.к. я в этом деле еще даже не дуб, а желудь! Спасибо!

    Asked by Vicoff,

    0 votes
    6 answers

  18. отступ между блоками

    добрый день есть такой DOM <body> <table class="page_carcass" cellpadding="0" cellspacing="0" border="0"> header </table> <div> тут книга </div> <table> футер </table> </body> и проблема в том что между дочерними блоками большучие отступы при большем разрешении экрана, хотя никаких margin нету вот сама страница http://www.43700.ru/nash-gelendzhik/book/ туда просто я впихиваю книгу,которая работает на джаваскрипте есть какие то подсказки? подозреваю что надо ограничить высоту окна,но пока не получается...

    Asked by aleks_lv7,

    0 votes
    1 answer

  19. отступ между <a>

    не пойму почему у меня есть отступ между блоками, вроде все правильно. В чем ошибся? xhtml <div id="menu"> <a href="" class="menu_on">Главная</a> <a href="" class="menu">Почему мы?</a> <a href="" class="menu">О нас</a> <a href="" class="menu">Клиенты</a> </div> CSS #menu{text-align:center; margin:20px 0;} a.menu{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} a.menu_on{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} вот сайт http://help-team.com.ua/

    Asked by Kos87,

    0 votes
    20 answers

  20. Отступ между div и img в internet explorer

    Есть следующий код: <body> <div style="background: fuchsia; float: left; width: 30px;"></div> <img style="border: none;" src="http://www.google.ru/logos/2011/eisner11-res.jpg"> </body> http://79.173.86.160/entrance/newhtml.html если смотреть его в ie, то между элементами будет расстояние. как его ликвидировать? padding и margin обоим элементам мне не помогли, hspace для img тоже... заранее спасибо !

    Asked by Hierofeus,

    0 votes
    5 answers

  21. Отступ между iframe и текстом

    Здравствуйте, подскажите пожалуйста как можно сделать отступ между iframe (видео с youtube) и текстом?

    Asked by Orvin,

    0 votes
    2 answers

  22. отступ между двумя дивами

    Здравствуйте. Сделал в шапке блок с логином и т.д. как оформление сделал картинки на фоне. Где то они репитятся (repeat), а где то нет. Причем некоторые фоны репитятся по горизонтали, некоторые по вертикали. Проблема в том, что при масштабировании между некоторыми div-ами появляются пропуски. Сам наблюдаю только в хроме, но говорят, в некоторых остальных браузерах тоже есть. Пробелы вознимают как то рандомно, при еще большем увеличении, например, пробел может пропасть... Как с этим бороться, помогите, пожалуйста кода там много, если можно, помогите так, пожалйста)) если нет вариантов, выложу код неужели никто не сталкивался?)) вот скрин...

    Asked by z-z,

    0 votes
    0 answers

  23. Отступ между дивами

    Всем привет У меня проблемка: Есть два дива, у обоих стоит "margin: 0px; padding: 0px;", и ко всей странице тоже стоит "margin: 0px; padding: 0px;", но между дивами все равно получается отступ, который мне не нужен, и которого по идеи быть ну никак не должно... Из за чего такое может быть? Отрывок html кода: Отрывок css кода:

    Asked by Majesty,

    0 votes
    4 answers

  24. Отступ между роликом и всем остальным.

    У меня появляется отступ между флэш роликом и всем остальным, помогите: http://n6300.3eu.ru/index.php Как его убрать?

    Asked by vvsh,

    0 votes
    21 answers

  25. Отступ между строками таблицы

    Как добавить отступ между строками в таблице, но не между ячейками? Заранее спасибо)

    Asked by Victor Ananiev,

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