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. Работа с Float:left и margin:left

    Ребята, привет! Возможно моя проблема покажется вам глупой, но все же спрошу: Есть контейнер, в котором прописана картинка в качестве фона. В контейнере прописываю слой контент, в нем еще один слой с рамкой и отступами top и left по 5px, который должен располагаться слева. В #content ставлю флоат-лефт, а #content-left прописываю маргины. В этом случае картинка отображается только в IE. Пробую по-другому: убираю флоат-лефт, прописываю маргин-лефт в #content-left. А в #content ставлю маргин-топ. Тогда контейнер с картинкой в Опере и FF отступает вместе с дочерним элементом. А в IE все корректно. Помогите, плиз, глупой девушке, а то уже голова трещит!!!

    Asked by alifa,

    0 votes
    4 answers

  2. ПРАКТИКА CSS

    Здравствуйте Уважаемые верстальщики. Около 6 месяцев тому назад я пробовал научиться верстать сайты, после чего забросил верстку, так как не было на нее время. И сейчас я заново решил взяться за верстку, и пришлось начинать опять с нуля. Хорошо что раньше я создавал для себя шпоры по свойствам и тегам, что позволило мне вспомнить пройденый раньше материал. Сейчас моя голова полна теорией, а хотелось бы покопаться в шаблонах чтобы посмотреть как это все работает на практике. И я хочу попросить вас парочку ссылок на готовые шаблоны, где можно посмотреть как правильно верстать кросбраузерные, валидные сайты. п.с правильно ли я выбрал инструменты для верстки? notepad ++ to…

    Asked by Ten,

    0 votes
    9 answers

  3. непонятные комментарии

    Всем привет! ...Друзья попросили поменять им дизайн сайта. Ихи сайт делался лет 5 назад и устарел.. Я его сверстал, и вот уже хочу выложить в инет, но у меня не было подобного опыта.. боюсь напортачить.. смущают такие вещи: в предыдущей вёрстке автор писал: <body link="#0066FF" vlink="#6633CC" bgcolor="#FFFFCC" background="index.files/image293.png" style='margin:0'> <!--[if gte vml 1]><v:background id="_x0000_s2049" o:bwmode="white" fillcolor="#ffc" o:targetscreensize="1280,800"> <v:fill color2="#6cf" focus="50%" type="gradient"/> </v:background><![endif]--> и вот эти комментарии а-ля <!--[if gte vml 1]>, <![if !vml]&gt…

    Asked by cardsmoney,

    0 votes
    4 answers

  4. 100% высота таблицы в таблице (XHTML)

    С разворачиванием таблицы во весь экран, я разобрался, а таблица в таблице никак не хочет разворачиваться в полностью доступное место, возможно ли это сделать? не помогает ни min-height ни маржини ни падигни =), скрипт если только, доктайп XHTML 1.0 Transitional

    Asked by SoFuWa,

    0 votes
    2 answers

  5. Вложенные таблицы с использованием CSS

    Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…

    Asked by cyrilus,

    0 votes
    8 answers

  6. Незнаю как увидеть карту сайта.

    Понадобилось с сайта скачать файл, но незнаю где он там находится и вообще доступен ли для чтения. Как можно узнать это? Слышал что можно закачать сайт целиком, но работает это простыми переходами с сохранением. Тоесть если обращение к файлу через php, то не факт что скачает.

    Asked by Ururu,

    0 votes
    1 answer

  7. Картинка бэкграундом в стилях: как сделать сдвиг

    В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…

    Asked by alexspb,

    0 votes
    20 answers

  8. Центрирование на экране фиксированного элемента

    Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

    Asked by MageMerlin,

    0 votes
    13 answers

  9. Карусель и разные браузеры

    Есть сайт http://www.pssh8.ru В шапке карусель из фотографий на JQuery. Столкнулась с тем, что в Firefox все отображается нормально. А вот IE добавляет к фото поля по другому. Как привести к единому восприятию, я не знаю Понимаю, что наверное сверстала криво, а как сделать правильно не понимаю. Помогите, пожалуйста! Вот код шапки: <table width="990" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td style="background-image:url(img/foto_bg.png); width:484px; height:265px;" valign="top"> <div id="s1"> <img src="img/up_img_01.jpg" style="padding-left:35px; padding-top:24px; display:block;"/> <img src="im…

    Asked by Bredova,

    0 votes
    9 answers

  10. Как это делаетья?

    Вот как например тут http://kuhni-mila.ru/ между блоками сайта, на границах полоска с тенью, с левой стороны, на самих картинках её нет, как это сделано?

    Asked by SoFuWa,

    0 votes
    4 answers

  11. IE не отображает страницу в iframe со стилем HTML {POSITION:relative;}

    Есть 2 файла: 1.html <html> <body > <iframe src="2.html" width="50%" height="50%" frameborder="no" scrolling="yes" ></iframe> </body> </html> и 2.html <html> <head> <style> HTML {POSITION: relative;} </style> </head> <body> <h1>TEST</h1> </body> </html> Во всех браузерах кроме ИЕ отобржается нормально. в ИЕ вообще не отображает что находится в iframe. Это как то можно решить? Сразу хочу сказать, что доступ к 2.html не имею и он находится на другом домене. Далее я немного разобрался. Если сделать в 1.html для iframe стиль style="position: absolute; z-index: 1" то все отобража…

    Asked by traffoLocker,

    0 votes
    0 answers

  12. Border наползает на img

    У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.

    Asked by volkov59,

    0 votes
    9 answers

  13. B Dreamweavere не отображаются картинки

    Пожалуйста, помогите разобраться. Делаю меню на CSS с помощью списка в B Dreamweavere CS4. Когда в <li> задаю бекграунд-картинку, то он в самой программе у меня не отображается. А в браузерах отображается. В чем дело??? Со всеми другими тегами все в порядке. Вот таблица стилей: #main_menu a {color:#900; text-decoration:none; font:bold; Tahoma;} #main_menu a:hover{color:#666;} #main_menu .active { color:#FFF; text-decoration: none;} .menu li { display: inline; padding: 7px 23px; background:url(images/picture1) repeat-x top left; margin:0px 2px;} .menu { margin-top: 7px; font: bold 13px tahoma; color:#36F; padding-left: 5px; } .menu .active { font: bold 13px ta…

    Asked by alifa,

    0 votes
    3 answers

  14. Как прописать отображение формата картинки gif и jpg на выбор браузеру?

    Как прописать для отображения картинки, чтобы в случае, когда не поддерживается формат картика.gif, отображалась картинка.jpg?

    Asked by t-stn,

    0 votes
    17 answers

  15. аномальная навигация

    Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …

    Asked by joomgirl,

    0 votes
    6 answers

  16. Как на моем сайте показать половину картинки с другого сайта?

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

    Asked by leomaks,

    0 votes
    7 answers

  17. Масштабирование

    <!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></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> html { margin: 0; padding: 0; width: 100%; height: 100%; } body { overflow: hidden; margin: 0 auto; width: 1900px; min-height: 100%; height: auto !important; height: 100%; } #header { border: 10px solid green; width: 1900px; height: 567px; } </style> </head> <body> <div id="header">123</div&g…

    Asked by Razor,

    0 votes
    1 answer

  18. не центрируеться center блок

    Всем привет, вобщем есть html <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> </div> <div id="center"> </div> </div> css #sidebar_left { float:left; } #center { margin:0 auto !important; } #sidebar_right { float:right; } #c_niz { width:100%; float:left; } т.е. центральный блок, и 2 боковых. "резрезиниваться" он должен так: сайдбары лепяться к бокам, а центр - строго в центре в ие не центрируеться, обтекая левый сайдбар помогите поставить его "на место"

    Asked by cardsmoney,

    0 votes
    5 answers

  19. А как вы выполняте Clearing?

    Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…

    Asked by TonKhaO,

    0 votes
    34 answers

  20. Необходимо отредактировать .css файл, я новичок, с чего начать?

    Здравствуйте, вопрос у меня такого плана: Я установила форум и мне необходимо отредактировать (поменять общий фон, шрифт, размеры текстов, рамок, добавить рамки и т.д.) .css файл. Я не знакома с програмированием, но хочу вникнуть, я так понимаю мне нужен язык програмирование, построение таких файлов, К каким истокам (литература) обратиться, с чего начать. В поисковиках много различной информации, что бы не было каши, а правильно и логично выстроить цепь можно сказать обучения. Вы не могли бы мне помочь?

    Asked by aleksandra1.07,

    0 votes
    1 answer

  21. Закрепление области в таблице (аналог excell)

    Hi многоуважаемый All ! Подскажите плиз как в таблице закрепить области - правый столбец и шапку ? Т.е. так, как можно закрепить в экселе ?

    Asked by Lexxus,

    0 votes
    20 answers

  22. overflow hidden парализует ие6

    Ещё раз всем привет!!1 поиск полистал - не нашёл.. столкнулся с проблемой - делаю меню сбоку через список.. последний пункт списка - длинный блок (получается, вылетает за экран) так вот структура <div id="wrapper"> <div id="content"> <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> <ul> <li class="hat" >Каталог дисков</li> <li class="a">Каталог шин</li> <li>Тесты шин</li> <li class="a">Онлайн Инфо</li> <li class="zvonok">Онлайн Инфо</li> </ul&…

    Asked by cardsmoney,

    0 votes
    3 answers

  23. Схлопывание границ надо отменить

    Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…

    Asked by Yahoo!,

    0 votes
    9 answers

  24. float:left блоки равной высоты в несколько строк

    Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…

    Asked by AKyHuH,

    0 votes
    46 answers

  25. Всплывающие подсказки - как отключить память input-ов?

    Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…

    Asked by Dima_2015,

    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