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. Шапка из 3 картинок + Беграунд

    Добрый день, Уважаемые Гуру! Есть такой вопрос, как сделать на дивах следующее. Есть 3 картинки которые находятся в шапке сайта: Left.gif, center.gif, right.gif Надо чтобы центральная картинка была на месте по центру страници а левая и правая при изменении размера прятались или появлялись. Уже парюсь 3 дня все мысли кончились

    Asked by murzik123,

    0 votes
    21 answers

  2. Нужны шаблоны.psd

    Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!

    Asked by Jef,

    0 votes
    7 answers

  3. Размещение картинки внутри div

    Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…

    Asked by Spartach,

    0 votes
    8 answers

  4. Проблемы с footer и menu

    В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах

    Asked by Вадим,

    0 votes
    84 answers

  5. Хочу создать сайт студии Монолит

    Хочу создать сайт студии Монолит на бесплатном хостинге UCOZ. http://www.monolit-record.ucoz.ru/ Надо на основе другого сайта сделать страницы. И каталоги. http://www.soyuz-record.ru/ А я только начинаю этим заниматься. Меня все посылают сюда. Помогите мне, пожалуйста! Вот я скопировал коды главной страницы. Как бы мне её переписать для моего сайта? И как каталоги создавать? <!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"> <title>СОЮЗ - Сборник популярной музыки</title> <meta name='yandex-verification' content='796b4c2f78abd358…

    Asked by Smirnoffremastering,

    0 votes
    5 answers

  6. Исчезает анти-алиасинг шрифта в javascript-меню

    Верстаю сайт для себя, использую ява-скрипт меню. Уже на втором подряд сайте не могу решить проблему. Если вы посмотрите на страницу http://obnajenie.ru, то там видно, что шрифт везде, кроме шрифта в том самом меню, сглажен. А внутри выпадающего меню анти-алиасинг пропадает. Причем, пока скрипт подгружается шрифт нормальный, а как меню-аккордеон сворачивается, анти-алиасинг пропадает. На другом сайте он вообще менял шрифт на другой. Выложу также несжатый скрипт этого меню: http://obnajenie.ru/accordian-src.js Может быть проблема для кого-то очевидна?

    Asked by funker,

    0 votes
    3 answers

  7. таблица из дивов

    Здраствуйте помогите пожалуйста встала задача сделать таблицу из дивов 1 строка 3 столбца. Проблема в том что крайние дивы фиксированного размера шириной 8px а центральный должен растягиватся на все оставшееся место. делал так <div class="zone"><div class="tl"></div><div class="tc">центральный</div><div class="tr"></div></div> не хочет все это вставать в 1 строчку (( .zone { height:30px; width:100%; display:table-row; } .tc{ display: table-cell; background-image: url("../res/tc.png"); float:left; height:30px; width:100%; left:8px; right:8px; } .tr{ display: table-cell; float:left; background-image: …

    Asked by lancer666,

    0 votes
    12 answers

  8. Помогите задать стиль тексту

    Есть код <table class="contentpaneopen"> <tr> <td valign="top" colspan="2"> Президент "Майами" Пэт Райли принял решение не подписывать контракты со свободными агентами в текущее межсезонье, сообщает South Florida Sun Sentinel. Таким образом, "Хит" постараются усилить позицию разыгрывающего путём обменов и отказываются от приобретения свободного агента Аллена Айверсона, имеющего предложение от "Мемфиса". <br /> <br /> По информации компетентного источника, "Гризлиз" готовы заплатить 34-летнему баскетболисту $ 3,5 млн за год, а "Майами" не сможет перекрыть эту сумму, так как клуб уже превысил лимит налога на роскошь.<br /> <div c…

    Asked by FASTDEATH,

    0 votes
    2 answers

  9. logo поверх флешки

    Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash…

    Asked by Saiko,

    0 votes
    0 answers

  10. td height IE

    Не получается сделать высоту первой ячейки ни через атрибут, ни через стиль IE не слушает. Все вроде правильно отверстано! Где косяк? <!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=-</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#191919; } --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" wid…

    Asked by yadfewm,

    0 votes
    9 answers

  11. вызов текста через alert

    Люди подскажите пожалуйста как мне вызвать текст из текстового поля через alert, т.е. чтобы в окне сообщения показывалось то что внутри поля. А то что то никак не получается. Заранее спасибо.

    Asked by ilyasiv,

    0 votes
    4 answers

  12. позиционирование div

    в пределах <fieldset> есть набор однотипных div все они расположены в столбик один под одним, кроме одного - который расположен справа- точнее в верхнем правом углу, это за счет установки свойства float:right; все чудненько, а теперь вот необходимо под этим дивом установить еще один такой же, как я не мудровал с float, clear, ничего не получилось, они размещаются друг возле друга, а не один над другим, подскажите, пожалуйста, как сделать правильно.

    Asked by underW,

    0 votes
    3 answers

  13. не работает onclick="window.open...

    onclick="window.open('/images/stories/ekonom1.jpg,'EKONOM','width=100,height=100')" когда нажимаешь ссылка открывается в этом же окне, если указывать target="_blank" то в IE открываеться просто новое окно не 100х100, а в опере открвается простое новое окно и окно размером 100 на 100 =)), а если не указывать target="_blank" то в опере просто открываеться в этом же окне. Код редактирую через админку джумлы.

    Asked by SoFuWa,

    0 votes
    4 answers

  14. Проблема с таблицами в IE

    Добрый день! Слудующая проблема. Есть страница с таблицей по всей ширине страницы. После таблицы идёт пара абзацев текста. Примерно в таком виде: <table width="525" border="1" align="left" cellpadding="3" cellspacing="3">контент таблицы контент таблицы контент таблицы контент таблицы контент таблицы контент таблицы </table> <span class="hp_caption">контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста </span> В ff и opera отображается нормально, после таблицы, как положенно, но в IE отображается сбоку таблицы, по 1-2 символа вдоль всей правой границы. Как бороться с т…

    Asked by artpol,

    0 votes
    7 answers

  15. Подскажите!

    Ну вот! .row2{ background:#161616 url(wow_ru/post-bg1.gif) repeat-x top; } Как его растянуть на всю! Что бы не пострадали остальные части форума?

    Asked by angelShlesser,

    0 votes
    0 answers

  16. Флеш шапка на сайт...

    Здравствуйте. Поставил шапку на сайт. Java скрипт стоит. Когда захожу на сайт с IX - шапка норм видна, если с мозилы то пишет скачайте флеш - я кобы нету. Расскажите как можно устранить ошибку, т.е. сделать так чтобы шапка была видна во всех браузерах (ну хотя бы в 3х основных Opera, Mozilla, IE. Спасибо. КОД: <div> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="1260" height="200" id="myFlashContent"> <param name="movie" value="http://slmklinic.ru/templates/Spring_City/images/untitled.swf"> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="untitled.swf" width="1223" height="200"> <!--<![endif]--…

    Asked by miha687,

    0 votes
    1 answer

  17. помогите найти решение

    ребят привет. опять нуждаюсь в помощи, теперь чисто теоретической. сталкнулся с такой проблемой. попробую объяснить подробно. нужно сверстать макет для монитором от 1024 пик. сайт фиксировнный 1030 пик. плюс задний фон для мониторов 1680 пик. итак на мониторах 1024 пик фон сайта будет белым, при 1280 и выше сзади появляется красочный фон. так вот как сделать ширину точной для монитора 1024 пик., но чтобы не было видно деталей заднего фона и полосы прокрутки снизу. простыми словами мне нужно как минимум чтобы контент сайта был 1030 пик. чтобы быть увереным что не появляются задние детали. дизайн сделан так что ширина шапки и подвала 1030 пик. спасибо

    Asked by termoplus,

    0 votes
    18 answers

  18. Фон и изображения

    Здравствуйте! У меня возникла проблема с фоном, а именно: Установив 2 изображения (справа и слева) на фон - появилась проблема с фоном внизу (наверху нормально): Он категарически отказывается накладывать на себя эти изображения (хотя вроде изображения не настолько длинные), а также стал считать их границами своими т.е. он дальше конца изображения (слева и справа) не распастраняется (остаются просто пустое белое место за изображениями) Как заставить нижний фон наложить на себя изображения эти? Или хотя бы продолжиться за изображениями! Верхний фон: body{ background: #FFF url(style_images/<#IMG_DIR#>/fond.gif) repeat-x; color: #222; font-family: Verdana, Tahoma, …

    Asked by Darkman,

    0 votes
    6 answers

  19. Помогите пожалуйста...оч горю!

    Меню верхнее в FF и Опере все пашет норма...а в ие гадость( http://komfo-mir.ru/index.php Подскажите пожалуйста, чего делать

    Asked by fatrus,

    0 votes
    9 answers

  20. Ивритский язык в HTML

    Народ столкнулся с такой проблемой, делаю сайт на ивритском языке, и когда копирую из того же ворда иврит во флеш (текст) то када он вставляется во флеш то буквы переставляются местами, как сделать так чтобы такого не происходило, настройки винды???

    Asked by TonKhaO,

    0 votes
    4 answers

  21. Отключить всю безопасность в IE-6

    Внедряю селениум на ынтерпрайзном быдлокодинге. У заказчика из браузеров только ИЕ6. Все остальные считаются неправедными и преданы анафеме. Тестерам раздали по комплекту multiple ie. Короче, на четырех компах удалось обуздать ИЕ, но на одном-никак. Осел не хочет из текущего окна жабаскриптом открывать новое окно и выпадает с исключением, "операция не поддерживается". Где я мог забыть снять галку? Есть ли какой-нибудь радикальный метод отключения запретов, накладываемых на исполнение жабаскритов в Осликах? Спасибо.

    Asked by ХОЛОДный,

    0 votes
    2 answers

  22. Подсказки для чайницы

    Здравствуйте Ув. знатоки своего дела........ У меня есть собственный ресурс (несколько сайтов). Мне нужно их продвинуть!!!! Я изучила язык HTML CSS загрузила программу Зилла как попасть мне на свой сайт чтоб управлять.

    Asked by gulya77,

    0 votes
    5 answers

  23. Помогите с доктайпом.

    1. Мне посоветовали поставить доктайп чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта. Я сделала это, надеюсь он подойдет моему сайту www.miroslava.nm.ru Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.miroslava.nm.ru мой первый сайт (я не считаю www.psy-dnu.n…

    Asked by mira,

    0 votes
    8 answers

  24. Проблема со шрифтом. В верстке он отличается от того что я нарисовал в фотошопе

    Проблема с надписью "Как влияет кризис на рабочие места?". Вот эта надмись в фотошопе: Вот что у меня появляется вёрстке: Вот код этой надписи: <span class="orange_14">Как влияет кризис на рабочие места</span> Вот её клас: .orange_14 { color: #f8960b; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bolder; } Почему в фотошопе эта надпись значительно уже нежели в вёрстке. Для ориентира смотрите на полосу выше надписи, это конец банера.

    Asked by dimanlin,

    0 votes
    6 answers

  25. Png в IE6 в списках

    Здравствуйте! У меня возникла проблема - не отображается нормально png в IE6 в списках. Пример смотреть здесь: http://www.yniq.ru/about_product/index.htm На сайте использовал скрипт function correctPNG(){ for(var i=0; i<document.images.length; i++){ var img = document.images; var imgName = img.src.toUpperCase(); if (imgName.substring(imgName.length-3, imgName.length) == "PNG"){ var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (i…

    Asked by AntonSubbota,

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