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

  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. Помоги решить проблему.

    Помогите разобратся с rus98.ru /auto-news/ верстка поплыла, а я что то немогу разобратся где именно допустил ошибку.

    Asked by musulman,

    0 votes
    1 answer

  2. SOS! Opera 10.62 лагает при стандартной задаче

    Странно, но у меня ни когда не было проблем с Оперой 10* а теперь вообще необъяснимый для меня глюк (подробнее см. рисунок). Почему Header уполз вправо????? Почему Мозила и Хром все отлично отображают?! HTML документа такой: <div id="header"> <div id="menu"> <ul id="nav"> <li class="m2"><a href="/portfolio" /></li> <li class="m3"><a href="/biografi" /></li> <li class="m4"><a href="/services" /></li> <li class="m5"><a href="/products" /></li> <li class="m6"><a href="/contact" /></li> </ul> </div> <div id="logo"><a …

    Asked by mr_temi4,

    0 votes
    6 answers

  3. Как изменить порядок следования блоков

    Есть два блока, один идет за другим, например <div id="div1">Контент 1</div><div id="div2">Контент 2</div> Блок div2 отобразиться под блоком div1. Высоты блоков не известны, вернее они могут быть различны. Есть ли возможность отобразить блок div2 над блоком div1 без использования javascript? Если бы размеры были известны, хотя бы у блока div2, то абсолютное позиционирование и margin-top, но в данном случае не подходит

    Asked by alzasr,

    0 votes
    11 answers

  4. Выпадающее меню

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

    Asked by jemes5,

    0 votes
    4 answers

  5. Помогите разобратся

    Добрый день. Хочу попросить помочь мне. Дело в том что сайт http://bplsp.com.ua/ не открывается в IE., т.е. не могу открыть главную страничку, а если записать адрес другой странички тогда она открывается.

    Asked by Eduard1976,

    0 votes
    2 answers

  6. Как можно сверстать сие чудо?

    Задам для начала несколько больше всего интересующих меня вопросов и покажу результат который есть на данный момент. 1 и 2 - Меня интересует как можно проще реализовать эти линии. 3 - Как лучше сделать отступ? Если брать ныне существующий код, то я думал добавить еще один table и выставить ему height, в размере нужного отступа. Код можно посмотреть тут: Турнирная таблица. Проблема заключает в том, что в конечно итоге нужно добавлять неограниченное кол-во строк не меняя размеры в последующих столбиках. например: берем 16 игроков, второй столбик соответственно уже 8. И тут вдруг мне понадобилась таблица на 32 игрока, и я просто добавляю еще 16 строк грубо говоря <tab…

    Asked by DADE,

    0 votes
    11 answers

  7. Подключение CSS для разных браузеров.

    Есть код: <link href="style.css" rel="stylesheet" type="text/css" /> <!--[if Opera]> <link href="style_opera.css" rel="stylesheet" type="text/css" /> <![endif]--> Но Opera всё равно использует первый css. Что делать? Может я, что то не так сделал?

    Asked by kino_Jgor,

    0 votes
    1 answer

  8. ie6 div width 100%

    Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…

    Asked by sterx,

    0 votes
    6 answers

  9. Раздельное выравнивание в TD

    Есть ячейка таблицы. В ней - 2 слова: 1-е: Должно быть выровнено по левой стороне и по середине высоты 2-е: Поверх первого, по правой стороне, по середине высоты. Меньшего шрифта. Я уже час пытаюсь найти решение. Лучшее из того, что у меня получилось выглядит следующим образом: <td> <div style = "position: absolute"> Первое слово </div> <div style = "text-align: right"> <!-- Невидимый блок - для того, чтобы ячейка была необходимой высоты --> <span style="visibility: hidden"> a </span> <span style = "font-size: 8px">Второе слово</span> </div> </td> По идее осталось выровнять последний <span…

    Asked by larafyll,

    0 votes
    14 answers

  10. как ограничить toolbox в средней ячейке?

    Есть такая штука. в title прописываешь текст и при наведении на объект он появляется рядом с курсором в блоке. делается так JS: var _w=window,_d=document; _w.onerror = null; var tooltip_attr_name = "tooltip",tooltip_len=45; _w.onload=function(e){if(_d.createElement)tooltip.d();} tooltip={ t: _d.createElement("DIV"), c: null, g: false, m: function(e) { if (tooltip.g) { oCanvas=_d.getElementsByTagName((_d.compatMode&&_d.compatMode=="CSS1Compat")?"HTML":"BODY")[0]; x=_w.event?event.clientX+oCanvas.scrollLeft:e.pageX; y=_w.event?event.clientY+oCanvas.scrollTop:e.pageY; tooltip.a(x,y); } }, d: function() { tooltip.t.setAttribute("i…

    Asked by sstyle,

    0 votes
    0 answers

  11. Есть ли у кого такой рецепт?

    Друзья, не обращался бы к Вам по вопросу легко разрешаемому(хотя кому как). Дело вот в чем. Кликая по ссылке вы попадаете на другую страницу и эта страница начинает просматриватся с верху. Вопрос. Можно ли сделать так чтобы просмотр страницы после ее открытия начался с определенного места?

    Asked by getalusk,

    0 votes
    9 answers

  12. Резиновый сайт

    проблема в следующем: на странице расположены элементы с position:absolute и их расположение и ширина задано в процентах относительно браузера. Хочу задать для body min-widht и min-height. Задал. при уменьшении окна браузера полосы прокрутки появляются но все элементы продолжают изменять позицию относительно рамок окна. как сделать так чтобы после появления полос прокруток сайт камянел) тоесть не уменьшался?

    Asked by xtz,

    0 votes
    4 answers

  13. Шрифт Arial Narrow

    Дизайнер настаивает на использовании этого шрифта или чего-то подобного (с узкими символами). Этот шрифт в принципе подходит, но у него проблемы с отображением буквы "ш" - не знаю как в семерке, но на XP он слипается со следующим. Образуется двухпиксельная полоска, которая при чтении вызывает ощущение "кляксы". Предполагается использование на больших массивах текста, поэтому решения типа Cufon не подходят. Есть идея с помощью Java Script помещать "ш" в span с однопиксельным отступом справа, но это будет тормозить страницу. Есть ли решение или аналогичный шрифт?

    Asked by Gorini4,

    0 votes
    6 answers

  14. IMG MAP AREA - координаты в процентах

    Нужна интерактивная МАСШТАБИРУЕМАЯ картинка на весь экран. Хочу сделать с помощью тэга area. Всё бы ничего, да вот при масштабировании регионы уползают кто куда Вроде бы можно указывать координаты в процентах, но ни в IE, ни в Opera данный код не работает У кого какие есть соображения? <img src=bg.jpg width="100%" border="0" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="0%, 0%, 50%, 100%" href="#" alt="zone1"> </map>

    Asked by DarkDaemon,

    0 votes
    6 answers

  15. Вопросы про FORM и INPUT

    Всем привет. Вот простой код: <form name="primer" method="post"> <input type="text" size="10" value""> </form> А вот как задать: 1. высоту формы ввода? 2. Размер и цвет вводимого текста ? 3. Цвет заливки внутри формы ? 4. и как задать Border ?

    Asked by d4a1,

    0 votes
    5 answers

  16. Прозрачность

    по поводу новоявленной статьи про прозрачность я замутил точно то же что и без использования новых свойств. Смотрим в действии. Любители упрекнуть могут заметить полный крах на IE6 и помимо замечания о том что на IE6 всем посрать могу заметить что новомодный RGBA вообще ежа родит в том же контексте...

    Asked by CEBEP,

    0 votes
    7 answers

  17. Прыгает правая колонка

    Всем привет, появилась такая проблема, никак не могу решить. http://www.searchenginejournal.ru/ Если, например, в Firefox обновлять, то правая колонка не сразу подгружается, а лишь через какое-то время. Надо сделать так, чтобы центрировалось всегда, а не прыгало. Заранее спасибо за помощь!

    Asked by donflash,

    0 votes
    6 answers

  18. полупрозрачный PNG и filter: Alpha(opacity) не дружат?

    При попытке изменить в IE прозрачность png с полупрозрачными областями с помощью filter: Alpha(opacity=...) прозрачные места становятся черными. При этом прозрачность полупрозрачного PNG спокойно меняется CSS св-вом opacity в "конкурирующих браузерах" В чем тут причина?

    Asked by miknsk,

    0 votes
    3 answers

  19. Случайные картинки в определенной области

    Добрый день. Подскажите, как реализовать вывод случайного изображения в определенной области страницы? Нужно что бы при каждой загрузке грубо говоря "баннер" брался случайно из определенного каталога. Спасибо.

    Asked by dak75,

    0 votes
    1 answer

  20. Неправильное отображение в Google Chrome

    Добрый день! Не мог бы кто-нибудь подсказать в чем дело - сайдбар сайта отображается вполне нормально во всех браузерах, за исключением Google Chrome (да и то - на каких-то мониторах нормально, на каких-то нет) Проблема появилась буквально пару дней назад, до этого все было ок. Изменения в шаблоне сайдбара были минимальными. Сайт - uptracker точка ru Помогите пожалуйста! Заранее спасибо)

    Asked by SWG,

    0 votes
    8 answers

  21. Как сверстать градиентные полоски для hover?

    Нужно сверстать вот такой hover Проблема возникла с крайними светлыми градиентными полосками. Ума не приложу как это сверстать.. Пока код такой: ul.top_menu li a{padding:54px 33px 21px 33px;} ul.top_menu li a:hover{background:url('../img/menu_hover.jpg') left top repeat-x;margin:0 -1px;border-right:solid 1px #2b2a28;border-left:solid 1px #2b2a28;}

    Asked by maerrry,

    0 votes
    5 answers

  22. <ol start="11"> в XHTML 1.1

    Какие альтернативы существуют для <ol start="11"> в XHTML 1.1, где start запрещён ?

    Asked by Webr,

    0 votes
    5 answers

  23. Зазор между хедером и контентом приверстке блоками

    Вот такой вопрос - только начинаю учиться делать сайты и возникла проблема - когда пытаюсь делать блоки дивами , между всеми элементами возникает зазор. Делал это по статьям, там в скриншотах таких зазоров небыло.В чем может быть причина того , что элементы сайта не прилегают вплотную друг к другу при наполнении их текстом. Вот скриншот - http://ipicture.ru/Gallery/Viewfull/1372843.html (извиняюсь , если неправильно загрузил фотографию)

    Asked by Gaydar777,

    0 votes
    4 answers

  24. приоритетный стиль

    к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…

    Asked by Artyomii,

    0 votes
    4 answers

  25. Макет сайта

    Вот есть макет сайта.Меня интересует вопрос по центральной части.Там где новости с комментами,датой.Как её можно сверстать чтобы получилось все правильно.Я уже сверстал верх и эту центральную часть начал.Вот только не пойму как сверстать так чтобы текст и дата, комменты были на одном уровне и самое главное там под каждой новостью идет линия,как сверстать так чтобы линия была и там где дата с комментами и там где новость.Короче я так понял должен получиться один блок.Но в макете получается что слои то разные и что то не получается совместить на один уровень дату с комментами и линия подчеркивающую всю новость.Подскажите пожалуйста просто на словах можно, а дальше я cам раз…

    Asked by AndreyGSPB,

    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