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. Про таблицы и наследования

    Скажем, есть таблица: ... ... ... ... Для того что бы, допустим, текст в этих ячейках был зеленым цветом мы можем написать: table.name td { color: green; } Вопрос: но, как мне сделать так, что бы зеленый цвет распространялся только на ячейки первой строки? Без присвоения класса первым ячейкам первой строки.

    Asked by rug_1,

    0 votes
    3 answers

  2. Про ФОН, CSS и скрипт!))

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

    Asked by SemenAS,

    0 votes
    4 answers

  3. Про формы и отправку e-mail

    Существует форма. В ней action="mailto:user@domen.ru". При заполнении этой формы нажимается submit и письмо отсылается. Можно ли сделать, чтобы письмо отсылалось сразу на два адреса?

    Asked by Truzens,

    0 votes
    10 answers

  4. про хаки

    вопрос такой создал таблицу <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Несколько таблиц</title> </head> <body> <table border="1" width="50%" cellpadding="5" align="left"> <tr > <td BORDERCOLOR="red"> 1k </td> <td> 2k </td> <td> 3k </td> </tr> <tr> <td> 4k </td> <td> 5k </td> <td> 6k </td> </tr> <tr> <td></td> <td> 7k </td> <td></td> </tr> </table> </body> </html> ну так вот все заметили что одна ячейка кр…

    Asked by Kain,

    0 votes
    2 answers

  5. Про ширину фона

    Допустим у нас есть неоднородный фон на ширину 1920 пикселей - по сути на максимальное разрешение - я вставляю его по центру как задний фон. Но ведь есть же мониторы с большим разрешением? Как будет сайт с таким фоном выглядеть на них? Будут некрасивые обрезки по бокам. Что делать, как быть?

    Asked by Zverushka,

    0 votes
    8 answers

  6. Про шрифты

    Как добиться кроссбраузерности между Windows и Linux если шрифты в макете используются нестандартные...(Calibri Trebuched Pro и т.д.)..Linux свои по умолчанию использует и соответственно вся верстка ломается. Подгружать не вариант. Если какие то стандартные средства? Если тема уже поднималась, сорри не нашел

    Asked by rusakov,

    0 votes
    4 answers

  7. Пробел в html

    Подскажите пожалуйста как поставить текст с красной строки. В html.

    Asked by FloG,

    0 votes
    4 answers

  8. Пробел и позиционирование

    Всем привеТ! Помощь нужна снова http://www.imageup.ru/delete/2016779/9f25d7aeb8554af12e09c49695adf8da/ http://www.imageup.ru/img220/2016781/2015-01-17-14-52-49-skrinshot-ehkrana.png вот два скрина и плюс код собственно https://www.dropbox.com/s/hz079w1e7wp9l41/00.doc?dl=0 (дубляж а то мало ли) <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;min-height:100%;position:relative;padding:0;margin:0;}div{width:500px;background-color:black;color:#fff;margin:0 auto;}h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block;…

    Asked by BituM,

    0 votes
    8 answers

  9. Пробел между картинками

    Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?

    Asked by Vlad,

    0 votes
    3 answers

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

    Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…

    Asked by Job,

    0 votes
    1 answer

  11. Пробел между элементами

    Подскажите, пожалуйста, в чем ошибка? Данный кусочек кода FF отображает как задумано (без пробелов), а ИЕ откуда-то берет пробел. От него нужно избавиться. (sq.gif - квадрат 100 на 100 пикселей) хтмл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Тест отступов</title> </head> <body> <div class="asdasd"> <img src="sq.gif"> </div> <img src="sq.gif"> </body> </html> цсс body {margin:0px;padding:0px;} .asdasd {float:left;width:100px;}

    Asked by valler,

    0 votes
    2 answers

  12. Пробел под футером

    Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9

    Asked by Tempest,

    0 votes
    5 answers

  13. Пробелы в заголовке WP

    Здравствуйте. Помогите пожалуйста убрать пробелы в заголовке Технадзор в строительстве – доверяй только профессионалам! на сайте http://www.btn.kiev.ua/ Нужно чтобы было например как в этом заголовке http://www.btn.kiev.ua/o-kompanii/ ( Технический надзор за строительством. Сопровождение строительства )

    Asked by BTN,

    0 votes
    1 answer

  14. Пробелы в названии класса CSS

    Только осваиваю CSS (кстати спасибо авторам сайта за такой информативный ресурс). Возникло следующее недопонимание: В генерируемых друпалом страницах блоки DIV имеют в названии класса пробелы. Например, <div class="field field-type-filefield field-field-cover"></div> Понятное дело, что к ним не получится обратиться селектором вида: .field field-type-filefield field-field-cover {...} Как я столкнулся с этой проблемой - поискал на сайте друпала и наткнулся на этот топик. Там даётся частичное решение, но всё равно кое-что остаётся неясным. Думаю, уместнее эти вопросы задать здесь. Если мы пишем конструкцию с пробелами в атрибуте class - это мы как бы присваев…

    Asked by Lex-DRL,

    0 votes
    7 answers

  15. Пробелы между картинками

    Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.p…

    Asked by kattiperk,

    0 votes
    8 answers

  16. Пробелы между кнопками из-за границ.

    В общем вот такая у меня шапка с навигацией. Как видно пробелы между кнопками. Это таблица по сути, со столбцами. Вот код: <table> <tr align="center"> <td width="173"></td> <td><a href="main.html" class="left">Главная<span>Главная</span></a></td> <td><a href="work.html" class="center">Наши работы<span>Наши работы</span></a></td> <td><a href="materialsandcolors.html" class="center">Материалы и цвета<span>Материалы и цвета</span></a></td> <td><a href="contacts.html" class="center">Контакты<span>Контакты</span></a&g…

    Asked by Faradei,

    0 votes
    14 answers

  17. Пробелы между таблицами... как устранить?

    Добрый день, я новичек в этом деле, но вот решил заверстать , и при верстке, между таблицами в шапке сайта есть небольшие пробелы по 5 пикс, помогите их устранить. вот код страницы: <!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=windows-1251"> <title>Стили</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id='wrapper'> <div id='header'> <table cellpadding="0" cellspacing="0" border="0" width="780px" > <tr> <td ><a href="">&…

    Asked by Avalon.,

    0 votes
    3 answers

  18. ПРОБЕЛЫ. ГДЕ и ЗАЧЕМ?

    Здравствуйте! Смотрю сохраненный шаблон через Notepad – строчки в некоторых местах съехали. #searchform #s{ height: 17px; width: 148px; margin: 6px 5px 0px 10px; padding: 3px 7px 2px 5px; color: #999999; border: none; } На сайте смотрю код шаблона - все нормально. С чем это связано? Может отредактировать шаблон в Notepad, а потом заново загрузить на сайт? 2. И еще вопрос — зачем в структуре шаблона строки со свойствами сдвигаются вправо на четыре пробела, селекторы разделяются между собой пустой строкой? Нужны эти пробелы? Сайт и так работает. В некоторых местах можно такое наблюдать, без сдвигов слева: Селекторы то разделены пустой строкой, то нет. #searchform #sea…

    Asked by kitenok888,

    0 votes
    4 answers

  19. пробема с отображением ячеек календаря при наведении мышкой

    Всем привет, Естиь пробема с отображением ячеек календаря Надо зайти http://zenbookin.p.zettich.com под логином tester@mail.com 111111 И дальше сюда http://zenbookin.p.zettich.com/business/scheduler/ Проблема в том что если подвести мышу над одной из ячеек (синей или зеленой) то текст смещается вниз и становится нечитаем Там идея изначально была при наведении мышки на слот помееять цвет/фон. Но получилось криво смотря исходники вижу что задейтвованы в файле http://zenbookin.p.zettich.com/static/css/fullcalendar.css классы fc-time, fc-content, и в файле http://zenbookin.p.zettich.com/static/css/style.css класс fc-event-custom-class Для hover этих классов я выса…

    Asked by mstdmstd,

    0 votes
    1 answer

  20. Пробема с слайдером

    Здравствуйте. Есть сайт - baklazhan.zz.mu, наблюдается проблема при перелистывании слайдеров. Нижний блок, который пустой почему-то заполняется фоновой картинкой с блока со слайером. Почему так и как решить? + если выставить блоку со слайдером высоту, то футер "поднимается" и стает сразу после этого блока! где я ошибся?

    Asked by n0_th1nk,

    0 votes
    2 answers

  21. пробивная сила margin-top:-80px;

    <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…

    Asked by Proks,

    0 votes
    4 answers

  22. Проблем с div болком в ie6

    На сайте http://www.ford.ams-auto.ru/news/?id=322 в ie6 средний блок( с новостями) постоянно уходит вниз. Как можно решить данную проблему?

    Asked by Dim,

    0 votes
    4 answers

  23. Проблем с IE 9

    проблем с IE 9 у меня он не хочет отображать сторонний шрифт, все браузеры работают нормально, а вот IE9 как и всегда кривой я использую в CSS вот это: @font-face { font-family: 'CRYSISB'; src: url("../font/CRYSISB.ttf"); } что нужно чтоб увидел и IE 9? И еще проблема с IE 9 это задралась вверх меню, что нужно прописать для IE 9?

    Asked by Bismuth,

    0 votes
    9 answers

  24. проблемa с позиционированием блоков

    Доброго времени суток! Для создания галереи фото нужен был скрипт, нашла его на просторах Интернета... Подогнала под свои нужды, но вот не задача - в Опере при нажатии на превью затемнение экрана происходит не полностью.... В Мозилле и ИЕ8 - все нормально. Но проблема мне видится не в скрипте, а в позиционировании. Ссылка на галерею: http://www.hlebdom.ru/gallery_museum.html Может кто знает, как эту проблему решить?

    Asked by kuzja,

    0 votes
    9 answers

  25. проблема

    Здравствуйте, у меня есть такая проблема: Значится есть 3 блока 2 по краям(для рамки) один по середини чистый у него задана ширина и белый фон в него из базы выводится текст, проблема в том что текст может быть разной величины и поэтому не хочется задавать этому блоку высоту ну чтобы он растягивался зависимости от обьема текста собственно это он делает великолепно, но по бокам есть 2 дива у них прописан бг и маленькова кусочка шириной 18px высотой 1px и хочется чтобы этот кусочек повторялся по всей высоте главного блока, а он не как не хочет повторятся без задания высоты… http://s61.radikal.ru/i174/0811/82/2ce78ed25139.jpg

    Asked by stars,

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