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. Текст независимый от div

    Здравствуйте. Подскажите пожалуйста. Как сделать что бы текст не переходил на другую строчку на границе div?

    Asked by webmario11,

    0 votes
    3 answers

  2. Подскажите как сделать защиту сайта от копирования

    Верстаю сайт, и вот пришла мысль о том как вообще защитить свой сайт, чтобы знать на будущее, когда буду делать для людей и обезопасить их от того чтобы их сайт не свинтили под чистую?? Простите если не в ту ветку, для начинающих вроде как раз самое оно)

    Asked by igornagorny89,

    0 votes
    14 answers

  3. Вертикальное выравнивание картинки в ссылке

    Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.

    Asked by anipriev,

    0 votes
    8 answers

  4. Отображение полей при переходе

    Экспериментировал над задачей и наткнулся на довольно странное явление: в примере, при переходе, правые полоски дольше держаться, а при появлении, быстрее отображаются. Если убрать фон (4 и/или 52 строчка CSS), то вроде переход и слева, и справа, происходит одинаково... Проверил в трёх браузерах и либо у меня конкретное косоглазие, либо браузеры работают по какому-то определённому алгоритму, который я не понимаю (ну либо в коде я что-то напортачил). Может кто разъяснит? Спасибо!

    Asked by Launder,

    0 votes
    2 answers

  5. Как тестировать адаптивность в браузере Fire Fox

    Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?

    Asked by tigrus2014,

    0 votes
    3 answers

  6. Как прописать в value " и '?

    Как создать, к примеру, кнопку Submit с надписью " 'submit' " на ней? Простое не помогает.

    Asked by nemecfc,

    0 votes
    1 answer

  7. Проблема с CSS

    Для того чтобы в системе UCOZ отредактировать фон мини-чата нужно кое что подправить в CSS Должно быть следующее: /* Comments Style */ .cAnswer {padding-left:15px;padding-top:4px;font-style:italic;} .cBlock1 {background:#E3CE77;border-top:3px double #CAAF44;color:#000000;} .cBlock2 {background:#D4BF68;border-top:3px double #CAAF44;color:#000000;} /* ————-- */ /* Comments Form Style */ .commTable {} .commTd1 {color:#000000;} .commTd2 {} .commFl {color:#948549;width:100%;background:#FEFEFA;border:1px solid #EBD98E;} .smiles {border:1px inset;background:#FFFFFF;} .commReg {padding: 10 0 10 0px; text-align:center;} .commError {color:#FF0000;} .securityCode {color:#948549;back…

    Asked by Voltmen,

    0 votes
    2 answers

  8. атрибут id в теге html

    что может значить атрибут id в теге html? например, <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="vkontakte">

    Asked by izuchtel,

    0 votes
    4 answers

  9. Дублирование нижней границы таблицы в ИЕ

    Столкнулся с необъяснимой для себя проблемой. Скажу сразу, что характерна она только для ИЕ (замечено и на 7, и на 8). Имеется следющий код: <form method="post" id="searchform" action="?action=navi&scriptname=searching.php" onsubmit="set_values();"> <table style="border-bottom:2px solid red;"> ..... некоторые элементы типа <input> и <select> ..... <form id="someid"> Форма </form> ...... </table> </form> Проблема состоит в следующем: при добавлении в таблицу формы someid - нижняя граница рисуется дважды: там где надо и в районе формы someid. Стоит форму убрать - линия пропадает. Объясните п-ста, почему так…

    Asked by rolling,

    0 votes
    9 answers

  10. Вставка FLASH внутри DIV

    Есть такой блок: <div id="banner"> [место для баннера] <div style="clear:both;"></div> </div> С такими вот стилями: #banner { float:left; max-width:700px; min-width:400px; width:50% } Если вставить туда изображение и прописать для него только width=100%, то ширина блока растягивается. А как то же самое сделать для FLASH-баннера? Вот код: <object type="application/x-shockwave-flash" data="swf/banner.swf" width="100%" height="50%"> <param name="movie" value="images/header.swf" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="opaque"> <img src="images/top.jp…

    Asked by brainiac,

    0 votes
    0 answers

  11. увеличить отступ во вложенных <ul>

    здравствуйте! есть некая иерархичная структура данных, которые должны выводиться в тегах ul, li. вот как они выводятся на текущий момент: мне нужно чтобы во вложенных категориях расстояние между ячейками было такое же, как и между первыми двумя. какой директивой css это можно реализовать?

    Asked by helloworld,

    0 votes
    3 answers

  12. Размытые края iframe

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

    Asked by AKstoAK,

    0 votes
    3 answers

  13. не работает фон.

    Всем привет. У меня проблем с фоном. <body> <div align="center"> <div class="head"> </div> </div> </body> и CSS .head { width: 100%; background-image: url(images/temp.jpg); background-repeat: repeat-x; } Что не далай не работает фон. Уже и ссылки менял и рисунки менял! В чем может быть проблема?

    Asked by kent666,

    0 votes
    5 answers

  14. hover для а с id

    Подскажите пожалуйста, как присвоить :hover для <a> с #id. Вот код, получается для тегов <a> нужен :hover. <div id="icons"> <a href="#" id="site_map_icon" title="Карта сайта"></a> <a href="#" id="cotact_icon" title="Контакты"></a> </div> div#icons { width:100%; height:25px; border:1px solid #f8f8f8; } #cotact_icon { width:12px; height:9px; background:url(../../img/cont_icon.png); display:block; margin:7px 40px 0 auto; } #site_map_icon { width:17px; height:9px; background:url(../../img/map_icon.png); display:block; float:right; margin:7px 10px 0 auto; }

    Asked by resoursa,

    0 votes
    6 answers

  15. [CSS] Объект на логотипе

    Здравствуйте, извините пожалуйста, первый раз на сайте вашем, помогите пожалуйста разместить на логотипе флеш-проигрыватель Вот сам логотип: #header { background: url("http://s019.radikal.ru/i626/1203/33/f13d17e6f54d.png"); margin: 0 auto; color:#FFFFFF; width:640px; height:240px; } Как на него влепить флеш-проигрыватель? Сам флеш проигрыватель имеется, вопрос только в том как размещать на логотипе

    Asked by JaST,

    0 votes
    7 answers

  16. Проблемы с IE

    Здравствуйте, сверстал дизайн(сразу оговорюсь - я в этом деле не профи) , в адекватных браузерах все нормально отображается, но вот в ie правый блок разваливается на части( подскажите где что можно поправить что бы решить эту проблему. урл сайта - http://test11.16mb.com/

    Asked by greeb,

    0 votes
    7 answers

  17. Кастомное подчеркивание двух строк текста

    Есть две строки текста, перенесенные из–за того, что не вмещаются по ширине. Надо их подчеркнуть более жирной линией, чем даёт text-decoration: underline Что можете посоветовать?

    Asked by higimo,

    0 votes
    4 answers

  18. Backgound-image поверх img

    Привет всем! Такой вопрос. Есть код: html: <img src="test.png"> css: img:hover { background: url(test2.png); } Т.е. я хочу чтобы при наведении на img накладывалось изображение из background. А сейчас оно появляется ПОД img.

    Asked by EdBond,

    0 votes
    7 answers

  19. Проблемма с классами..

    В этой теме mrnobody мне объяснил, что меню можно задать класс..Но у меня почему-то получается вот так: Тоесть если вы заметите, joomla приписала moduletable слитно к main_menu + приписала слитно menu к first_class_меню...Почему и что делать? Помогите пожалуйста!

    Asked by Noraad,

    0 votes
    7 answers

  20. псевдоэлементы ко всем img'ам в таблице

    Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?

    Asked by maritca,

    0 votes
    3 answers

  21. как лучше создать таблицу и связать строки с дивом

    У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:

    Asked by myav4ik,

    0 votes
    3 answers

  22. IFRAME глючит в IE

    Проблема заключается в следующем. Есть два слоя, расположенных в горизонтальном порядке. Первый (меню), для которого задан float: left занимает примерно процентов 15 экрана и с ним всё в порядке, второй (там находится текст) находится справа от первого и занимает оставшуюся часть экрана. Причём стоит заметить, что левый слой представляет собой просто <div></div>, а правый <div><iframe></iframe></div>, то есть внутри правого дива находится iframe, содержимое которого меняется в зависимости от того, куда мы нажмём в левом меню. Так вот. Вопрос банальный. В опере всё работает замечательно, а в IE почему-то правый слой вместе со всем соде…

    Asked by Fid,

    0 votes
    3 answers

  23. CSS шпаргалка

    Раньше пользовался этой шпаргалкой, для новичков в CSS пойдет (советую распечатать и повесить на стенку перед компом)

    Asked by LS200,

    0 votes
    2 answers

  24. Проблемы с подключением таблицы связанных стилей

    ...оглядел своё творение... вроде все готово пора прятать стили... столкнулся с такой проблемой что при подключении файлов со css некоторые параметры перестают работать например в: <style type="text/css"> ul { list-style:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; width:12em;...... и т.д. параметр list-style:none; не действует (при нахождении непосредственно на странице всё нормально)

    Asked by Grann,

    0 votes
    2 answers

  25. Google "не знает" или как я не нашел ответа.

    Друзья, доброго времени суток! Возникла проблема в изменеи шрифтов и их размера, а так же - как изменить положение на страничке какого либо "слова" или "окошка" (а конкретней - как задать расположение на странице "поиск и около него окошка"? И как построить или создать рамку, чтобы в ней находилмся например уже созданый календарь или Мини чат. Вот адрес http://el-music.do.am/

    Asked by Mihan.NN,

    0 votes
    5 answers
×
×
  • 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