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. Кнопки

    У меня такая проблема, помогите плиз...сделал ссылку такого вида <a href="URL" target="_blank"><button type="button">Слово</button></a> и столкнулся с тем что Опера и другие браузеры проходят по ссылке, а IE ни какой реакции, как только убираю кнопку ссылка работает, как быть, чтобы и кнопка была и эксплорер как то реагировал, ссылка на сайт с проблемой Проблема с кнопкой, помогите плиз... P.S IE обязательно так как сайты защищенные и на Опере и других браузерах не работают (HTTPS) P.P.S Заходил на сайт с браузеров Mozilla Firefox 3.5, Opera 9.63, IE 6 (7,8)

    Asked by MHz,

    0 votes
    7 answers

  2. Выделение ссылки при наведении (Как на примере)

    Как сделать, что бы при наведении курсора на ссылку - фон сзади ссылки выделялся полу-прозрачным белым изображением. (Нужно ихменить в html шаблоне) Сделать примерно как на phpbb.com (Под логотипом ссылки "About - Donwloads - Commynity") Или как у вас на форуме (Помощь Поиск Пользователи Календарь). Спасибо заранее

    Asked by Flashz,

    0 votes
    2 answers

  3. margin: auto - как оно работает?

    Добрый день! Скажите пожалуйста как именно работает margin: auto? Тут сказано, что "Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером." Но не совсем ясно, как именно браузер будет автоматически рассчитывать отступы. Каким алгоритмом он руководствуется. Знающие, опишите пожалуйста этот процесс более детально

    Asked by alex_tihonko,

    0 votes
    3 answers

  4. Изменение высоты флэш пропорционально ширине без js

    Подскажите плз. Есть флэш, вставленный в тело страницы, ширина указана в %, необходимо высоту менять пропорционально ширине в зависимости от сужения/расширения окна браузера. Если указать только ширину, в отличие от того же img высота автоматом не высчитывается, а почему-то всегда ставится 200px:( Пытался решить через js, но уж больно мигает...некрасиво.

    Asked by Микель,

    0 votes
    1 answer

  5. Перекрытие слоёв (почему так работает)

    Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { b…

    Asked by KFQR,

    0 votes
    6 answers

  6. Как поставить сайдбары ниже контента

    Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end contain…

    Asked by Mila,

    0 votes
    5 answers

  7. Передача данных из одной страницы на другую

    Товарищи помогите ! Мучаюсь над одним вопросом! Недавно только начал изучать языки, кроме HTML ещё слабо что понимаю. Так вот есть страницы 1.html, 2.html и тут мне нужно с первой страницы 1.html передать данные во вторую страницу! Данные которые собираюсь передавать на 2.html - это текст и ссылка.

    Asked by Сильвина85,

    0 votes
    7 answers

  8. Фон по центру

    Всем доброго времени суток. Сделал фон кодом css. body { margin-left:35%; margin-right: 35%; margin-top: 15%; background: url(img/fon.png) no-repeat;} но, как мне сделать, что бы центр картинки(фона) был по центру сайта??

    Asked by Gotafak,

    0 votes
    3 answers

  9. Как теперь наблюдать за стандартами?

    Так как W3C не имеет никакого дела уже к HTML5, а им занимается WHATWG то как я понимаю W3C ж уже не документирует HTML5, по этому подскажите пожалуйста где можно следить за офф. стандартами. И как дело обстоит с CSS? W3C им же еще занимаются и на их сайте можно следить за стандартами?

    Asked by tini.kRyptoNite,

    0 votes
    3 answers

  10. Расположение иконок

    Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.

    Asked by Feel,

    0 votes
    6 answers

  11. Font-face Generator

    Подсмотрел в сети пример внедрения не стандартных шрифтов через @font-face, вот код: @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/mp_r/mp-regular-webfont.eot'); src: url('../fonts/mp_r/mp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mp_r/mp-regular-webfont.woff') format('woff'), url('../fonts/mp_r/mp-regular-webfont.svg#MyriadProRegular') format('svg'), url('../fonts/mp_r/mp-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } там же в папке fonts лежат эти шрифты и файл generator_config.txt Подскажите сервис где можно сгенировать эти шрифты или урок на русском в сети. Спасибо

    Asked by okunev2,

    0 votes
    3 answers

  12. Проблема верстки для мобильного браузера.

    суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …

    Asked by To_wave,

    0 votes
    3 answers

  13. Как работает код

    Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>

    Asked by ErUnDAK,

    0 votes
    9 answers

  14. Выравнивание и overflow

    Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?

    Asked by Александръ,

    0 votes
    3 answers

  15. Верстка меню: не представляю как это сделать

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

    Asked by Hippy,

    0 votes
    2 answers

  16. Проблема с float: left

    Добрый день, Подскажете, пожалуйста, как исправить такую ошибку: Слой с float: left в ие7 после окончания колонки, которую он обтекает, уменьшает padding. Наглядно: html <div style="float: left"> <img src="/i/image.jpg" style="margin: 0; padding: 0"> </div> <div class="ctlg"> <div><h3>title</h3> <ul> <li>Фильтр для очистки и минерализации мягкой воды</li> <li>Картридж</li> <li>Угольная <a href="#">вставка УВ</a></li> <li>Дозаторы <a href="#">кальция</a> и <a href="#">магния</a></li> <li>Возможность регенерация картр…

    Asked by Diver2,

    0 votes
    5 answers

  17. не понятная ошибка

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

    Asked by slo_nik,

    0 votes
    2 answers

  18. При наведении на ссылку меню пропадает часть содержимого страницы

    Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника

    Asked by h2choh,

    0 votes
    3 answers

  19. Помогите с вёрсткой

    Макет составил потренироваться. Нормально работает в Опере и ИЕ. В Хроме и ФФ не работает jquery. Точнее, работать то он работает, только якори не кликабельны. Я так подозреваю из-за css. Помогите, пожалуйста. Очень буду благодарен так же, за попутные комментарии по css. Или кроссбраузерности. Спасибо. Вот весь сайтец http://narod.ru/disk/17154159001/www.rar.html

    Asked by andys,

    0 votes
    10 answers

  20. Форматирование текста в строке таблицы

    Добрый день, люди добрые! Помогите решить проблему. Нужно в таблице объединить два столбца в один, как здесь "ИМЯ ПОЛЬЗОВАТЕЛЯ" и "ЗВАНИЕ" Нужно объединить эту строку <th nowrap="nowrap" width="25%" align="{S_CONTENT_FLOW_BEGIN}"><a href="{U_SORT_USERNAME}">{L_USERNAME}</a></th> с вот этой <th nowrap="nowrap" width="15%"><a href="{U_SORT_RANK}">{L_RANK}</a></th> и вот эту <td class="genmed row" align="{S_CONTENT_FLOW_BEGIN}">{memberrow.USERNAME_FULL}<!-- IF S_SELECT_SINGLE --> [ <a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a> ]<!-- ENDIF --><…

    Asked by okaton,

    0 votes
    17 answers

  21. Проблема с формой заказа

    Спасайте дорогие граждане! Решил сделать форму заказа и освоить PHP, посмотрел пример, добавил что нужно, теперь полная Ж , Помогите исправить, или просто дайте ссылку где можно взять нормальную. Ссылка на сайт -ССЫЛКА>>>>> Заранее всем спасибо! Жду с нетерпением! ДА и вот файл обработчика сам PHPи <? $headers .= "Content-type: text/html; charset=Windows-1251\r\n"; if(!isset($pryamoygol)){$pryamoygol="нет";} if(!isset($yglovoi)){$yglovoi="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($mnogogrannik)){$mnogogrannik="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($steklo_optiwhite)){$steklo_optiwhite="нет";} if(!isset($steklo_m1)){$ste…

    Asked by ZFJoury,

    0 votes
    10 answers

  22. Горизонтального меню на списке

    Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…

    Asked by c01nd01r,

    0 votes
    6 answers

  23. Растянуть блок за пределы родителя в одну сторону

    https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

    Asked by vip,

    0 votes
    5 answers

  24. PHP в HTML и последствия(

    Доброго времени! очень прошу помощи в ршении данной проблемы: есть хтмл файл, который в себе содержит "инклуд" на пхп для вывода картинок. проблема в том, что после того, как я вставил пхп код, в таблице нарушилась структура: <tr> <td height="100" bgcolor="#000000"> <?php $img = include ($_SERVER['DOCUMENT_ROOT']."/primobmx/Scripts/images.php"); echo $img; if (!$img) die("Trouble in image script opening!"); ?> </td> </tr> таблица, которая имеет фиксированную ширину, начала отображать подряд все картинки, моя же задача: http://www.primobmx.com/parts/parts.html . в случае <tr> <?php $img = include ($_…

    Asked by -Ren-,

    0 votes
    3 answers

  25. повтор изображения

    Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …

    Asked by sh1va,

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