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. Как сделать вертикальный текст

    Чтобы получилось так, как если бы я сделал т е к с т но надо без BR, и чтобы поисковики нормально распознавали

    Asked by x28,

    0 votes
    7 answers

  2. Пропись alt-ов для изображений спрятаных с помощью Media='screen'

    Видимые для броузера изображения (media=screen) снабжены расписанным alt-ом. Нужно-ли (можно-ли ) прописывать alt для изображений видимых только на печати (media=print) ? Если будет просто alt=' ' валидатор примет такое ? Спасибо

    Asked by Практичный Gendo,

    0 votes
    5 answers

  3. Проблемы с футером

    В очередной раз взываю о помощи. Страдает футер, очень сильно... Не могу его привязать к низу окна ТАК, чтобы при уменьшении окна он не наезжал на остальной контент. Постараюсь дать приблизительную схему своей странчики (HTML менять НЕЛЬЗЯ!!!) Main - меняет свою высоту от 2х строчек текста до 2х экранов, а то и больше. Когда Main большой проблем с Footer нету - ставлю с css position:relative и все отлично. Если же привязывать Footer с помощью position:absolute bottom:0, то он начинает жить своей жизнью и при уменьшении окна залазить и на Main и на Header. Если что упустила - допишу. Пока вроде выложила все как есть.... Главная задача: Чтобы футер ВСЕГДА был внизу!!!…

    Asked by Wertuta,

    0 votes
    4 answers

  4. Перекрывание графических ссылок

    Здравствуйте, уважаемые знатоки! У меня возникла очень интересная проблема. Графическая ссылка (баннер) в правой панели на определенной высоте недоступна (как ссылка). А именно: выше нижней кромки изображения-шапки, находящейся справа. При смещении вверх правого меню навигации ссылки на том уровне тоже перестают работать. z-index указал, однако результата не последовало. Посоветуйте, пожалуйста, как решить сию задачу. (Сайт: www.nuriev.net). Заранее благодарю.

    Asked by Almaz-M,

    0 votes
    8 answers

  5. Проблема слоев

    Есть верстка дивами и таблично, там сайт резиной и по высоте, но таблица под основными слоями в шапке тянется по высоте на 100%, но за пределы экрана вниз ровно на то расстояние которое имеет растянутый фон в шапке? Как это исправить, чтобы таблица ровно прижималась к низу окна, а не сползала на это расстояние равное высоте растянутого фона в шапке? вот html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> <div id="center"> <div id="center_header"> <table class="…

    Asked by okunev2,

    0 votes
    3 answers

  6. Верстка DIV

    Вот решил на див переходить, на пинайте, хочу спросить основы! Как сделать фиксированными несколько блоков при определенном разрешении,чтобы не было съезда? Верстка смешаная таблица и div, таблица тянется по высоте и ширине, центральная колонка фиксировнная в шапке будут блоки div, так же блоки div в центре и внизу! Дайте хорошие примеры, по реализации такого макета, чтобы понять суть верстки div, плиз.

    Asked by okunev2,

    0 votes
    11 answers

  7. Растягивание блока

    Почему в Мозиле не тянется вниз блок, т.е. не растягивает этот блок div, как это исправить? #content_block2 { margin: 0 auto; width: 241px; height: 284px; border: 1px solid #000000; float: left; } <div id="content_block1">Много текста</div>

    Asked by okunev2,

    0 votes
    1 answer

  8. hover под ссылкой изображение

    Как на css сделать, чтобы при наведении на ссылку, под ней было жирное подчеркивание, которое выводилось картинкой, может по другому? Типа:

    Asked by okunev2,

    0 votes
    18 answers

  9. Переклинило,помогите :)

    Собственно климануло.. уже пару часов сижу,выход из ситуации найти не могу вот код: <table id="Table_01" width="180" height="86" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/search_01.gif" width="180" height="6" ></td> </tr> <tr> <td rowspan="3"> <img src="images/search_02.gif" width="17" height="80"></td> <td> <img src="images/search_03.gif" width="146" height="31"></td> <td rowspan="3"> <img src="images/search_04.gif" width="17" height="80"></td> </tr> <tr> <td> <input type="text" name="n" value="" sty…

    Asked by Toster,

    0 votes
    5 answers

  10. Русифицированная Дата PHP\MySQL

    Подскажите, плиз, каким образом можно при добавлении инфы занести автоматически в БД дату добавления статьи, а потом вывести дату в формате d.m.y на сайте? Пробовал создавать поле date 'TIMESTAMP' Вывод даты date("d.m.y",$row['date']); Выводится 01.01.70

    Asked by banyman,

    0 votes
    10 answers

  11. Как при помощи CSS задать фиксированою высоту ячейки?

    Пробую значение height почему-то не получается...

    Asked by Cyrax,

    0 votes
    6 answers

  12. Помогите с позиционированием

    Сделал в?рстку, в IE работает, в FF нет Намудрил с позиционированием. В FF при наведении на кнопочки ничего не происходит (я имею в виду, что ссылки перекраваюся слоем и на них нельзя нажать), т.е. кнопки под слоем. Можно их "поднять"? <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> body { padding: 0; margin: 0; } #menu img { margin: 0; padding: 0; border: 0; } #menu { padding: 1px 0 0 0; position: relative; } #menu #img_spac…

    Asked by Юрий,

    0 votes
    6 answers

  13. Не отображается цвет меню в опере

    Вот CSS-код, в IE отображается нормально, в опере без красного цвета! .glowingtabs{ width:100%; background-color:#e23620; } .glowingtabs ul{ list-style-type: none; margin:5px; /*Left offset of entire tab menu relative to page*/ padding:0; } .glowingtabs li{ background-color:#e23620; display:inline; margin:0; padding:0; } .glowingtabs a{ float:left; margin:0; margin-right: 5px; /*spacing between each tab*/ padding:0 0 0 9px; text-decoration:none; } .glowingtabs a span{ float:left; display:block; padding: 0px 12px 2px 3px; font-weight:normal; color:white; } /* Commented Backslash Hack hides rule from IE5-Mac */ .glowingtabs a span {float:none;} /* End IE5-Mac hack *…

    Asked by akimov,

    0 votes
    11 answers

  14. Прозрачность фона

    Имеет ли смысл строка в css: BODY { background-color: transparent} Ведь там по умолчанию прописан #ffffff и поменять это значение на transparent у меня не выходит. Заполнить его прозрачными однопиксельными .gif или .png файлами не предлагать. Спасибо.

    Asked by uefa,

    0 votes
    9 answers

  15. Как сделать автоматический переход по картинке?

    Есть такой полезный Java-скрипт ввиде ссылки. При подводе мышке на ссылку, скрипт автоматически перебрасывает вас на web адрес, указанный в сылке. <A href="http://site.ru" onMouseOver="click('')"><b>Ссылка!</b></a> Можно ли сделать то же самое, но только с картинкой?

    Asked by arked,

    0 votes
    5 answers

  16. Помогите с в?рсткой (99% - не найдут ответа)

    Вобщем возникла проблемка с непонятным отступом от правой колонки вот код: <body> <div id="page-all"> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="323" height="99"/></div> </div> <div id="boy"><img src="images/boy.gif" width="244" height="280" /></div> </div> <div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3"><div id="lefttext"><div id="title1"><div id="title1-te…

    Asked by zetaap,

    0 votes
    5 answers

  17. не выравнивается текст рядом с тегом input в td

    В ячейке таблицы находятся тест и текстовое поле. Почему-то в этом поле нельзя задать тексту аттрибут vertical-align, Выравнивание происходит всегда по нижнему краю. не помогает ни указание выравнивания в ни через class ни через style: <table width="100%" class="listCACenterTable"> <tr> <td valign="top"><table width="100%" border=1> ... <td class="listCACenterTableTD" style="vertical-align:top"> .css .listCACenterTable td {vertical-align:top;} td.listCACenterTableTD {vertical-align: top;} В ч?м может быть ошибка?

    Asked by Fixer,

    0 votes
    4 answers

  18. Вопрос по таблицам. Очень интересный и важный :)

    В общем задача состоит в том, чтобы сделать страничку, которая уходит не вниз а вбок. То есть горизонтальное полотно сайта (фиксированная высота и нефиксированная ширина Может быть кто нибудь с этим сталкивался? то есть Нужно сделать так: ____________________________________________________ | текст ... *************************************************** | | текст ... *************************************************** | | текст ... *************************************************** | | текст ... *************************************************** | ____________________________________________________ Может быть кто нибудь знает…

    Asked by lcdenten,

    0 votes
    6 answers

  19. Как растянуть страницу?

    Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

    Asked by vl@dvk,

    0 votes
    9 answers

  20. ФРЕЙМЫ/ССЫЛКИ

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

    Asked by qwertyui,

    0 votes
    7 answers

  21. прозрачность PNG vs IE6

    Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…

    Asked by шин,

    0 votes
    1 answer

  22. В ч?м ошибка?

    www.css-mapping.narod.ru Текст снизу и его св-ва идентичны такому же сверху, но тогда почему он жирный???

    Asked by Sheena,

    0 votes
    5 answers

  23. Слои съезжают

    Верстаю дивами, вот код в него все завернуто: #main { position: relative; height: 100%; width: expression((documentElement.clientWidthdocument.body.clientWidth)<1000?'1000px?:??); /* Internet Explorer */ min-width: 1000px; /* Opera & FireFox */ } Но почемуто при добавлении этого хака, в Опере не работает вообще, а в ИЕ и Мозиле не вводится на страницу вовсе ничего! Где ашипка, подскажите?

    Asked by okunev2,

    0 votes
    4 answers

  24. line-height в IE, FF, Opera-e

    не подскажите где б можно было отыскать инфрормацию или сами может прокоментируете интерпретацию высоты строк в этих браузерах. Так как на практике убедился что все они по разному интерпретируют. Постоянно стыкаюсь с тем что в ФФ при задании в какойто строчки высоты строки ниже какой-то допустимой все что внизу лезет на 1px.

    Asked by Postal,

    0 votes
    4 answers

  25. Как выравнить DIV по ширине и высоте на 100%

    Возникла трудность.... помогите решить е? _ Выравнил слой (#portfolio_vkrace) по ширине и высоте на 100% вставляю в него ещ? слой (#portfolio_vkrace_img) с картинкой и с заданным размером по ширине и высоте и выравниваю слой #portfolio_vkrace_img по леваму краю (float:left) и слой #portfolio_vkrace в mazile всегда оста?тся одного размера (в IE вроде нормально работает) вот адрес к странице: http://test.kapriz-spb.ru/portfolio1/ Часть исходного кода html: <div id=content> <div id=dimg><img src="/img_kapriz/kaprize_16.png" width="433" height="228"></div> <h1>портфолио</h1> <div id=portfolio_vkrace> <div id=portfolio_vkrace1>…

    Asked by antonP,

    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