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'ом id=#topmenu

    в css я писал для этого div'a margin-top:10px; а он отступает не от родительского div'a header , а я не знаю от чего, похоже от окна браузера. index.php: <?php // защита от прямого доступа к файлу defined('_JEXEC') or die; ?> <!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template…

    Asked by dmr,

    0 votes
    4 answers

  2. Как сделать такую менюшку

    Доброго дня форумчанам! Вот есть такая картинка с меню, хочу на своем сайте сделать примерно такую же менюшку. Но судя по картинке меню сделано в виде ссылок. Можно ли сделать такое же меню с помощью чекбоксов или списка и замаскировать под ссылки? Или так же красиво оформить. Просто в меню должны быть параметры, которые передаются в скрипт для выборки данных из БД, а с помощью ссылок передать сразу два параметра как-то сложновато получается )) Спасибо за внимание! Меню

    Asked by SunshineElf,

    0 votes
    1 answer

  3. Опустить DIV в DIV'е в нижний правый угол

    Не могу опустить DIV в DIV'е в нижний правый угол при фиксированном размере вложенного div'а и c padding'ом. Может кто покажет на примере?

    Asked by stlb,

    0 votes
    2 answers

  4. Тормозит IE при добавлении 3d галереи jquery

    Здравствуйте! Подскажите пожалуйста как бороться с такой проблемой. На странице добавлена 3d галерея jquery появляется при нажатии кнопки методом show,hide везде работает нормально кроме IE(7,8,9) в них тормозит очень сильно(при появлении галереи!). Заранее спасибо!

    Asked by Indo,

    0 votes
    6 answers

  5. Кастомизация Элементов Форм...

    Здравствуйте. В JS Я новичёк - но недавно все же решил написать для себя несколько плагинов по кастомизации инпутов(разного рода). При этом столкнулся со следующими трудностями: 1) При добавлении в HTML код радиобаттонов - мои кастомизированные чекбоксы перестают реагировать(сменой галочки) по 1-му клику и нормально работают только начиная со 2-го!? (происходит это только после перезагрузки браузера!) 2) Не удается сделать активным(по умолчанию) нужный мне 1-ый радиобаттон?(прописываю ему checked="checked" или же просто checked - но это не даёт результата?) P.S. Скриншот можно увидеть по этому адресу: http://yamaradg.narod2.ru/history/check3.jpg Cама страница с плагинами …

    Asked by Yamaradg,

    0 votes
    0 answers

  6. недогоняю

    делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…

    Asked by Actticus,

    0 votes
    2 answers

  7. тянуть колонки по высоте

    Собственно SUBJ, возможно ли средствами css и html, реализовать "тягучесть" по высоте, у колонок, в зависимости от разрешения пользователя? Например в гугл+, есть такая фишка, но как я понял там javascript юзается. Кто, что думает по этому поводу?

    Asked by Kerny,

    0 votes
    4 answers

  8. тэг {edituser}

    Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }

    Asked by trooper,

    0 votes
    2 answers

  9. Программка - чтобы включать браузеры различных версий

    Всем привет Начал заниматься версткой. Почитал о кроссбраузерности. И появилась проблема. Как я буду смотреть во всех версиях браузеров, если у меня стоит только одна версия браузера. Слышал о проге, которая позволяет виртуально создавать образы машин с отдельными операционными системами. И уже там ставить нужную версию браузера. Если что-то знаете можно ссылку на эту программку. Если есть решения попроще - будет круто) Заранее спасибо) P.S. Вступаю в ваш клуб

    Asked by sparta,

    0 votes
    13 answers

  10. Урезание картинок на определённой ширине.

    Здравствуйте! Помогите решить проблему. Нужно что бы на резиновом сайте две картинки(одна с левой стороны сайта, другая с правой ) на расширении 980px обрезались и при увеличении расширения постепенно появлялись, и когда полностью появятся то были прилеплены к левой и правой стороне сайта. Всегда решал эту задачу таблицами. Теперь вот ищу способ на дивах

    Asked by bio,

    0 votes
    12 answers

  11. Два DIV с рамкой, не выравниваются друг на друга

    Подскажите пожалуйста: Как сделать, чтобы блок с право, выравнивался к левому блоку (чтобы рамка правого блока была на ровне с левым) Макет вот здесь: JSFIDDLE (макет)

    Asked by AppleMacMy,

    0 votes
    3 answers

  12. Кроссбраузерность

    http://jsfiddle.net/HJrSb/ При наведении в эксплорере пропадает верхний бордер. Как лечить? Проверял в IE8

    Asked by Imperil,

    0 votes
    6 answers

  13. -webkit-transform не работает в Chrome

    Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо

    Asked by BoB,

    0 votes
    1 answer

  14. Opera и фон страницы

    Праивльно ли я понимаю, что в Opera при открытии страницы изначально всегда тот фон, который определен в настройках (белый по умолчанию)? Соответственно, на сайтах с темным фоном при относительно быстром переходе от страницы к странице, мелькает фоновый цвет (белый). Можно ли что-то сделать с таким мельканием, кроме помидорного терракта в штаб-квартире разработчиков сего браузера? (фоновый цвет задан и для html и для body, равно как и 100%-е ширина и высота)

    Asked by nicothin,

    0 votes
    1 answer

  15. Авторизация

    Пацаны помогайте. Проблема с версткой кнопки в окне авторизации. Задал высоту кнопки "Войти" 130px, показывает эти 130px только фаерфокс, остальные бразуеры(исключая ИЕ, его не пробовал) ставят высоту по дефолту. С шириной таких проблем нет. Это просто практика поэтому больше интересна причина возникновения проблемы.

    Asked by 4ak,

    0 votes
    5 answers

  16. картинка всегда внизу блока

    Здравствуйте! Волнует вопрос как сделать так, что бы картинка располагалась всегда в правом нижнем углу, в независимости от наличия и объема контента в блоке. (контент должен ее обтекать) Background не пойдет так как в таком случае текст будет наползать на картинку... жду хоть каких то идей..

    Asked by Fate-ol,

    0 votes
    2 answers

  17. Помогите с переопределением

    Что-то совсем не получается в модуле Джумлы1.5 сделать вот такое вот: http://s2.ipicture.ru/uploads/20120224/4dzTAayK.png Получается только вот так: http://s2.ipicture.ru/uploads/20120224/75X6621k.png Вот код менюшки: http://jsfiddle.net/WP9XM/ А как модуль переопределить чтобы можно было такую структуру выстроить не понимаю Вот как я делал: http://jsfiddle.net/b4jxg/ Но как классы то придать заголовкам чтобы двигать их можно было, жирность выставлять и т.д.? Как структуру правильно выстроить? Очень нужно, спасибо.

    Asked by Imperil,

    0 votes
    2 answers

  18. Вопрос по отправке формы

    Здравствуйте, вот такая у меня проблема. У меня есть код <form action="http://localhost"> <input name="lol" type=image src="1.gif"> </form> По-идее браузер должен отсылать параметры картинки 1.gif, но они каждый раз разные, почему?

    Asked by bagipro,

    0 votes
    1 answer

  19. обработка формы

    привет есть форма и есть обработчик OnClick по ней. при нажатии на кнопку открывается все корректно: http:// _____. ru/s/query:123/ если кликнуть Enter на поле INPUT type="text" то открывается: http:// _____. ru/?query=123 как исправить? сенкс. <script TYPE="text/javascript"> <!-- function SearchClick(searchForm) { location.href="http:// _____ .ru/s/query:"+searchForm.query.value+"/"; } --> </SCRIPT> .... <form> <TABLE> <tr> <TD><INPUT type="text" name=query size=75"></TD> <TD class=btn><INPUT type="BUTTON" value="Найти" onClick=SearchClick(this.form)></TD> </tr…

    Asked by PrrrR,

    0 votes
    4 answers

  20. Селекторы в CSS

    Доброго времени суток! Если не сложно не могли бы Вы объяснить работу селекторов на простом примере и дать рекомендации по работе с ними. Предположим есть HTML код: <ul class="label1"> <li class="text1"> <li class="text2"> <ul class="label2"> <li class="text3"></li> </ul> </li> </ul> если мы запишем CSS код: ul + li { /* произвольный стиль */ } то к text1 и к text3 будет применен произвольный стиль т.к. они стоят сразу после ul, а как понять следующие случаи: ul > li + li { /* произвольный стиль */ } и li + ul > li { /* произвольный стиль */ } ??? Очень надеюсь, что Вы поможете разобраться.

    Asked by davell,

    0 votes
    8 answers

  21. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt

    Asked by garicktry,

    0 votes
    4 answers

  22. Масштаб изображения по размеру экрана.

    Как сделать чтобы изображение полностью было на экране, без прокрутки? например изображение 1600х1200. а размер окна намного меньше.

    Asked by AlexVrag,

    0 votes
    2 answers

  23. JavaScript

    Добрый день Версткой начал заниматься недавно. Вроде научился верстать статичные странички. Хочется уже чего-то большего. Чтобы страничка как-то оживала. Таблички разъезжались по клику, при наведении на кнопку меню - выезжало побочное и т.д. Посоветуете может с чего стоит начать, полный лузер в этой теме. Может учебники, сайты. Ох, уж зацепил темку о книгах. Можно еще книжечек о верстке на div-ax. Книгу для "html - чуть дальше новичка", а то как то "html - для чайников" уже не радует Хотел спросить еще, кто где верстает. Я юзаю TopStyle, есть что-то удобнее? Заранее спасибо, надеюсь кто-то откликнется.

    Asked by sparta,

    0 votes
    1 answer

  24. Проблема с вёрсткой

    Здравствуйте!У меня странная проблема, с которой я раньше не сталкивался.В общем суть моей проблемы: разный просмотр страниц до авторизации и после! 1. До авторизации http://savepic.su/1394291.png 2. После авторизации http://savepic.su/1408627.png Вся проблема заключается в шапке сайта. HTML CSS

    Asked by KokoJumbA,

    0 votes
    5 answers

  25. Форма обратной связи

    Здравствуйте. Что нужно дописать, написать, чтобы при нажатии на кнопку "ОТПРАВИТЬ" улетало письмо на заданный e-mail? Форма задана как есть сейчас на сайте. Это основной вопрос. <h2 class="pad_bot1">Оставьте заявку на обслуживание</h2> <form id="ContactForm"> <div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="Имя:" onblur="if(this.value=='') this.value='Имя:'" onfocus="if(this.value =='Имя:' ) this.value=''" ></div></div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="E-mail:" onblur="if(this.value=='…

    Asked by antonios,

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