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?

    Asked by sc@r@bey,

    0 votes
    10 answers

  2. вставить флеш

    вставил флеш <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="1006" height="282"> <param name="allowScriptAccess" value="sameDomain" /> <param name="flashvars" value="posit=1"/> <param name="movie" value="media/head.swf" /> <param name="quality" value="high" /> <PARAM NAME=wmode VALUE=transparent> <embed src="media/head.swf" wmode=transparent quality="high" width="1006" height="282" name="head" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macro…

    Asked by sc@r@bey,

    0 votes
    6 answers

  3. Чем проверить возможности броузера?

    Появился такой вопросик, как и где подсмотреть возможности каждого броузера, то есть поддерживает ли CSS3, тянет ли SVG и прочие фишки, ради интереса! знаю есть acid 3 но заходя на сайт он просто показывает шкалу соответствия но не показывает подробности, подскажите плиз

    Asked by TonKhaO,

    0 votes
    10 answers

  4. Имитатор IE6

    Добрый день ! Подскажите может есть какая то програмка Имитатора IE6 для проверки Спасибо

    Asked by bgraf,

    0 votes
    3 answers

  5. Прозрачность background в IE

    Добрый день ! Сталкнулся с проблемой background . В мазиле он прозрачный т.е. наследует по умолчанию отцовский а в IE нет , просто белый , пытаюсь убрать его не получается помогите .

    Asked by bgraf,

    0 votes
    11 answers

  6. Работа с Float:left и margin:left

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

    Asked by alifa,

    0 votes
    4 answers

  7. Кнопка для печати

    Как сделать кнопку именно с изображением для печати страницы?

    Asked by LianaK,

    0 votes
    5 answers

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

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

    Asked by SoFuWa,

    0 votes
    2 answers

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

    Всем привет! ...Друзья попросили поменять им дизайн сайта. Ихи сайт делался лет 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

  10. ПРАКТИКА CSS

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

    Asked by Ten,

    0 votes
    9 answers

  11. IE6 делает непонятный пропуск

    Добрый вечер, вот делаю шаблон для сайта таблицами. Вверху и внизу основы сайта делаю тени следущим способом. <tr><td colspan="4" height="19" background="/images/topmenubg.jpg"> </td></tr> По это адресу находится картинка 5*19 с переходом от белого, к серому Выглядит в ФФ и Опере вот так а ИЕ шестой показывает так Видите этот пробел белый? Вот как его убрать? Заранее спасибо

    Asked by artpol,

    0 votes
    10 answers

  12. Вложенные таблицы с использованием 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

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

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

    Asked by Ururu,

    0 votes
    1 answer

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

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

    Asked by SoFuWa,

    0 votes
    4 answers

  15. 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

  16. 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

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

    В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <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

  18. Перенос строки в textarea.

    Что нужно вставить в код: <textarea name="text" wrap="virtual" rows="10" cols="60">Исходный текст, в который нужно вставить код переноса строки.</textarea>, чтобы он выглядел в форме например так: Исходный текст, в который нужно вставить код переноса строки. Заранее благодарен.

    Asked by reger,

    0 votes
    6 answers

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

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

    Asked by t-stn,

    0 votes
    17 answers

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

    <!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

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

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

    Asked by aleksandra1.07,

    0 votes
    1 answer

  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. Карусель и разные браузеры

    Есть сайт 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

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

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

    Asked by leomaks,

    0 votes
    7 answers

  25. Знатокам CSS. Заставить input:text вести себя по-блочному

    Господа, айнидхелп. Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы <div class="widht-300px"> <div class="float-left">Здесь будет лэйбл</div> <input type="text" class="block" /> </div> Нужно чтобы инпут заполнил всю оставшуюся ширину после плавающего блока, как если бы там простой див был. Ни кто не знает как сделать?

    Asked by akxxiv,

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