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. Как фиксировать изображение?

    Вот сайт, мой. Я его не рекламирую Привожу ссылку для наглядности. popfor.ru Я новичок в веб-дизайне. Подскажите, что прописать в css, чтобы изображение, которое справа, при сворачивании окна браузера "тормозилось" перед логотипом, который расположен слева, пикселей, хотябы на 20-30. Буду очень признателен за помощь Код самого изображения: .shp_tr { background:url(../../images/shp_bags.gif) left top no-repeat; right:auto;height:216px; width:693px;} Вот весь код: Удалено.

    Asked by popfor,

    0 votes
    9 answers

  2. Вопрос по параметрам тегов для обертывания IMG

    Народ, помогите советом. Не могу сформулировать проблему так, чтобы поисковики меня поняли :-) Есть картинка <img src=...>. Если её оформить как <img style="width:100%" src=...> , то она отлично тянется и ресайзится. Однако дело в том, что этот IMG формируется скриптом, и как к нему подлезть, я пока не придумал - нельзя его изменять, в общем. Зато можно обернуть этот IMG во что-нибудь. Я перепробовал несколько вариантов, но успеха не добился. Подскажите, пожалуйста, какие-нибудь варианты обёртки.

    Asked by Max.htm,

    0 votes
    3 answers

  3. Изобр. на форме с меняющейся картинкой

    Есть вот такая заготовка: <a href="http://www.mail.ru" onMouseOver="document.button.src='buttoni.png'" onMouseOut="document.button.src='button.png'"> <img src="button.png" class="csbutton" alt="Рассчитать индивидуально" name="button"></a> Которая, как известно, при наведении курсора мыши на кнопку меняет картинку. Пытался сделать такое с картинокой в форме: <!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> </head> <body> <form ac…

    Asked by frrgstr,

    0 votes
    8 answers

  4. автоматический перенос блоков внутри блока

    есть сабж, в одном диве 7 картинок к которым подключен Хайслайд. ширина дива 800 пихелей. надо чтоб в одну строку влазило не больше 4-х рисунков, и всё ето надо реализовать через html/css. причём проблема только в опере, лисица и ИЕ всё переносят нормально... подскажите как пожалуйста)

    Asked by Proks,

    0 votes
    3 answers

  5. Вёрстка, проблемы в Опере

    Тема решена!

    Asked by minimal,

    0 votes
    0 answers

  6. width вложенного div больше width родителя

    <div id="menu" style="width:300; position:absolute; left:25; clip:rect(0 330 auto 0)"> <div id="menu2" style="position:relative; white-space:nowrap"> текст, у которого может быть различная ширина, к примеру 1300 px </div> </div> 1) в IE menu2.offsetWidth дает правильную ширину 1300, а в Opere выдает 300 (offsetWidth menu). Как узнать в опере menu2.offsetWidth? 2) Как сделать, чтобы ширина menu2 не влияла на горизонтальный скроллинг окна.

    Asked by Chebas,

    0 votes
    1 answer

  7. нужна помосч

    вопрос состоит в следующем есть грубо говоря вот такой код <div id="wrapper"> <div id="wrapper1"></div><!-- #wrapper1 --> <div id="wrapper2"></div><!-- #wrapper2 --> <div id="wrapper3"></div><!--#wrapper3--> </div><!-- #wrapper --> мне нужно каждому из етих 4 блоков задать свой background только так чтобы он в любом из даных блоков тянулся например при добавлении текста в блоки wrapper1 - wrapper3 ну и соответственно чтобы и тянулся background родительского блока wrapper. За предложеные варианты большое спасибо

    Asked by Romario1985,

    0 votes
    26 answers

  8. пробивная сила 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

  9. В IE не видно пунктирное подчеркивание ссылок

    Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…

    Asked by begin3,

    0 votes
    6 answers

  10. Элементы меню, выравнены по левому и правому краю.

    Вступление Всем привет. Возможно для Вас это не проблема, но я уже себе весь мозг сломал, пальцы стерты до дыр после гугления, и все что имеется у меня на данный момент это несколько совсем некрасивых решений . Задача У нас есть меню, состоящее из 5 (количество пунктов может меняться) пунктов. Нужно чтобы первый пункт выл у самого левого края. А последний у правого. И расстояние между пунктами было одинаковым. Вот пример: |[u]Главная страница[/u] [u]Форум[/u] [u]Новости[/u] [u]Гостевая книга[/u] [u]Войти[/u]| Где | это край к которому должны быть прибиты элементы. Если использовать выравнивание по центру то получим: | [u]Главная страница[/u] [u]Форум[/u] [u]…

    Asked by pizzZ,

    0 votes
    2 answers

  11. Как сделать статистику ?

    Доброй ночи уважаемые Гуру!Подскажите как сделать возле каждой кнопки "скачать" свою мини статистику,например: Кнопка "Скачать" возле неё на против сколько раз файл просмотрен и сколько раз этот файл скачали. Возможно ли так сделать?если да,то как??? - Это не на форум,а на каждую страничку сайта где есть кнопка скачать. Вот пример как тут: http://www.twirpx.com/file/41594/ Заранее БОЛЬШОЕ СПАСИБО.

    Asked by luka,

    0 votes
    6 answers

  12. Левая колонка скрывается без скролла

    При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!

    Asked by htmlkin,

    0 votes
    29 answers

  13. Выравнивание по-центру абсолютного блока с неизвестной шириной. Возможно?

    <style type="text/css"> .temp1 { position: absolute; left: 40%; border: solid 1px black; } .temp2 { position: absolute; border: solid 1px red; top: 200px; left: -50%; } </style> <div class="temp1"> <pre class="temp2"> </pre> </div> Вот есть у меня блок: тег pre, я не знаю его ширину. Но мне нужно его спозиционировать по центру... Возможно ли это?

    Asked by Xoce,

    0 votes
    2 answers

  14. Проблема с firefox с www и без разные стили

    Нормально как и должно быть - http://www.stockvest.ru/ а без www весь контент, дивы, баннеры все в уменьшенном виде - http://stockvest.ru/ Проблема только в firefox(обновлял не помогло), в опере, хром и ei все нормально. Не пойму что за бред. Может это у меня firefox тупит.

    Asked by antosha,

    0 votes
    3 answers

  15. Трабл с hover'ом... в Safari

    Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-to…

    Asked by Wormaster,

    0 votes
    2 answers

  16. Центровка сайта: проблема в Opera

    Делаю отцентрованный сайт (Ссылка, narod.ru, исходник на slil.ru), : Всё получается ок, центральная колонка и изображением остаётся ровно в центре, никаких проблем. Однако, к таблице приходится добавлять Чтобы не было зазоров/границ. После этого исключительно в Opera всё это дело слезает: Думал, конечно, жёстко задать ширину левого и правого <td> в процентах/пикселях, но тогда они потеряют свою "резиновость". Как решить проблему? Спасибо.

    Asked by rounder,

    0 votes
    11 answers

  17. Проблема с областью ссылки

    Дорогие, форумчане! Помогите, пожалуйста! Прописываю следующий CSS-код: div.button { background-image: url(/design/Command1.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } div.button:hover { background-image: url(/design/Command2.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } Прописываю следующий HTML-код: <a rel="shadowbox;width=640;height=505;player=swf" title="Василий Шукшин - Калина Красная" href="http://video.google.com/googleplayer.swf?docid=-1336173211077011168&hl=ru&fs=true"><div class="button"></div></a> Вроде…

    Asked by RuSS,

    0 votes
    1 answer

  18. Текст в DIV'е

    Здравствуйте! У меня есть div, который занимает всю длину ячейки таблицы. В этом диве есть текст, который длиннее этого div'a. Мне нужно сделать так, чтобы этот текст не переносился на следующую строку, а обрезался с правого края div'a. ...... <td style="width: 200px;"><div>Этот текст длиннее двухсот пикселей!</div></td> ......

    Asked by DRONNY,

    0 votes
    2 answers

  19. Menu span, блокирует все что сзади

    Здравствуйте. У меня проблема. В браузерах Opera и FireFox, на сайте из-за Menu span, блокируется все что сзади находится. А в IE нормально. Подскажите как можно это испавить? http://slik.biz/mail.php Спасибо.

    Asked by BoB,

    0 votes
    5 answers

  20. таблица

    Есть таблица с фоном(brick.bmp), которая центрируется. Для одной из ячеек нужно, чтобы фона не было (точнее, был фон страницы-h5.jpg). как можно реализовать? BODY{background: url('images/h5.jpg') repeat-x fixed #ff8; margin: 0; font-family: Arial} TABLE.b {table-layout: auto; background-image:url('images/brick.bmp'); border-collapse: collapse; margin: 0 auto; margin-bottom: 20px;} фон не однородный, и просто задать его фоном ячейки не выйдет. Благодарю за помощь.

    Asked by Sh.B.Malinkin,

    0 votes
    4 answers

  21. Iframe

    Подскажите каким образом можно реализовать отображение фрейма на странице, но так, чтобы не от верхнего левого угла, а с определенной позиции, например 100 по X 100 по Y?

    Asked by ganzales,

    0 votes
    0 answers

  22. Кривится верстка в IE 7

    http://budnirussia.ru/ Посоветуйте, пожалуйста, что делать, чтобы верску в IE подвести к тому, как это выглядит в Опере или в Мозилле?

    Asked by ainur11,

    0 votes
    4 answers

  23. в IE блок становится шире

    верхнее меню сделал через JQuery, ниже 2 дива для эффекта закругления в css это все дело у меня помещено в таблицу, т.к. правее есть еще один список с JQuery эффектом и чтобы его ровно сверстать вложил все в таблицу во всех браузерах кроме IE все замечательно пытался через html и в css в комментариях прописывать не получаетсо

    Asked by winkywright,

    0 votes
    7 answers

  24. Проблема вертикального меню в опере

    Создал себе сайт, но не могу побороть одну проблему - в IE выпадающее меню работает нормально, а в опере не полностью. Гляньте пожалуйста, что не так? http://snacks-club.org.ua/

    Asked by Medness,

    0 votes
    2 answers

  25. Как "такое" сделать в div`ах

    Здравствуйте форумчане и форумчанке. Возникла проблема при верстке в дивах, необходимо сделать следующие: Вся проблема заключается в том что не знаю как сделать такое без абсолютного позиционирования. (и конечно без таблиц) Как видно из рисунка, это пост на форуме, который будет повторятся. Если делать в абсолютном позиционировании, то каждое новое сообщение будет наслаиваться на предыдущие. В итоге 10 сообщений выглядит как одно. + всё должно тянутся, за исключением фиолет. и зелен.полей. Поле с аватором (фиолет) должно тянуться только по высоте (height), а поле с логином (зелен) только по ширине (width). Заранее спасибо.

    Asked by dedmene,

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