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. Двуязыковый сайт

    Всем привет! Мне поставили задачу сделать двуязыковый сайт с блочной разметкой. Т.е. в верхней части (хэдере) два флага (Россия и Великобритания) при нажатии на которые будет переключаться язык. Как более компактно и логично сделать это, у меня нет опыта в этом? Использовать скрипты?

    Asked by ONIX,

    0 votes
    12 answers

  2. помогите одаптировать шаблон под готовую сборку DLE

    Помогите адаптировать шаблон jordan_template.rar под готовую сборку DLE DLE_-_Don_Mc._Coy_Edition_2.0 И вообще реально ли это ? Или хотя бы скажите есть ли какой нибудь модуль чтобы организовать на сайте архив новостей и отдельно файловый архив по категориям (на подобии того как в ucoz) ? Дело в том что изначально сайт делал на ucoz но потом решил перейти на DLE. Пробовал ставить модуль Allnews 1.3 на DLE 7.5 так ни чего и не получилось. Буду очень признателен за любую помощь !

    Asked by Roman--1,

    0 votes
    1 answer

  3. Слои для листалок

    Добрый день! Хотел бы спросить совета, никогда ранее не делал листалки, которые работают на ява-скрипт. Но сейчас вот хочу сделать, наподобие такокго - http://images.yandex.ru/yandsearch?p=0&amp...time=1232622756 То, что находится внизу. Но никак не могу понять, как организовывваются слои под такое дело. Может кто уже делал подскажет или даст элементарный пример, совет, чтобы понять как это работает? Заранее спасибо.

    Asked by BRK,

    0 votes
    4 answers

  4. Высота ячейки, выравнивание, collapse...

    всем привет. табличка должна быть такой: http://www.afi-pallada.ho.ua/table/table.jpg a получается такая хрень: http://www.afi-pallada.ho.ua/table/signup.html код: <div class="right"> <table cellpadding="0" cellspacing="0"> <tr> <td class="left th no-bg">Feature</td> <td class="th">Members</td> <td class="th">Non Members</td> </tr> <tr> <td class="left">Play Short Clips</td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /><…

    Asked by kalyaka-malyaka,

    0 votes
    4 answers

  5. автоматическая расстановка переносов при "...justify"?

    подскажите пожалуйста есть ли возможность программно проставлять переносы для текста??? Просто в некоторых случаях "justify" делает большие пробелы в тексте. Заранее спасибо

    Asked by glivera,

    0 votes
    7 answers

  6. иконка сайта в IE7 не отображается

    В Opera/9.63 и Firefox 3.0 работает, а в IE7 нет в чем может быть причина? <link href="favicon.ico" rel="shortcut icon">

    Asked by antosha,

    0 votes
    3 answers

  7. зачем использовать position: relative

    Приветствую товарищи. Изучаю CSS. Объясните пожалуйста, зачем использовать position: relative без указания значений top и left? ведь объект остается на том же месте и без position: relative.

    Asked by Arroyo,

    0 votes
    2 answers

  8. тег base

    Здравствуйте есть php-файл, в нем <base href="http://www.site.ru/pf_flash"> внутри картинки (точнее swf), php инклюды. Никакого действия <base> не оказывает... может я не правильно понимаю его функцию? Вообще проблема в том, что на странице много ссылок, но файлы лежат в другой папке... как бы туда все переадресовать? Спасибо

    Asked by niculins,

    0 votes
    1 answer

  9. Блоки выбора категорий

    Здравствуйте, подскажите как сделать такой выбор категорий новостей как на _http://www.yahoo.com/ Там где "Featured Entertainment Sports Video" Только без ajax Спасибо

    Asked by Viktorovich,

    0 votes
    4 answers

  10. favicon: .ICO или все-таки .PNG (a W3C standard) ?

    Всем привет! Почему почти на всех сайтах код начинается с <!DOCTYPE HTML PUBLIC "-//W3C//DTD... - то есть получается что код валиден по стандартам W3C. Но почему же тогда везде используется favicon.ico вместо favicon.png? Посмотрите тут http://www.w3.org/2005/10/howto-favicon <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en-US"> <head profile="http://www.w3.org/2005/10/profile"> <link rel="icon" type="image/png" href="http://example.com/myicon.png"> […] </head> […] </html> И если кто-то врубится зачем юзать profile пожалуйста отпишите тоже

    Asked by chich,

    0 votes
    4 answers

  11. Стили ссылок

    Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru

    Asked by Patriot_spb,

    0 votes
    2 answers

  12. Появляется пустое место при уменьнении размеров окна

    Подскажите, пожалуйста. Есть страница, которая состоит из : -шапки (имеет параметр float:right и width: 800px} -блока кнопок (горизонтального под шапкой) -содержимого (одно изображение, размером width:1000 height:500, позиционировано как и шапка position: relative float:right) Задумано, чтобы шапка при уменьшении размеров окна оставалась"прилипшей" к правому краю. На всех страницах нет проблем, кроме как с этой из-за большого изображения на ней. При уменьшении размеров окна (меньше 1000px) появляются полосы прокрутки. И при прокручивании назад видно, что шапка сдвинулась влево, как и задумывалось, но справа от шапки появляется пустое место. Как избежать появления пуст…

    Asked by Newbie,

    0 votes
    3 answers

  13. Нужно ли для div обязательно устанавливать цвет фона?

    При проверке сайта валидатором, я получила предупреждения, связанные с отсутствием фонового цвета для блоков. You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible. Поэтому у меня следующий вопрос: Нужно ли для div обязательно устанавливать цвет фона? Какие вообще обязательные параметры для блоков? Что значит вот эти предупреждения: Same colors for color and background-color in two contexts .wp-pagenavi a:hover and H1 a:visited Redefinition of text-align Кто в курсе, откликнитесь, пожалуйста.

    Asked by Mila,

    0 votes
    3 answers

  14. Помогите разобраться с дивами

    У меня есть Див, в который периодически аяксом подгружаются разные картинки: например тут Хочу сделать пролистывание, чтобы поверх картинки слева и справа подгружались кнопочки "влево" и "вправо": примерно как тут Желательно, чтобы эти кнопочки были "активные", но при этом человек мог бы "достучаться" до изображения. Подскажите решение, пожалуйста.

    Asked by partiz,

    0 votes
    3 answers

  15. Проблема с паддингами

    Задача такова: Требуется выровнять текст по центру кнопки. Для этого я задаю нужные мне паддинги. После этого внизу кнопки появляется полоска цвета в 2px, которые я указала в padding. Если убрать цвет фона, все становиться на место. Но мне то нужен также и цвет фона. Происходит это в браузере FF. Паддинг не откладывается внутри, как нужно, а прибавляется снаружи. Что делать? Замучилась уже с этой кнопкой. .searchform { position: relative; float: left; text-align: left; width: 205px; padding: 0; margin: 0 0 45px 45px; } #searchsubmit { clear : both; float: left; background : #A8D7FC url(images/search.gif) no-repeat; width : 73px; height : 20px;…

    Asked by Mila,

    0 votes
    2 answers

  16. META charset

    у меня по умолчанию на всех страницах Dreamweaver ставит charset=utf-8 хоту изменить на windows-1251. В чем разница и что может измениться.

    Asked by antosha,

    0 votes
    14 answers

  17. Печать и display:none;

    Всем привет. Сижу и туплю, никак не могу придумать, как сделать следующую вещь. Есть ряд страниц, по коду разношёрстны, однако просматривается общий id, пусть будет print. Содержимое контейнера с id print надо распечатать. Остальное содержимое страниц - скрыть с глаз долой, при печати. Ну естественно прилинковал стили с media="print". Тема типа body * {dispaly:none;} body #print {display:block;} вполне очевидно не работает, по довольно понятным причинам. Перебирать JS все стили, тоже не хочется. Какие есть мысли?

    Asked by Dimitry Wolotko,

    0 votes
    9 answers

  18. Rак сделать загрузку картинки

    Подскажите пожалуйста как сделать загрузку картинки чтобы она загрузилась сразу вся в плахом качестве а потом начила подгружаться по качеству?

    Asked by antonP,

    0 votes
    4 answers

  19. Объединение ячеек таблицы с помощью CSS

    Всем привет! Хочу задать такой вопрос: можно ли как-то объединять ячейки таблицы с помощью CSS? Если нет, то можно ли использовать атрибуты "rowspan" и "colspan" совместно с применением стилей? Заранее благодарен.

    Asked by E_u_g_e_n_e,

    0 votes
    3 answers

  20. Border - CSS

    Добрый день, не буду расписывать а покажу)) вот у меня таблица с 3мя строками, с 3мя столбцами, задаю через CSS бордер и получается так: а надо так: рисовал сам, не ругайте каким значением этого добиться? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>border</title> <style type="text/css"> .doc { width: 30%; border:solid black;} </style> </head> <body> <table class="doc" bordercolor="#000000" b bor…

    Asked by woofs,

    0 votes
    8 answers

  21. Таблица с повторяющимся фоном в IE

    Проблема в следующем... При изменении размеров картинки (фото) нарушается структура таблицы с повторяющимся фоном в IE (в др. браузерах все хорошо). Ссылка: http://www.bk-palladio.kiev.ua/gallery/Kvartira-na-Oboloni/ {style} table#photo_content {width: inherit;max-width: 514px;min-width: 338px;} table#photo_content .pct {background: url(images/gp_tbg.gif) repeat-x top center;height: 35px;} table#photo_content .pcb {background: url(images/gp_bbg.gif) repeat-x top center;height: 35px;text-align: center} table#photo_content .pcl {background: url(images/gp_lbg.gif) repeat-y left center;width: 36px;height: 100%;} table#photo_content .pcr {background: url(images/gp_rbg.gif) r…

    Asked by fotinia,

    0 votes
    2 answers

  22. Выравнивание по нижнему краю

    Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.

    Asked by dimych,

    0 votes
    5 answers

  23. Наложение картинок в FF

    Как наложить картинку поверх другой в FF? В IE это легко получается залав отрицат. смещение: <img id="header_img" alt="Стартовая страница" style="cursor: pointer;" src="../pics/head.png" onclick="GoMenu('/index.html');" /> <img alt="Русский" style="cursor: pointer; padding-right:10px; margin-top:-40px; " src="../pics/ru-RU.gif" align="right" onclick="Change('ru');"/> <img alt="Английский" style="cursor: pointer; padding-right:10px; margin-top:-40px; " src="../pics/en-GB.gif" align="right" onclick="Change('en');"/>Помогите, плиз...

    Asked by ONIX,

    0 votes
    2 answers

  24. Резиновый div, ширина которого зависит от ширины контента в нем расположенного

    Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…

    Asked by Качан Капусты,

    0 votes
    1 answer

  25. Хочу установить Linux.

    В целях обучения хочу на старенький и мало используемый компьютер поставить Linux. В связи с чем прошу дать первые наставления и ЦУ. Цель: освоить Linux. Вопросы: 1. Что качать для установки ОС? 2. Хороший ресурс (статьи) для новичка? 3. Linux vs Unix в данный момент дело вкуса? Любые советы приветствуются. P.S. да, забыл упомянуть об одном условии: желательно бесплатную ОС, которую можно скачать в Internet'е

    Asked by Bolmazov,

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