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 - глючит. ради интереса попробовала уместить в слой таблицу - тоже глючит. попробовала наоборот, слои в таблицу - опять непонятно что. вот вариант один из самых ужасных: http://totoro-club.ru/aprel.php (сайт там временно) повторяется рамочка там где не должна... и слои не на местах. во всех браузерах смотрится по-разному. в ИЕ самое ужасное, слои даже не на своих местах. вот собственно вопрос, как решить данную задачу? желательно слоями без таблицы. Просьба не ругаться на незнание матчасти, а подсказать решение! Пожалуйста, пишите все как для дурака, …

    Asked by lamansions,

    0 votes
    5 answers

  2. Слои+таблицы

    Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!

    Asked by Soniclord,

    0 votes
    12 answers

  3. Слой 100% высоты почему-то больше 100%. Help!!!

    Код до безобразия прост: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style> html, body { width:100%; height:100%; padding: 0px; margin: 0px; } .block { width: 70%; height: 100%; background-color: #FFFFC1; border: 1px solid Orange; margin: 0px auto 0px auto; } </style> <body> <div class="block"> </div> </body> </html> Почему block ширее размера страницы ? (визуально на пару пикселей, но этого достаточно что…

    Asked by Evgeny,

    0 votes
    5 answers

  4. Слой relative перекрывает слой fixed

    На странице есть шапка с позицией fixed: .top_menu_p { position: fixed; left: 0; top: 0; padding: 0px; background: #ffffff; width: 100%;}Так же есть слайдер контента (jcarousel) с позицией relative: .jcarousel ul { position: relative; width: 20000em; list-style: none; margin: 0; padding: 0;}При пролистывании станицы, когда шапка подходит к слайдеру, он отображается поверх шапки. Как это исправить? У слайдера позицию relative не заменить, иначе не будет работать. КТо-нибудь сталкивался с такой проблемой?

    Asked by RestWEB,

    0 votes
    3 answers

  5. Слой в Опера и Мозила отображаеться некорректно

    Вот так отображаеться в IE Вот так в Opera и Mozila Часть стиля CSS .label { font-size: 9pt; padding-left: 50px; z-index:1; position:absolute; left:103px; top:172px; } Весь документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GESTAPO </title> <style type="text/css"> body, .login, .row, .folder, .label, th, comment { font-family: tahoma, verdana, arial, helvetica, sans; font-weight: normal; color: Red; } body { margin: 0; background-color: Black; padding: 10px; } .label { font-size: 9pt; padding-left: 50px; z-index:1; position:a…

    Asked by repnov,

    0 votes
    5 answers

  6. слой в ячейке таблице

    Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> &lt…

    Asked by ХОЛОДный,

    0 votes
    14 answers

  7. Слой в ячейке таблицы

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

    Asked by Shar,

    0 votes
    4 answers

  8. Слой внутри слоя

    Здравствуйте! Проблема: размещаю слой внутри слоя. Ожидаю, что родительский слой будет их держать внутри. Но вместо этого два дочерних слоя выходят за его границы. Располагаются-то как надо, но нужно, чтобы они были внутри основного. Я пробовал изменять position, float, clear зачем-то трогал. Что нужно сделать, желтый и зеленый оказались внутри? Спасибо! html: <div id="main"> ...... <div id="slider"> <img id="one" src="images/1.jpg"> <img id="two" src="images/2.jpg"> <img id="three" src="images/3.jpg"> <img id="four" src="images/4.jpg"&gt…

    Asked by cartrege,

    0 votes
    3 answers

  9. Слой второй колонки не учитывает отступ от слоя шапки

    Здравствуйте, пару дней, как начал изучать HTML, возник такой вопрос: Простой шаблон страницы: шапка(1), левая колонка(2), правая колонка(3), подвал(4). Левая и правая колнки лежат в отдельном слое(5), т.к. собирался делать третью колонку справа. Для всех элементов задан margin: 5px. Левая колонка(2) отстоит от шапки(1) на 5px + 5px ее собственный отступ. Правая же колонка(3) игнорирует отступ от шапки(1), учитывает только свой, почему так происходит? Пробую сделать для правой колонки margin-top: 10px, но тогда на 10 пикселей отъезжает весь слой (5). Если убираю слой(5), margin-top: 10px корректирует проблему, но все равно непонятно, почему требуется эта корректировка. Ещ…

    Asked by Develax,

    0 votes
    1 answer

  10. слой выезжает и контейнера

    Дбрый день подскажите есть слой контейнер с позицией релатив, есть хедер <div id ="есть слой для расположения следующих блоков"> <div id = "есть слой левый с позицией абсолютной"></div <div id= "есть слой правый с позицией релативной"</div> </div> <div id="conteiner"> <div id="header"></div> <div id="conn"> <div id="left"></div> <div id="right"></div> </div>/*conn*/ </div>/*conteiner*/ < теперь проблема на нескольких страниц левый блок больше правого и суть в том что этот левый блок с позицией абсолют не растягивает(по высоте) блок контейнера а получается выезжает за его приде…

    Asked by tolyan,

    0 votes
    4 answers

  11. Слой высотой в 1 пиксель

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Проверка</title> </head> <body> <div style="width:100%;height:1px;background-color:#AAAAAA;font-size:0px;margin:5px 0px 8px 0px;"></div> </body> </html> В опере и мазиле слой, как и положено, высотой 1 пиксель. В интернет експлорере почему-то его высота равна 2 пикселя. Кто-нибудь знает как это можно исправить?

    Asked by Колос,

    0 votes
    1 answer

  12. Слой для цвета блока ссылок

    Хочу чтобы ссылки приняли цвет который написан в диве. Делаю так: <div style="color:#c1b78a; font-size:100%;"><?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?> <? if(is_array($arProperty["DISPLAY_VALUE"])) echo implode(" / ", $arProperty["DISPLAY_VALUE"]); else echo $arProperty["DISPLAY_VALUE"];?></div> Поясню: <?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?> <? if(is_array($arProperty["DISPLAY_VALUE"])) echo implode(" / ", $arProperty["DISPLAY_VALUE"]); else echo $arProperty["DISPLAY_VALUE"];?> Отсюда динамически берутся ссылки которые я хочу изменить цветом. Но если делать как делаю я, цвет…

    Asked by Tchorteg,

    0 votes
    1 answer

  13. Слой котоырй можно прокручивать.

    В нутри первовго слоя у которого задана ширина и высота находится второй слой. Подразумевается что второй слой будет больше первого по высоте. Но при этом нельзя изменять высоту первого слоя. Надо разместить второй слой в первом, что бы часть слоя которая не влезла скрылась. Но при этом что бы посмотреть оставшуюся часть надо было прокрутить слой - полосой прокрутки. Явный пример - фреймы, но фреймы юзать нельзя.

    Asked by Solker,

    0 votes
    2 answers

  14. Слой лезет поверх вышестоящего

    Подскажите пожалуйста, в чем проблема. bottom лезет на main. Вот код: <div class="main"> <div class="content"> ТУТ ВСЕ <!-- end .content --></div> <div class="rightcolumn"> ТУТ ПРАВАЯ ЧАСТЬ <!-- end .content --></div> <!-- end .main --></div> <div class="bottom"> <!-- end .bottom --></div> .main { width: 1080px; border: solid #fff 1px; padding: 1px 0px 0px 0px; } .content { float:left; border: solid #F00 1px; width:828px; } .rightcolumn { float:right; border: solid #000 1px; width:248px; } .bottom { width: 1080px; height:40px; border: solid #0F0 1px; ba…

    Asked by antonzol,

    0 votes
    1 answer

  15. слой на всю страницу absolute

    http://jsfiddle.net/Cgc2m/ как сделать, чтобы серый слой был высотой во всю длину страницы?

    Asked by Zverushka,

    0 votes
    14 answers

  16. Слой по центру экрана, проблема с полосой прокрутки

    Итак ситуация такова, что слой располагается по центру экрана. с помощью css и параметра position. css: position: absolute; top: 50%; left: 50%; margin-left: -275px; margin-top: -325px; width: 720px; height: 500px; при маленьком разрешении экрана или при увеличении масштаба появляется полоса прокрутки. Вниз и вправо прокрутить можно , а вот влево и вверх нельзя. Получается, что верхняя и левая часть слоя пропадает. Собственно вопрос: можно ли сделать, что бы прокручивалось влево и вверх? Если да, то как?

    Asked by dsaint,

    0 votes
    6 answers

  17. Слой поверх tr

    Здравствуйте! Столкнулся с проблемой: Есть таблица. Есть строка таблицы. На строке есть какие-либо контролы, которые выполняют, допустим, ajax-запросы. Необходимо придумать способ, как можно наложить поверх tr полупрозрачный слой с индикатором загрузки по центру. На td я такой слой наложить могу, оборачивая его содержимое в div с position: relative, а вот с tr так не сделать. Может быть есть способы решить вопрос?

    Asked by bFree,

    0 votes
    3 answers

  18. Слой поверх котролов

    Всем привет. Делаю форму регистрации. Блоки выглядят как стеклянные. Хочу сделать так, что бы поверх контролов (полей ввода, кнопок, ссылок) был слой с бликами, но при этом, не мешал бы заполнять поля и щёлкать по ссылкам. Возможно ли такое? Желательно без Javascript. Спасибо.

    Asked by atomAltera,

    0 votes
    0 answers

  19. Слой поверх слоя с overflow hidden

    Здравствуйте. Прошу помощи в одной проблеме. Допустим у нас в шапке есть слой, в катором расположена Карусель (эта карусель работает через overflow: hidden, естественно), и теперь мне поверх этого слоя нужно сделать еще один слой: с меню или логотипом, например. И тут возникает проблема, что этого не получается сделать. Пробовал присваивать и абсолютное позиционирование, и z-index и отрицательные margin все равно слой с логотипом или меню попадает под слой с Каруселью. Сталкивался ли кто-нибудь с такой проблемой и можно что-то с этим поделать? Пример картинка, то что должно получится (1.Слайдер, должен находится под 2.Логотип и 2.Меню):

    Asked by vlasenkov,

    0 votes
    9 answers

  20. слой поверх таблицы

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

    Asked by dangler,

    0 votes
    3 answers

  21. слой поверх флешки убивает swf

    Столкнулась с такой проблеммкой: есть два слоя, в верхнем лежит яваскрипт, в нижнем флешка. Флешка динамическая, при наведении показывает анимацию. у флешки поставила wmode transparent Проблема в том, что, находясь внизу, флешка не работает. Она показывается, но динамики нет. Как сделать так, чтобы, находясь в заднем фоне, флешка работала по-человечески, отображая динамику, чтобы нажатия на кнопки ее срабатывали. поможите

    Asked by Marishkas,

    0 votes
    1 answer

  22. слой с параметром float

    Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части <html> <head> <style type='text/css'> #center_left { width:52%; float:left; } #center_right{ width:44%; float: right; padding-left:15px; } #left { width:52%; height:auto; float:left; background-color:#FFFDF4;} #right{ width:43%; float:left; height:auto; padding-left:15px;} #center_right_bottom{ width:468px; float: right;} </style> </head> <BODY> <div style="width:100%;"> <div id="center_left" style="background-color:#FF9900"><br><br>сл…

    Asked by dist,

    0 votes
    8 answers

  23. Слой скрывает картинку в ИЕ А здесь смотрели?

    Помогите решить такую проблему. Использую довольно стандартный 3ех блочный резиновый дизайн на своем сайте. Открыв его в лисе - все нормально, но в ИЕ (естественно, как же без глюков по ИЕ ) - в правом нижнем углу картинка цветочка обрезается. Если покрутить скроллинг - она то появляется, то вновь исчезает. Как побороть проблему?

    Asked by Aliance,

    0 votes
    3 answers

  24. Случаи использования http(s)://

    Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// …

    Asked by rafaello9,

    0 votes
    3 answers

  25. Случайное отображение

    Ребята я дико извиняюсь, я сам ни разу не программист, но у меня есть задача которую нужно решить. На сайте расположено 9 поисковых блоков, задача следующая: нужно сделать так чтобы они все время меняли свою позицию при обновлении страницы, за исключением 1 из них. Тоесть он постоянно на своем месте. Как это можно реализовать?

    Asked by Man,

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