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 сдвигался до опред. ширины?

    Всем доброго времени суток! Есть обрамляющий div id="header" #header { display: block; position: absolute; top:0px; } Внутри 3 div-a подряд - 1) div id="imglogo" #imglogo { position: absolute; top: 0px; left: 20px; display:block; } 2) div id="bannertop" #bannertop { display:block; position:absolute; left: 260px; top: 28px; } 3) div id="panel" #panel { width: 250px; padding-left:20px; padding-right:20px; padding-top:60px; display:block; float:right; position: relative; font-size:11px; } При схлопывании страницы - 3й див (панель который) залазит на первые 2. Как сделать, чтобы при определ?нной минимальной ширине появлялась полоса прокрутки, а 3й див переставал ползти. Пробо…

    Asked by cjremix,

    0 votes
    2 answers

  2. Встроенные фреймы???

    Добрый день. я являюсь начинающим верстальщиком (создателем) сайтов.Прошу вас помочь мне в следующем: редактор,используемый мною,а именно - FRONTPAGE 2003 имеет поддержку втроенных фреймов.Никак не могу понять - выбирая на своей странице,в необходимом месте - Вставка - Встроенная рамка - появляется фрейм,однако,к примеру,кнопки ,находящиеся слева и справа от фрейма "разлетаются" вниз из зоны созданной рамки.Как мне избежать смещения всей информации из зоны созданного фрейма. С нетерпением жду вашего ответа! Заранее благодарен - Олег.

    Asked by vando2006,

    0 votes
    31 answers

  3. Как в новом открывшемся окне отцентрировать изображение по вертикали?

    "); newwindow.document.write(str2); newwindow.document.write("

    Asked by Ингви,

    0 votes
    4 answers

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

    Мужики, помогите, пожалуйста! Ситуация. Есть страничка на сайте. Она длинная, т.е. уходит ?вниз? на 4-5 экранов, может, больше. На страничке есть много фоток-превьюшек, нажимая на которые в новом окне раскрываются большие фотки. Так вот если превьюшка, например, находится далеко внизу, то при открытии нового окна станичка встает на самое начало! Что-то нет никаких идей?

    Asked by Ингви,

    0 votes
    10 answers

  5. Позиционирование текста в правом углу браузера

    Друзья. Прошу помощи. Хочу позиционировать некий текст в правом верхнем углу браузера. Необходимо, чтобы позиционирование не зависело от клиентской разверстки монитора. Проблема в том, что если прописывать position: absolute и top: xx, left: xx или right: xx происходит смещение текста относительно используемой экранной разверстки. Как быть? Спасибо.

    Asked by walek,

    0 votes
    7 answers

  6. ХЕЛП!!! Flash видео при прокрутке "заезжает" на фиксированный элемент!

    Сделал страницу с фиксированным (position:fixed) положением хедера, ниже, в контенте, по средствам Dreamweaver'а вставлено флеш видео. Когда начинаешь прокручивать контент в IE6 и в Oper'е, это видео "заезжает" на хедер, а не под него! Что делать? Код в шапке страницы: <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave F…

    Asked by mozart,

    0 votes
    4 answers

  7. Рабочий стол...

    Как организовать отображение своего рабочего стола в интернете? Заранее спасибо...

    Asked by vvsh,

    0 votes
    16 answers

  8. IE7: <base target = "_blank"> запределами <head>

    Задача: для части кода с гиперссылками обозначить целью новое окно. В IE6 это чудно работало через перед ссылками и после них. Но IE7, если я правильно понял, отрабатывает base target только внутри .Как решить проблему?

    Asked by gap5,

    0 votes
    6 answers

  9. HTML письмо

    Народ подскажите, через какую программу нужно слать HTML письмо, не как приложение!

    Asked by andryxa,

    0 votes
    2 answers

  10. Резиновая страница. Вертикальное выравнивание.

    Посмотрел все темы на форуме. Наш?л приблизительно похожие, но они мне не подходят. Сам мучался целый день, но проблему не решил... Задача: Есть страница, с шапкой head (красная) фиксированной ширины и высоты, меню left_menu (светло-голубое), главной страницей main_page (синяя), и нижним футером underline (зел?ный) высота и ширина фиксированны. Необходимо чтобы независимо от кол-ва текста на главной странице футер всегда был в нижней части экрана. Т.е. страница растягивалась вертикально. При большом кол-ве текста, естественно появляется прокрутка. Да это просто, скажите вы =). Задать футеру абсолютное позиционирование и прижать его вниз. Ан нет, задача усложняется тем, чт…

    Asked by SIC,

    0 votes
    3 answers

  11. Как изменить размеры элемента формы Option?

    В списке выбора Select появляются очень длинные значения. Мне надо ограничить их длину. С помощью стиля я сделала это, работает в IE и Мозилле, но в Опере и Сафари не хочет. Вот код: qweqwe11111444444444441111111111111122 22222222211111111111111111111111111111 1q 2q В Опере и Сафари сам список укорачивается, а значения - нет. Помогите, если кто сталкивался!

    Asked by GPush,

    0 votes
    0 answers

  12. Автоматическая мультибраузерная подгонка ширины div под картинку

    На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким об…

    Asked by extruder,

    0 votes
    3 answers

  13. карты google

    В общем на мо?м сайте есть раздел где нужно указывать местоположение объектов. Это удобно делать при помощи google map. Я скачал код карты 500х350. И мне нужно сделать чтоб карта разворачивалась при нажатии на кнопку "смотреть на карте" и сворачивалась от кнопки "скрыть карту" без перезагрузки страницы. Подскажите как это зделать. (не php). Код карты находиться в теге iframe

    Asked by eniken,

    0 votes
    3 answers

  14. Вывод контекста в зависимости от max высоты

    Допустим есть таблица из двух колонок. В левой колонке - основное содержание, в правой - небольшие информационные блоки (которых может быть очень много). Необходимо выводить блоков в высоту ровно столько, на сколько растягивает таблицу основное содержание левой колонки. Пока единственно что надумал - вставить в правую колонку резиновый фрейм на всю высоту с max. кол-вом информационных блоков (но в этом случае будет часто видно что след.блок "обрезается"). Какие еще решения могут быть на HTML / + CSS / + JS ? Заранее всем спасибо

    Asked by Razor,

    0 votes
    0 answers

  15. Можно ли в CSS поднять рамку на несколько символов?

    Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…

    Asked by InterSky,

    0 votes
    3 answers

  16. Не вытягивается див, не могу придумать как

    Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…

    Asked by SibBear,

    0 votes
    3 answers

  17. IE6 wtf? o.O

    Проблема отображение в ИЕ6 Уже всю голову измучал, ночь не спал немогу понять в чем проблема. Помогите пожалуйста. Вот как выглядит в ИЕ6: Вот как должно и выглядит в ФФ и ИЕ7: В ИЕ6 подкладка не уходит под меню. А должна, и я даже не прдставляю почему. Заранее благодарен всем хоть на маленькие намеки куда рыть. Ссылка оригинала _http://www.skadovsk-hotels.com

    Asked by 13DureX,

    0 votes
    8 answers

  18. Обьясните тупому, чем отличается id="" от class=""?

    Сколько не смотрю исходные коды страниц, везде вижу применение и id="" и class="", только не могу понять чем они отличаются, что в каких случаях применяется и т.д. и т.п. По функционалу вроде одно и тоже, единственная разница, которую заметил - это каким образом записывается в стилях (#id, .class). А еще то, что одному элементу двух и более id не присваивают, а с class история другая... Подскажите?! Может я вообще неправильно это все использую..

    Asked by mozart,

    0 votes
    2 answers

  19. Как отцентрировать текст по вертикали?

    Никак не могу найти ответ на такой вопрос: как отцентрировать по вертикали в теге текст, изображение, дугой блок, или что-то еще?Простейший код: <div style="height:200px; vertical-align:middle; text-align:center; border:solid #dadada 3px;"> <h1>HAY!</h1> </div> Проблема в том, что текст внутри блока выравнивается по вертикали по верхнему краю, а нужно по середине... Как сделать?

    Asked by mozart,

    0 votes
    3 answers

  20. внедрение мультимедиа

    Подскажите, пожалуйста, подробно как внедрить в веб страницу фильм .mpg. Через object пишу - в IE7 открывается, в Опере и ФФ, вообще ничего. Пишу другое значение classid - открывается в Опере, правда совсем не того размера, что нужно (это при заданном width и height). Зато в IE и FF опять ничего не отображается. Ко всему прочему фильм тяжелейший, (чуть ли 1,5 Гб), так клиент прислал, как его разбить не знаю. Как он вообще будет ли грузиться с сервера, а то я пока на локальном компе смотрю. Короче, беда просто.

    Asked by Vera,

    0 votes
    10 answers

  21. Проблема див внутри дива Опера и Мозила

    Не пойму, что не так www.naryad.ru/contact.php Нажмите отправить, в поле результата в углу крестик, див внутри дива. В опере и Моз. работает отлично. Теперь посмотрите на этой же странице внизу, копирайт. Тот же самый прием, один в один. Но почему то в опере работает, а в мозиле крестик вылетает в угол главного самого большого дива. Что за черт?

    Asked by SibBear,

    0 votes
    6 answers

  22. Scrollbar

    как в css задать принудительное отображение вертикального scrollbar даже если страница не высокая? чтонибудь подобное .body { scrollbar: vertical;}

    Asked by SibBear,

    0 votes
    7 answers

  23. Бегущая строка Хелп!

    Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...

    Asked by CoolBoy,

    0 votes
    8 answers

  24. Два позиционируемых дива внутри основного

    Дано: есть див "content" в нем два дива "left" и "right" которые накладываются друг на друга. Задача: При растягивании "right" в зависимости от наполнения "content" должет так же растягиваться поправка, "left" тоже нужно растянуть Проблема: Если использовать позиционирование, то не растягивается, а если не использовать то не получается перекрытия двух слоев... Код: #content { position: relative; margin: 0px; padding: 0px; width: 880px; min-height: 520px; left: 0px; top: 0px; z-index: 1;} #left { position: absolute; width: 200px; height: 500px; left: 0px; top: 10px; z-index: 1;} #right { position: absolute; width: 780px; left: 100px; top: 10px; z-index: 2;} <d…

    Asked by SibBear,

    0 votes
    1 answer

  25. Растягивание по вертикале

    Здравствуйте! Столкнулся с одной проблемой... Есть таблица, заранее неизвестной ширины, в ее ячейке лежит div. Так вот, мне нужно, что бы этот div автоматически растягивался, по всей высоте таблицы... Как такое осуществить?

    Asked by RoaminFire,

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