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

29542 questions in this forum

  1. Как закрасить отступы margin ?

    Доброго времени суток! Подскажите пожалуйста, как закрасить отступы margin? есть главный блок, он закрашен фоном. Далее в этом боке создаю еще один и назначаю ему отступ margin-left: 20px; Но при просмотре в опере или ie7(на других пока не смотрел) пропадает часть фона как раз на ширину отступа. Как уколоть эту ошибку?

    Asked by viv,

    0 votes
    19 answers

  2. при width 100% дива появляется горизонтальная полоса прокрутки

    Приветсвую! Есть такой код: html <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <div id="wrapper"> <div id="header">header</div><!-- END header --> <div id="navbar">navigation</div><!-- END navbar --> <div id="content">content</div><!-- END content --> </div><!-- END wrapper --> <div…

    Asked by stalker_2000,

    0 votes
    2 answers

  3. Убрать внешние границы таблицы

    Как где и что прописать, чтобы у таблицы не было внешних границ, а были лишь внутренние

    Asked by bodnar,

    0 votes
    3 answers

  4. как убрать картинку на задний план

    Вот у меня получается сверстать а нужно вот так Можно ли на задний план поставить те две ленточки??? (есть слои этих ленточек)???

    Asked by Daniil Khanin,

    0 votes
    6 answers

  5. как переделать поиск на народе.

    Хочу переделать народовский поиск. Изначально предлагается три варианта поиска, хочу оставить только один по сайту. Вот код который дали на народе. <table width=468 height=30 border=0 cellspacing=0 cellpadding=0> <tr><td width=4 valign=top><img src=http://narod.ru/images/search/5/clt1.gif width=4 height=4></td> <td rowspan=3 bgcolor=6D48CD><form action=http://narod.yandex.ru/cgi-bin/yandsearch><input type=hidden name=user value=e-njoy><input type=image src=http://narod.ru/images/search/5/find.gif border=0 width=56 height=19></td> <td width=100% rowspan=3 align=center bgcolor=6D48CD><font size=-1>…

    Asked by CRANK,

    0 votes
    29 answers

  6. Как привязать размер шрифта к ширине блока в адаптивном шаблоне?

    Коллеги, подскажите, пожалуйста, как привязать размер шрифта к ширине блока в адаптивном шаблоне? Мне нужно, чтобы при уменьшении окна браузера, уменьшался размер шрифта. Как правило, это исполняет jquery.fittext.js, но не в параметре value тега input. Есть решение?

    Asked by ludlila72,

    0 votes
    6 answers

  7. заголовок нестандартным шрифтом

    Здраствуйте, скажите плиз возможно ли сделать заголовок сайта каким-нить своеобразным шрифтом, но чтоб не картинкой, а именно текстом (для оптимизации), а файлик с этим шрифтом например положить где нить в корне?

    Asked by vovan,

    0 votes
    12 answers

  8. Отступы

    Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться

    Asked by Cabalist,

    0 votes
    58 answers

  9. gulp sass, не работает @import

    Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…

    Asked by VeniVidiVici,

    0 votes
    16 answers

  10. Хорошо использовать display: table, table-cell и table-row для div-ов?

    Люди у меня к вам вопрос, хорошо ли использовать CSS свойства display: table, table-cell и table-row для div-ов? Иногда я не могу добиться нужного мне результат без таблиц, но таблицы использовать для дизайна не рекомендуется, насколько я слышал. Об этом часто упоминается. Поэтому я попробовал такую вещь - CSS свойства display: table, table-cell и table-row т.е. вместо <table> пишу <div style="display: table">; вместо <tr> - <div style="table-row">; и вместо <td> - <div style="table-cell"> это позволяет div-ам задавать свойства как для таблиц и ячеек, это иногда очень удобно, но - есть один небольшой недостаток - IE не поддерживает …

    Asked by multio,

    0 votes
    11 answers

  11. боковины

    Хочу попросить совета. Я хочу сделать у себя графичиские боковинки для сайта (узоры). Я слышал, что footer страницы прикрепляют с помощью JavaScript или CSS. Нужно ли, что-то подобное для боковинок?

    Asked by Lautes,

    0 votes
    34 answers

  12. Как фон сайта сделать градиентом?

    Хочу что бы фон у body был градиентом и при этом с рисунком что то вроде этого: Подскажите можно ли так сделать? Проблема в том что если бы я знала длину страницы то вырезала бы полоску и размножила, но особенность бекграунда повторяться и если после светлой картинки опять начнется затемненная, то это будет не красиво Думаю что можно было бы сделать маленькую картинку которую размножить на весь бекграунд а на нее наложить прозрачный фон с градиентом например до середины. А вот как это сделать... Можно ли с помощью css такое осуществить?

    Asked by Yellowcat,

    0 votes
    36 answers

  13. Как можно реализовать раскрывающееся меню (CSS+HTML)

    Например, я хочу написать о ручке. Ручка состоит из... Стержень, корпус, колпачок, и т. д., и т. п. Чтобы пользователь видел только "Ручка состоит из...", а описание появлялось при нажатии на этот заголовок. Реализация посредством CSS и HTML, без каких-либо там JavaScripts, DHTML и т. д.

    Asked by MDM,

    0 votes
    8 answers

  14. Как проверить HTML код на валидность?

    Как проверить HTML код на валидность? В Dreamweaver'е можно? Если да то где и как? (Версия Adobe Dreamweaver CS4 EN)

    Asked by kavadims,

    0 votes
    7 answers

  15. Ширина макета мобильной версии

    Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800. Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? Почему они так поступают и что с этим делать? Спасибо

    Asked by Alarr,

    0 votes
    4 answers

  16. Почему подключенные шрифты выглядят в разных браузерах по разному?

    Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами чт…

    Asked by VasyOK{!},

    0 votes
    9 answers

  17. Tree Table CSS. Древовидная таблица

    Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?

    Asked by user89,

    0 votes
    6 answers

  18. Всплывающее окно

    Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...

    Asked by DjTarik,

    0 votes
    66 answers

  19. Картинка внутри блока

    Есть блочный элемент, внутри которого находится текст, ширина этого элемента задана в процентах. При уменьшении окна браузера и соответственно ширины элемента текст вед?т себя нормально, т. е. передвигается внутри блока и не вылазит за границы. Проблема такая: При помещении внутрь блока (между строками текста) графической картинки, при уменьшении ширины блока меньше ширины вставленной картинки, картинка начинает вылазить за границы блока. Так вот, как это вылечить? Какие есть решения этой проблемы? Прич?м применение к блоку таких свойств как "min-width" или "overflow" здесь не прокатывает, уже пробовал. Заранее благодарен.

    Asked by max999,

    0 votes
    17 answers

  20. Как сделать разделители ввиде вертикальных линий м/у несколькими <a>?

    Вопрос в следующем, есть пять идущих подряд тегов , отображаемых как блоки с фиксированной высотой и шириной. Они находятся в ячейке таблицы, которая находится в диве. Вопрос: как сделать разделители между в виде вертикальных линий? Вариант у меня один: для создать бродеры, но они отображаются и МЕЖДУ и по краям, т.е. есть две лишних полосы слева от первого и справа от последнего . (html генерируется движком и правке не подлежит, только css) браузеры: IE6, Opera9, FF2. html: <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w…

    Asked by happyproff,

    0 votes
    20 answers

  21. Растянуть фон DIV по высоте DIV float

    Всем привет! Много искал но так ничего подобного и не нашел о том как растянуть фоновый DIV по высоте вложенного в него элемента DIV с обтеканием! Давно с таким не сталкивался, всегда делал таблицей, но тут другой вариант, таблицей нельзя! Причем в IE все работает "нормально" - а может и на оборот Opera глючит Вобщем надо, чтоб растягивался фон! т.е. там есть зеленый фон, он должен растянуться взависимости от высоты плавающих элементов, т.е. НЕ FIX. Если решение возможно, буду очень благодарен!!! Вот пример: <!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/19…

    Asked by romlex,

    0 votes
    5 answers

  22. Длинный пробел, как поставить?

    " " Нравится наглядность и аккуратность в вёрстке. По-началу ставил 4 пробела, ибо нравилось. Но, недельку назад увидел длинный пробел, равный четырём коротким. Как его поставить стандартным способом? А то как дибил из текстового файла "ctrl+c - ctrl+v" по пробелам лишний раз щёлкать не вставляет

    Asked by mewcherry,

    0 votes
    3 answers

  23. Кроссбраузерный спойлер по клику на CSS3

    Этот "урок" сочетает в себе все темы, поднятые ранее и видимо окончательно (или до новых модификаций языка) закрывает данный вопрос. Спойлер открывается по клику на его название и скрывается по клику в любую область за его пределами. Ничего нового, просто последовательное строение: #spoiler:focus .spoiler { display: block; } .spoiler { display: none; overflow: hidden; } <a href="#" id="spoiler">Название спойлера <div class="spoiler">информация для скрытия, появляется по клику</div> </a> Самое простое решение, которое не работает в Google Chrome вообще. Запросив на гугле: "WTF?", получил рекомендацию прописать: tabindex="1" Почему "1"? Это…

    Asked by iDrugov,

    0 votes
    14 answers

  24. Чем чревато появление в html-коде страницы двух одинаковых id и двух разных id в одном теге?

    Я начинающий админ форума на одном бесплатном сервисе и хостинге. Сервис предоставляет якобы движок форума phpbb3, однако, доступа к шаблонам не дает. И если в форуме что-то работает не так, то приходится обращаться в техподдержку с тем, чтобы программисты исправили ошибки в коде движка. А убедить в необходимости исправлений их не всегда удается. Проверяя валидность страниц своего форума, я обнаружила, следующие строчки в коде одной из страниц (в форме ответа): <button class="button2" onclick="bbstyle(54)" id="addbbcode54" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB}"><img src="http://illiweb.com/fa/wysiwyg/tab…

    Asked by Alice,

    0 votes
    9 answers

  25. Переопределение стилей bootstrap, как правильно

    Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили? Добавляя свой новый класс: <ul class="nav nav-tabs custom-nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a></li></ul>.custom nav-tabs { border-bottom: 2px solid #f00;}Или же можно сразу использовать классы bootstrap? <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"…

    Asked by Shiza,

    0 votes
    1 answer
×
×
  • 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