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. Логотип между пунктами меню (как проще сделать?)

    Подскажите, как проще сделать логотип между пунктами меню? У меня получается два ul Код: http://cssdeck.com/labs/9glnryce

    Asked by Alfa2015,

    0 votes
    7 answers

  2. Подрисуночная подпись, косяк в IE.

    Здраствуйте, мне необходимо было сделать подрисуночную подпись в CMS Drupal которая располагалась бы справа или слева от рисунка. Я воспользовался советом. И вставил следующий код в файл style.css своей темы (немного измен?нная стандартная тема Garland): .picFloatLeft { color: Black; /* Цвет подписи */ padding: 10px; /* Поля вокруг содержимого */ width: 600px; /* Ширина блока */ margin: 2% 2% 1% 2%; text-align: justify; } .picFloatLeft img { float: left; /* Обтекание по правому краю */ margin-right: 15px; /* Расстояние между рисунком и текстом */ } .picFloatLeft p { margin: 0px; /* Убираем отступы вокруг абзаца */ padding-top: 10px; /* Поле сверху */ } .picF…

    Asked by DMGaster,

    0 votes
    2 answers

  3. свойство Opacity и его поведение

    Я использую блок контента (1), родительский элемент (2) которого имеет прозрачность 0,5 (выступает в роли заднего фона через который видны другие элементы страницы). Прозрачность с родителя(2) распространяется на контейнер (1). Подскажите пожалуйста, как сделать чтобы родительский элемент был прозрачным, а контейнер - непрозрачным? (Даже если указываю для (1) opacity:1 ничего не меняется)

    Asked by Victor,

    0 votes
    8 answers

  4. Установить разное выравнивание для кусков текста в одной строке с минимумом кода

    Подскажите пожалуйста, делаю админку для небольшой программы, включащей в себя веб-сервер, нужно на странице в одной ячейке таблицы выставить разное центрование кнопок, сейчас они выглядят вот так [<<][>>][Снять][Скачать] а хотелось бы [<<][>>] [Снять] [Скачать] где "снять" посередине, а "скачать" по правому краю ячейки таблицы сделать это желательно с минимумом кода на странице сам в HTML совсем не шарю , пытался сделать по-простому с помощью тега <pre>, но он за собой переносит строку, еще вариант поставить много-много пробелов - но они занимают половину объема передаваемого кода, тем самым себя не оправдвая.. Помогите пожалуйст…

    Asked by Mihail_,

    0 votes
    2 answers

  5. Не выравнивается к центру менюшка

    Уважаемые форумчане, подскажите пож-та как выравнять нижеописанную менюшку по центру страницы. что только не пробывал, стоит на месте не двигается. нечего не пойму....менюшка красивая получилась, а выровнять не могу.. <html> <head> <style type="text/css"> div.menuhor div.navih { width: 100%; height: 24px; font-family: Tahoma; font-size: 11px; line-height: 5px; font-weight: bold; margin: 0px 0 0 0; background-color: 336699;} div.menuhor div.navih a { float: left; color: #FFFFFF; text-decoration: none; padding: 9px 8px 10px 8px; background-color: 336699;} div.menuhor div.navih a:hover { color: #FFFFFF; background-color: #004982;} </style> </hea…

    Asked by gudzon,

    0 votes
    4 answers

  6. помогите правильно определить селектор

    часть html: <body class="front two-sidebars"> ... <div id="main"> ... </div> </body> в css файле прописано: .two-sidebars #main { background: url(image.png); } Вопрос: как правильно прописать селектор в css для #main, чтобы он обрабатывал такие конструкции: желательно чтобы не прописывать "sameclass" "samaeclass2" и т.д. в css файле, а выбор был основан только на ".two-sidebars #main"

    Asked by myid,

    0 votes
    6 answers

  7. Два изображения в фон

    Видел как-то такое в сети, но потерял. Там был пример использования двух изображений в фоне. Без дополнительных слоев и т.п. Поиск пока не дает результатов. Помогите :-)

    Asked by FeraS,

    0 votes
    4 answers

  8. Проблема с 3-х колоночным макетом

    Итак, здравствуйте! Прошу, у вас, помощи… Наверное многим известны макеты Layout Gala… Много о них было уже здесь написано… Но я не заметил одного: ни разу не обсуждалась здесь их проблема. А в частности при увеличении ширины какого-либо элемента, находящегося в центральной части (части основного контента) — макет просто рушится в IE 6 и ведет себя неверно в остальных браузерах… (т.е. если ширина контента превышает выделенную для него видимую область) Использую шаблон #13. Макеты мне очень понравились, и хотелось бы как-то решить этот недостаток… Промучился всю ночь — ничего дельного не вышло.(( Заранее спасибо!

    Asked by ScRiPt,

    0 votes
    11 answers

  9. Проблема table как фон

    Доброго времени суток Для оптимизации и ускорения загрузки сайта я порезал большие картинки на куски и склеил их с помощью таблицы вот что получилось для примера и понятия <table id="________01" width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img id="img_header_01" src="{THEME}/images/img_header_01.jpg" width="125" height="69" alt="" /></td> <td> <img id="img_header_02" src="{THEME}/images/img_header_02.jpg" width="125" height="69" alt="" /></td> <td> <img id="img_header_03" src="{THEME}/images/img_header_03.jpg" width="125" height="69" alt="" /></td> <td> &l…

    Asked by Rams,

    0 votes
    8 answers

  10. ВІпадающий список.

    Доброго времени суток. Возникла проблема, необходимо реализовать выпадающий список. Пример можно увидеть на сайте http://www.slsbearing.com.sg/eng/index.html. Заранее благодарен.

    Asked by romko,

    0 votes
    4 answers

  11. Выравнивание по центру

    Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <ul> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> </ul> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…

    Asked by laik216,

    0 votes
    3 answers

  12. Проблема Растягивания Div В Ie

    всех приветствую! проблема такая: имеем разметку - таблица с 2-я столбцами (ширина таблицы - по умолчанию, ширина 2-го столбца 400px). во второй колонке расположен div (ширина по умолчанию) в ie контролы ввода растягивают 2-й столбец, но ширина в 400px применяется к div'у, отсюда глюк. см. ниже а в ff все ок.. Как исправить ситуацию в ie? Плохо разбираюсь как влияет ширина при вложении div в таблицу и наоборот. Какой элемент какой растягивает... div колонку или колонка div.. Объясните плиз или ткните носом по ссылке Спасибо

    Asked by mvitaly,

    0 votes
    8 answers

  13. Chrome не отображает толщину шрифта

    Такая проблема, есть шрифт Ubuntu Condensed, загружаю его из гугловского хранилища шрифтов: <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'> Мозилла и др отображают толщину шрифта корректно, а вот в хроме шрифт совсем тонкий и неказистый! Мозилла: Хром: Проблема в том, что толщина линии для этого шрифта не работает в хроме, она либо очень жирная либо тонкая как на примере выше font-weight: 600; font-weight: 500; Среднего нет, при том что в ФФ всё ок. Что-то тут можно придумать или беду эту не побороть?

    Asked by delias,

    0 votes
    1 answer

  14. Как стилизовать текст для placeholder используя атрибут "style"

    У меня есть тег <input id="foo" type="text" name="url" placeholder="Укажите URL" value="" style="color:#000000;" /> Проблема в том, что текст "Укажите URL" по умолчанию отображается так же как и обычный вводимый в текстовое поле текст. А хотелось бы его цвет сделать серым, чтобы нельзя его было спутать с обычным текстом, вводимым пользователем. Но я не могу пользоваться стилями в подключаемых css-файлах. Мне желательно сделать все стили в атрибуте "style". Можно ли это осуществить?

    Asked by clavin,

    0 votes
    3 answers

  15. Можно ли связать через css два тега?

    Всем доброго времени суток. Подскажите, пожалуйста, можно ли как то в CSS прописать взаимосвязь, чтобы при наведении курсора на картинку, менялась сама картинка и текст рядом с ней. Я всю голову сломала, как можно эту задачу можно решить через css, чтобы не привлекать программирование или яву. А может ответ плавает на поверхности... На странице есть картинка-ссылка <a> и текст спрятанный <p style="display:none;">. При наведении на картинку нужно, чтобы она менялась (ну это понятно a:hover {url(/image.jpg)} ), но и чтобы одновременно с ней появлялся невидимый текст, который находится неподалеку. Есть выход сделать появляющийся текст тоже картинкой которая вылаз…

    Asked by rutell,

    0 votes
    7 answers

  16. Как подчистить скрипт счетчика?

    Подскажите пожалуйста, как подравнять скрипт счетчика, они практически все написан кривыми руками, я идеалист хренов в js не шарю, а хочу, что бы валидатор улыбался :P Вот скрипт, правда я его уже сократил немного: <!-- HotLog --> <script type="text/javascript" language="javascript">hotlog_js="1.0";hotlog_r=""+Math.random()+"&s=2115087&im=565&r="+escape(document.referrer)+"&pg="+escape(window.location.href);</script><script type="text/javascript" language="javascript1.1">hotlog_js="1.1";hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");</script><script type="text/javascript" language="javascript1.2">hotlog_js="1.2"…

    Asked by Vic-Tor,

    0 votes
    3 answers

  17. Скрипт прелоадера для input

    Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )

    Asked by okunev2,

    0 votes
    4 answers

  18. Выпадающее меню

    Огромная просьба! Помогите с выпадающим меню. Прочитала сотни примеров, но что-то у меня не получается, рассыпается вся моя конструкция. У меня имеется серое поле #grau_navi, на нем расположен блок #box_navi со списками непосредственно самих ссылок. При нажатии на ссылку GALERIE должно появится вертикальное подменю. Вот код: #mitte{ background-color: #FFFFFF; /*position: absolute;*/ width: 100%; left: 0px; float: left; border-color: #344d61; border-style: ridge; border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } #grau_navi{ background-color: #bcc4cb; float: left; height: 600px; width: 13.5em; margin: 0; margi…

    Asked by Tanuhin,

    0 votes
    3 answers

  19. Блок, в котором текст выравнивается от низа

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

    Asked by Избранный,

    0 votes
    7 answers

  20. Помощь нужна!

    Подскажите плиз есть ли у кого-то пример HTML для создания на сайте регистрацию пользователи??? Пожалуйста очень нужно

    Asked by diachenko.alex,

    0 votes
    7 answers

  21. JW Player

    Подскажите, пожалуйста, никак не могу установить данный плеер. Делаю все по инструкции http://www.longtailvideo.com/support/tutor...on-Instructions , все необходимые файлы точно находятся в нужной папке и пути к ним прописаны верно. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <p id='preview'>The player will show in this paragraph</p> <script type='text/javascript' src='swfobject.js'></script> <script type='text/javascript'> var s1 = ne…

    Asked by Sub-zerro,

    0 votes
    3 answers

  22. Чтобы div с динамической шириной выравнивался по центру и оставался по центру если он шире окна браузера.

    Нужно, чтобы div с динамической шириной выравнивался по центру окна и оставался по центру, если он оказывается шире окна браузера, и чтобы появлялись полосы прокрутки. По центру у меня получается выровнять, но когда окно браузера становится меньше дива, он прижимается к левой стороне окна.

    Asked by Squidward,

    0 votes
    12 answers

  23. Верстка кнопки

    Не получается сделать овальную динамичную кнопку с помощью картинок. У меня 3 картинки - левый край, центр(полоска) и правый край. CSS background:url(левый_край.gif) no-repeat; background:url(центр.gif) repeat-x; background:url(правый_край.gif) no-repeat 100% 0; Все хорошо, все работает, но края у меня скругленные, с прозрачными углами. И получается, что в этих местах видна картинка центр.gif Вот собственно вопрос, можно сделать так, чтобы под картинками левый_край.gif и правый_край.gif небыло картинки центр.gif?

    Asked by frog163,

    0 votes
    15 answers

  24. Ограничение размера текста в div

    Как сделать, чтобы в конце невлезающего текста ставилось многоточие? На сайте написано, что для этого блок должен иметь overflow: auto, scroll или hidden. Но почему тогда не работает этот пример? http://jsfiddle.net/waegtL15/

    Asked by saltukkos,

    0 votes
    1 answer

  25. Ссылка с треугольником справа

    Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…

    Asked by PavelTkachev,

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