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. Динамическое изменение класса CSS

    Привет вот простой код <style> .class1 { color:red;} </style> <script> function change_css_class(class_name) { ... <- как обратиться к конкретному свойству класса и изменить его? } </script> <a href="http://google.com" onmouseover="change_css_class('class1');">google</a> <span class="class1">1</span> <span class="class1">2</span> <span class="class1">3</span> ... <span class="class1">n</span> есть необходимость по событию(наведению мыши) на ссылку менять параметры каласса class1 - пусть к примеру изменить цвет на синий. Количество элементов у которых нужно менять заранее не изве…

    Asked by maxbet,

    0 votes
    1 answer

  2. Блок внутри ячейки таблицы.

    Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> &lt…

    Asked by TanaTiX,

    0 votes
    8 answers

  3. Как выровнять содержимое группы DIV-ов по вертикали?

    Приветствую всех! У меня вопрос к специалистам. У меня есть шапка с группой горизонтальных DIV-ов. Задача: Отцентрировать содержимое горизонтальной группы DIV-ов по вертикали (блоки разноцветные для наглядности) Высота блока 93px; Содержимое каждого такого блока должно быть отцентрировано по вертикали. Подскажите пожалуйста как действовать. Вот картинка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML <div id="container"> <div id="header"> <div class="Top"> <div class="Logo"><img src="images/ru_logo.png" alt="ru" width="150" height="61"></div> <div class="Phone"><…

    Asked by maximuz,

    0 votes
    2 answers

  4. Меню

    как я могу делать фон для меню потому что вставить мышь он сдвинутся

    Asked by josik,

    0 votes
    3 answers

  5. Flash фотогалерея в IFRAME помогите

    http://aksenovdmitriy.ru/tolkosvadba.html Вот ссылка на сайт с проблемой Галерею делал при помощи программы "VSO PhotoOnWeb". Сам сайт в Dreamweaver. При открытии в Мозиле все работает как надо. А в эксплорере флаш галерея которая лежит в теге IFRAME открывается на весь экран. Так не должно быть. Что делать помогите плз вот часть кода ...body> <div align="center"><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="713" valign="top"><img src="img/2.jpg" width="605" height="147" alt="Фотограф Аксенов Дмитрий" longdesc="http://foto.ovane.ru" /> <p align="center" class="style2 style6">Свадебная фото…

    Asked by KILOgramM,

    0 votes
    4 answers

  6. Silverlight

    Господа, кто нибудь владеет этой технологией? Не могу понять логику. Отзовитесь пожалуйста!

    Asked by haZe,

    0 votes
    3 answers

  7. проблемы с ИЕ

    Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное

    Asked by Aleksandrid,

    0 votes
    8 answers

  8. проблемы с ИЕ и отображением картинок

    Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное

    Asked by Aleksandrid,

    0 votes
    0 answers

  9. Как бы сверстать?

    Уважаемые обитатели форума, помогите решить проблему. Дано: фиксированный макет, расположенный по центру, но справа должна тянуться резиновая линия до конца окна браузера. Всё содержимое помещено в один блок, который расположен по центру, справа от этого блока, должен быть блок с фоном, и тянуться до правого края. Вся соль в том, что с лева он нафиг не нужен, так что расположить его под основным блоком с шириной в сто процентов, не работает. Помогите пожалуйста, я уже всяко пробовал, но не могу додуматься, как это сделать. Должно быть кроссбраузерно. Если есть решение на таблицах, тоже принимается Вот ещё нарисовал для улучшения восприятия задачи. http://s59.radikal.ru/…

    Asked by Игорь Ермаков,

    0 votes
    10 answers

  10. Кнопки...

    Хочу сделать так, чтобы при наведении на кнопку начиналась анимация - кнопка начинала как бы гореть. А после того как убрали курсор с кнопки, кнопка постепено затухала, т.е. анимация резко не обрывалась. Как такое замутить без скриптов ?

    Asked by Worldmaker,

    0 votes
    6 answers

  11. position:absolute в ie

    доброго времени суток, уважаемые специалисты у меня назрела проблемка которую не могу решить( есть отрывок кода html: <div class="one">ТЕКСТ</div> <div class="two"><img src="рисунок"></div> и отрывок кода css к нему: .one{ float:left; } .two{ position:absolute; } теперь собственно проблема. нужно чтобы текст был НАД рисунком, а не слева. Опера и Мозила позиционируют нормально, IE выкабенивается и ставит текст слева. несмотря на position:absolute подскажите пожалуйста какое-либо решение, но с условием что float:left останется, потому что на нем держится остальное содержимое блока

    Asked by Тиар,

    0 votes
    3 answers

  12. Реально ли так сверстать?

    Возникла необходимость сверстать вот такой вот шаблон. Контентный блок(серые прямоугольники на белом фоне) фиксированной ширины, и расположен по центру. На первый взгляд, все просто, если бы не одно НО. Вертикально расположенный пунктир по бокам (на сером фоне). Вне зависимости от ширины свободного места вокруг контентной части пунктирная линия должна идти по центру этого свободного пространства. Единственное решение, которое мне на ум пришло, приведено ниже. Но увы, оно не подходит - нужно сделать пунктир графикой - dashed-ы имеют существенно меньшую длину, чем черточки в PSD. А вот как сделать с графическим пуктиром выполняя все поставленные условия, я додуматься не мо…

    Asked by skatadov,

    0 votes
    21 answers

  13. верстака резинового блока css

    Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!

    Asked by white_kh,

    0 votes
    1 answer

  14. Помогитеееееееееее!

    В ... IE6 div не получается сделать низким( 1-3px)... Помогите плз... оч надо

    Asked by cugundar,

    0 votes
    5 answers

  15. Отображение

    Здравствуйте.Подскажите,как это сделать.Например,есть два разных браузера-Opera и Safari.Как сделать,что бы в Opere был что-то другое,чем в safari и остальных браузерах. Вот таким способом можно? <!--[if opera] > <h1>opera</h1> <![endif]--> <!--[if safari] > <h1>safari</h1> <![endif]--> Или это лучше сделать Javascript'oм?

    Asked by ^_^,

    0 votes
    9 answers

  16. Счетчик

    Просматривала темы в форуме. Нашла lifeInternet, но так и не смогла им воспользоваться: вставляю на страницу код, но он ничего не дает. Я пробовала на своем компьютере, а может результат будет виден после того как залью на сервер, не знаю. Помогите, пробовала также вставлять в разные места сайта. И почему там советуют вписывать счетчик в поближе началу в <body>, когда в основном на сайтах он находится в низу, значит и писать в конце?! Ну, в первый раз я со счетчиком работаю...!

    Asked by Zarina,

    0 votes
    9 answers

  17. Двойное прилипание к футеру, КАК?!

    Народ все наверняка видели вот этот метод http://themaninblue.com/writing/perspective/2005/08/29/ как сделать так чтобы подвал прилипал всегда к низу браузера! НО я не понимаю как сделать так чтобы КОНТЕНТНАЯ часть когда в ней мало контента контента тоже растягмвалась на всю высоту окна браузера. Для наглядности ниже пример. Ессно речь идет о блочной верстке, С УЧЕТОМ IE 6

    Asked by TonKhaO,

    0 votes
    2 answers

  18. background-position в firefox

    Господа! Возникла проблема с FireFox. Суть проблемы заключается в следующем. HTML: <html> <head> <link rel="stylesheet" href="style/style2.css" type="text/css" media="screen"> </head> <body> Тут много текста. Столько, что не убирается на одну высоту окна. </body> </html> CSS: html, body { margin:0; padding:0; position:relative; width:100%; height:100%; } body { background-image:url(logo_lines.png); background-repeat:no-repeat; background-position:95% 100%; /* background-position:97% bottom; */ } Создается такое впечатление, что ff считает высоту у body 100% равную одной высоте окна браузера, а не полную высоту, кото…

    Asked by Zov,

    0 votes
    11 answers

  19. Защита сайта

    Привет. Пожалуйста оцените / дополните некоторые пункты для защиты сайта: Защита папок в которые грузятся аватарки, фотки и проч - .htaccess кидается в закрываемую папку # ЗАПРЕТ ЛИСТИНГА ВСЕХ ПАПОК И ПОД-ПАПОК Options -Indexes # ЗАПРЕТ ДОСТУПА К ФАЙЛАМ Order Deny, Allow Deny from all # ЗАПРЕТ НА ЗАПУСК ФАЙЛА RemoveHandler .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml AddType application/x-httpd-php-source .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml Защита файла который отвечает за вход в админку CMS 1. входим на страницу admin/admin.p…

    Asked by blacks,

    0 votes
    6 answers

  20. Выравнивание заголовков

    Привет всем. Я создаю свой сайт на HTML. Как подвинуть заголовок и вообще все немного вправо, т. к. у моих друзей экран с более низким разрешением, плохо видны первые буквы ? И еще я слышал о плавно подстраевымоих системах, когда сайт хорошо виден на любых мониторах. Как это сделать? Вадим.

    Asked by vadimfls,

    0 votes
    3 answers

  21. Что такое .over ?

    Вопрос по примеру всплывающей менюшки с сайта http://www.htmlbook.ru/css/hover.html Вот этот стиль: LI:hover UL, LI.over UL { display: block; /* При выделении пункта курсором мыши отображается подменю */ } Что значит .over ? Это псевдостиль какой-то? Буду очень благодарен.

    Asked by Zayac,

    0 votes
    1 answer

  22. Почему border не отбражается в IE6?

    Привет. Вот поэтому адресу Sendlab.ru показано, как должно работать в Опере и IE6 и там сейчас порядок. Но нужно переверстать CSS файл и под IE6, что-то не хочет работать (Опера и IE7 работает), подскажите, что не так в коде CSS position: absolute; margin-top: 7px; margin-left: 230px; border: 1px solid #d1ddea; height: 160%; width: 80%; Спасибо за оказанное внимание.

    Asked by Alek7y7,

    0 votes
    1 answer

  23. Почему не работает z-index

    css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…

    Asked by Mantikore,

    0 votes
    2 answers

  24. Проверка в форме и Поиск

    Ребята подскажите плз: 1) Как сделать рядом с полем формы кнопку для проверки есть например такой логин или нет... вобщем что б был понятен вопрос Пример вот видете напротив "Логин" кнопка для проверки существует логин или нет.... 2) Делаю поиск на сайте, но он очень плохо работает, поскольку пользователю необходимо ввести точные данные которые содяржатся в базе.... например если в базе написано "Вася.", а пользователь введет просто(без точки) "Вася" то поиск ему ничего не выдаст. Подскажите как вообще делается грамотный поиск(я просто сам хочу что бы чужие скрипты не использовать.)

    Asked by pulover,

    0 votes
    2 answers

  25. Ширина div

    Доброго времени суток всем! Простите за глупый вопрос, но не могу вспомнить вот такую вещь. Как сделать чтобы ширина блока div не занимала всю ширину страницы, а увеличивалась по мере наполнения блока?

    Asked by Flex,

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