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. opera vs "универсальный шаблон"

    Доброго времени суток! Возникла проблема с оперой (что меня удивило) Сверстан сайт по вот этой идее http://trifler.ru/blog/i/users/ushablon.htm пример работает везде и на ура. у меня же после внедрения в жЫзнь, по закону подлости отображает не правильно ФФ и ИЕ корректно понимают margin-bottom:-32767px;padding-bottom:32767px; а вот опера не пожелала пример сайта http://devel.domik.net/mod/offers/ даю ссылку не на главную старницу специально. вкратце для тех кто не хочет заходить: в опере появляется огромное пространство размеров в те самые ~30000рх. Код в студию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401…

    Asked by ignar,

    0 votes
    3 answers

  2. растяжка по высоте,падинги,опера,эксплорер

    http://timako.iskra-net.ru/temp/index.html в опере отображается нормально, но не растягивается по высоте. в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка. (я помню была статья про то, как в эксплорере считается падинг, но так и не нашел) если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска. уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так... помогите, пожалуйста доктайп сохранить, по высоте растянуть, полоску убрать.

    Asked by LikeAPilot,

    0 votes
    20 answers

  3. выпадающее меню

    Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…

    Asked by dfg,

    0 votes
    3 answers

  4. Навигация списками - картинка плюс заголовок

    Никак не могу справиться с небольшой задачкой. Хотел сделать на CSS, не получилось. Бросил, перешел на табличную верстку. Но в ее рамках не удается отработать одну фишку, и решил снова вернуться к CSS. Теперь подробнее. Есть блок, отображающий список статей. Заголовки статей, оформленные в виде ссылок, и слева маленькие квадратные картинки-превьюшки, иллюстрирующие статью. Причем надо, что заголовки не обтекали картинки, а просто были правее. Так аккуратнее смотрится вся эта навигация. В таблицах реализуется просто. <tr> <td valign="top"><a href="#"><img src="pic.jpg" border="0"></a><td> <td width="100%" valign="top"><a hre…

    Asked by extruder,

    0 votes
    13 answers

  5. Сайт уезжает по вертикали за границу окна

    Помогите пожалуйста девушке. которая только что начала изучать CSS и блоки. Простейший шаблон: сверху шапка, слева меню, справа контент. САйт должен быть вытянут по вертикали до низа. Если контента много то соответственно он должен вытягиваться дальше и появляться должна прокрутка. В данный момент он соответсвенно пуст, но почему то уходит за границы экрана. Помогите решить мою проблеу, пожалуйста. <!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> <link href="style2.css" …

    Asked by Golden_Puma,

    0 votes
    7 answers

  6. Гиперссылки

    Есть флэш-галерея, которая находиться в папке flash При попытке запихнуть ее в html файл ничего не происходит, картинки не отображаются как надо. Подключаю в html через след. код: <embed src="flash/xml_photogallery_ver_1.swf" width="850" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> Галерея берет картинки из xml файла. Когда запуская просто из папки. все работает замечательно Если файл index переместить в папку с галереей, то так же все работает замечательно. Явно проблема со ссылками

    Asked by nicotin,

    0 votes
    10 answers

  7. HTML 5.0

    Организация W3C публично представила черновик очередной, пятой версии языка гипертекстовой разметки HTML, который используется в веб-страницах. HTML 5 позволит веб-мастерам рисовать двухмерные изображения средствами языка, эффективнее вставлять на страницы аудио- и видеоклипы. Кроме того, HTML 5 позволяет разработчикам хранить данные на стороне клиента. Из новой версии языка предлагается убрать около 15 тегов. Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.

    Asked by Elendor,

    0 votes
    206 answers

  8. counter

    Решил написать статью об использовании counter-increment, но тут же выяснил, что в FF это свойство работает коряво и в полной мере поддерживается только Оперой. Обидно.

    Asked by Vlad,

    0 votes
    2 answers

  9. Фон checkbox

    Собственно это работает только в Опере: <input style="background: #fc0000;" type="checkbox"> Как сделать чтобы в Мозиле и ИЕ тоже заливался checkbox цветом?

    Asked by okunev2,

    0 votes
    4 answers

  10. Opera

    Подскажите, пожалуйста, существует ли аналог панели для Opera как Firebug в Mozilla или IE Developer Toolbar для Explorer?

    Asked by girl,

    0 votes
    2 answers

  11. overflow: scroll

    Я поставила DIV со значением overflow: scroll; и width: 300px. В div -е у меня table. На table нет width. Колонки table динамические, то есть ширина table может динамически изменяться. Я хочу чтобы когда мой table был шире 300px -я, появилась горизонтальная полоса прокрутки. Когда содержимое div - а больше 300px -я, все правильно, но когда содержимое div -а меньше 300px -я, все равно видны полосы прокрутки, хоть и не активные, фоновые. Можете подсказать, как избежать полосов прокрутки (не активных, фоновых), когда содержимое div -а меньше 300px -я. Спасибо!!!

    Asked by Narine,

    0 votes
    6 answers

  12. Изменение стиля ссылки внутри <span>

    Есть код: span class="alfavit"> А Б В Г Д Что и как прописать в таблице стилей, чтобы убрать подчеркивание ссылок внутри span class="alfavit"> ?

    Asked by Vlaimir,

    0 votes
    2 answers

  13. Простая форма с нефиксированной шириной

    Всем привет. Недавно встала необходимость сделать довольно стандартную форму вот такого вида Login: ________ Password: ________ То есть как видно, лэйблы выравниваются по левому краю, филды по правому. Страница локализирована, то есть лэйблы могут быть на разных языках, так что задавать им ширину не катит, как и самой форме в целом. Надо это сделать слоями. Может кто подскажет решение ?

    Asked by yroman,

    0 votes
    2 answers

  14. CSS

    Подскажите, ну в ч?м тут может быть проблема??? Я хочу элемент a сместить по центру слоя(div). Не понимаю, почему свойство vertical-align не помогает. Да и вообще, почему на тэг a не действуtт св-во margin-top? Буду очень благодарна за советы и замечания. <html> <title>test</title> <style> div { background: red; text-align: center; vertical-align: middle; height:50px; } a { background:green; margin-top:20px; } </style> <body> <div><a href="www.mail.ru"><tag>ссылка</tag></a></div> </body> </html>

    Asked by girl,

    0 votes
    2 answers

  15. проблемы с ie6

    В ie6 центральная часть уезжает вниз. в остальных браузерах работает все нормально. В чем может быть дело http://kinovibor.ru/transinvest/template/index.php

    Asked by qwelp,

    0 votes
    3 answers

  16. свойства тега br

    привет. возник необычный вопрос: можно ли с помощью CSS убрать действие тега br ? то есть, чтоб этот тег не переносил строку. (двигло сайта выводит этот тег, а лезть в скрипты не хочу - это не сложно - поправить разметку в самих скриптах, но есть желание их не трогать - принципиально)

    Asked by nicothin,

    0 votes
    4 answers

  17. Пробел в html

    Подскажите пожалуйста как поставить текст с красной строки. В html.

    Asked by FloG,

    0 votes
    4 answers

  18. Эффект перекатывания картинки

    Помогите пожалуйста правильно изменить код CSS. Имеется вот такой код <style type="text/css"> .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; color: inherit; vertical-align: top; width: 100px; height: 75px; margin: 2px; padding: 2px; border-color: #ccc; border-style: solid; border-width: 2px; } .hoverbox li { color: inherit; display: inline; float: left; position: relative; } .hoverbox .preview { border-color: #000; width: 20…

    Asked by _Ирина_,

    0 votes
    8 answers

  19. Несколько вопросов

    Вопрос в том что бы такое сделать чтобы контейнер в котором есть картинка растягивался по высоте учитывая высоту картинки, у меня сейчас получается что контейнер растягивается учитывая только текст. Вот само дело: http://kim-evgene.ucoz.ru/MilanoModa/index.html Можно конечно указать высоту, но это уже не то, и при этом в IE6 происходит сдвиг креднего контейнера относительно header'a и foorer'a на пару пикселей вправо

    Asked by Kim,

    0 votes
    8 answers

  20. Контент поверх флеша

    Уже несколько раз затрагивалась эта тема, но для себя эту задачу я так и не решил. Вполне вероятно, что решение, как всегда, елементарно и находиться где-то рядом, но я его еще не нашел. Контент поверх флеша не хочет отображаться, как бы его не позиционировал, как бы не игрался со слоями. <style type="text/css"> .flash { width: 300px; height: 300px; z-index: 1; } .content { width: 100px; height: 100px; background-color: green; position: absolute; top: 0; left: 0; z-index: 2; } </style> <div class="flash"> <div class="content">Text</div> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.co…

    Asked by Torkvemada,

    0 votes
    2 answers

  21. Появление окошка навигации

    А как сделать так, чтобы при нажатии на пункт меню в указанном месте появлялось окошко навигации. а при нажатии на другой пункт меню, появлялось другое окошко навигации, а первое исчезало? средствами css это можно организовать?

    Asked by Vlad111,

    0 votes
    9 answers

  22. как внедрить видео на сайт?

    Здравствуйте, писал в раздел "для начинающих", но там ответа неполучил: пишу сюда (мне срочно надо). Мне нужно вставить видео на сайт - в каком формате будет правильно (вернее, наиболее оптимально)? - может быть кто-то подскажет код, который бы работал во ВСЕХ популярных браузерах? Тестировал (и неоднократно) на других компах: в большинстве - браузер молчит, ничего НЕ ПРЕДЛАГАЯ и не спрашивая! - вместо флеша - дыра в пол-угла; вместо "video.avi" (или "*.wmv") - только панель управления плеера и ч?рный фон... Как бы этот код "секретный" узнать, чтобы при отсутствии этого плагинчика на компе пользователя он бы тихо и мирно загрузился..? И как бы заставить этот браузер "нор…

    Asked by beriton,

    0 votes
    1 answer

  23. Дивы в одну строку, выровненить по центру внешнего дива?

    Есть проблема. Имеется див, ширина которго "резиново" меняется от 1000px до 1160px; В него вложены 4 дива, с float: left и фиксированной высотой. Сейчас я указываю для 4-ех вложенных дивов еще и width. И получается что див-родитель масштабируется, в зависимости от размера браузера, а 4 вложенных приклеиваются к левому краю, а справа пустота. Задача такая. Без указания ширины для вложенных, выравнивать их по всей ширине дива родителя. Ибо не усложнать css expression, напишу код только под FF, сути не меняет. fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf Какие предложения будут? Таблицы не вариант? Спасибо.

    Asked by BAV,

    0 votes
    4 answers

  24. xhtml, padding и width 100%

    Коллеги, помогите разобраться (подобного вопроса на форуме не нашел). Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>fucking electorate</title> <style type="text/css"> table, td {border:1px solid #ccc} table {border-collapse:collapse} tr {vertical-align:top} td {text-align:center} .d1 {width:100px} .d2 {width:120px} .d3 {width:140px} .wI input {width:100%} </style> </head> <body> <table id="t"> <tr> <td class="d1">100</td> &…

    Asked by kolpak,

    0 votes
    4 answers

  25. Наложение слоев. некорректно в IE

    Учусь верстать слоями, очень интересно и захватывающе. Только вот столкнулся с проблемой: есть http://football.kemcity.ru/design/ При создании наложения черный слой сползает вниз на высоту налагаемого слоя в IE6, а он должен быть прижат вплотную к нему. Долго уже бьюсь, но непонимаю почему так происходит. Помогите добрым советом плиз

    Asked by badGamer,

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