HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Табличный Html. Dreamweaver. Проблема.
Здравствуйте дорогие друзья, у меня возникла проблема! Верстал на DW страницу, табличную, вроде всё ровненько, на превьюшке в самом дримвивере тоже всё нормально отображается. А вот сама страница в опере и файрфоксе(наверно, как и везде), кроме старого IE, отображается не совсем желаемо, в общем - она слишком длинная. Таблица заканчивается, а страница прокручивается всё дальше, почти в 2 раза больше, чем нужно. Вот страница: http://petr-efimov.com/ro/index.html В чём может быть проблема, не понимаю. Мистика какая-то. Прошу, помогите. Заранее спасибо! Всё, нашел в чем проблема. Тема закрыта.
0 votes0 answers -
IE: Не отправляется форма, если кнопка image
Проблема с Internet Explorer. Не отправляется форма, если кнопка image, если же обычный submit, то нормально отправляется. Вот объявление формы: <form action="/on-line" method="post"> ... Вот коды кнопок: <input type="image" class="image" src="/send.gif" value="Отправить" name="go"> <input type="submit" value="Отправить" name="go"> Помогите пожалуйста, впервые с таким столкнулся. — Версия IE8 эм.. понял IE не отправляет имя кнопки в POST а отправляет имя_x и имя_y
0 votes0 answers -
Не работает виджет в блоге
Виджет последних тем в блоге имеет такой код: <span style="font-family:georgia;"><span style="font-size:105%;"><script type="text/javascript"> //<![CDATA[ function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = false; var numchars = 130; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); p…
0 votes0 answers -
Ширина всплывающего элемента
Доброго времени суток, уважаемые форумчаны! Как выглядит? У меня есть проблема, которую я никак не могу решить уже который день. Дело в том, что я задумал сделать шаблон на своей вики. Этот шаблон отвечает за всплывающую подсказку над каким-либо словом или фразой. Это слово / фраза будет находится в тексте. Вот пример в картинках: Наводим курсор мыши на слово "Что0000000000jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj0?" и получаем следующее: Как видно - всплывающее окно текста сжимается и ширина его соответствует этой фразе-родителю. Если фраза "Что0000000000jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj0?" будет, например, "Что?", то окно подсказки вообще сожмётся до са…
0 votes0 answers -
2-ая ячейка вышла за полюс
У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…
0 votes0 answers -
Листинг директории
Не совсем вопрос по верстке, но так как я зарегистрирован только на одном форуме хоть как-то связанном с этим вопрос то вот: Имеем .htaccess с Options +Indexes показом файлов в этой директории для кодировки добавляем (долго искал) IndexOptions Charset=windows-1251 все замечательно показываются русские буквы кроме одного. Фаерфокс при нажатии на файл с русским название предлагает его точно так же и сохранить с тем же именем файла и в браузере он показывается в строке url как: http://sait/имя файла.расширение Другие же браузеры (пробовал оперу ИЕ8 и гугл) в имени файла перекодируют русские буквы в другие символы и при скачивании имя файла принимает нечитабельный вид и сохр…
0 votes0 answers -
Googlemaps & Метки.
Доброго времени суток, заранее извиняюсь если что не так оформил, в первый раз попал на Ваш форум. Собственно проблема: Имеется сайт, создавался не мной, на сайте в странице контактов было несколько адресов магазинов, на ряду с адресом были ссылки на гугл мапс для каждого адреса вставленную на эту же страницу. Поступило распоряжение пару адресов убрать и тут появилась проблема - адреса то убрать особо труда не составило, а вот как убрать лишние метки с карты это уже проблема, до этого ни разу с ней не сталкивался, а в большинстве статей на тему вставки карты описывается в стиле "клацаешь на ссылка\ ссылка на форум ". Собственно здесь показано как сейчас обстоит дело maps …
0 votes0 answers -
Получение Данных Из Формы (чекбоксы, Радиокнопки)
Необходимо в JavaScript получить значения радиокнопки и чекбокса. Части кода JS и HTML соответсвенно: <script> radiobutton = document.getElementById('range').value checkbox = document.getElementById('rating').checked </script> <label><input type="radio" name="range" value="1" /> Раз </label><br /> <label><input type="radio" name="range" value="2" /> Два </label><br /> <label><input type="radio" name="range" value="3" checked="checked" /> Три </label><br /> <label><input type="checkbox" name="rating" id="rating" checked="checked" /> Раз </label><br /> Проблем…
0 votes0 answers -
Ошибка Входа В Аккаунт! Dle Сайта
Доброго времени суток! Сайт на DLE двиге 8.3 Возникла проблема: При перерегистрации программой "Постньюс" она пишет сначала: "регистрация завершена", затем в поле статуса: "Ошибка входа в аккаунт!"!?! На другой сайт заходит нормально! Пробовали зайти с другого компа подобной прогой тот же результат! Вывод: что то с сайтом! Если кто знает причину - подскажите, что поправить на сайте! http://ipplaneta.ru Заранее благодарен!
0 votes0 answers -
Изображения Перекрываются
Вот тут: ТУТ в шапке используютс три изображения: 1)dog_big0.jpg 2)topcente.jpg 3)cat_and_.png так вот при увиличении масштаба или уменшения разрешения экрана/страници cat_and_.png перкрывает изображение topcente.jpg как это исправить? <TABLE cellspacing="0" width="100%" height="260"> <TBODY><TR> <TD width="1%" rowspan="2" height="260"><IMG src="/main_files/dog_big0.jpg"><BR></TD> <TD width="50%" height="260" align="left" valign="middle" background="/main_files/topcente.jpg" class="maininfo"> </TD> <TD width="*%" class="contacts" align="center" valign="top" style="padding:0px; margin:0px;" background="/m…
0 votes0 answers -
Checkbox и textarea
Хотел сделать так чтобы только полсе прокрутки содержимого в текст. поле можно было поставить флажок. Но как то не получилось, помогите найти ошибку. Заранее благодарен. (P.S. onclick="f_click();" привязанно к другой функции и работает) <!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01//EN" "http://www.3.org//TR/html4/transitional.dtd."> <html> <head> <title>Флажок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_flag() { document.getElementById(check1).disabled = false; } //--> </script> </head> <body> <center><h2>П…
0 votes0 answers -
как ограничить toolbox в средней ячейке?
Есть такая штука. в title прописываешь текст и при наведении на объект он появляется рядом с курсором в блоке. делается так JS: var _w=window,_d=document; _w.onerror = null; var tooltip_attr_name = "tooltip",tooltip_len=45; _w.onload=function(e){if(_d.createElement)tooltip.d();} tooltip={ t: _d.createElement("DIV"), c: null, g: false, m: function(e) { if (tooltip.g) { oCanvas=_d.getElementsByTagName((_d.compatMode&&_d.compatMode=="CSS1Compat")?"HTML":"BODY")[0]; x=_w.event?event.clientX+oCanvas.scrollLeft:e.pageX; y=_w.event?event.clientY+oCanvas.scrollTop:e.pageY; tooltip.a(x,y); } }, d: function() { tooltip.t.setAttribute("i…
0 votes0 answers -
Интервал между абзацами
Подскажите, пожалуйста, как увеличить расстояние между абзацами? Сайт http://forwomans.ru/ Здесь нужно что-то добавить? html body { background: url(images/bg.gif); font-size: 13px; font-family: Tahoma, Georgia, Verdana, Times New Roman; line-height: 120%; } Всем заранее спасибо за помощь! Все спасибо!!! Не нужно на сайте нашла!!! Тему можно удалить, извините!
0 votes0 answers -
Проблема с выводом списка
HTML: {% for hotel in hotels%} <div id="rl"> <ul> <li> <a href="{{ hotel.get_absolute_url }}"><img src="{{ MEDIA_URL }}{{ hotel.hotel_image }}" alt=""/></a> <h2><a href="{{ hotel.get_absolute_url }}">{{ hotel.name }}</a></h2> <strong>Город:</strong> {{ hotel.city }}<br/> <strong>Цена:</strong> {{ hotel.price }}<br/> <strong>Адрес:</strong> {{ hotel.address }}<br/> </li> </ul> </div> {% endfor %} <div> <a href="{% url hotel_list %}"><strong>Все отели</strong></a> </div>…
0 votes0 answers -
можно ли красиво менять текст на картинке, не делая gif или flash анимацию?
есть текст на баннере http://www.arbitr-hmao.ru надо чтобы текст красиво менялся (заменялся другим текстом, например, с вылетом) но делать из и без того тяжелого баннера flash анимацию очень неразумно.. может есть какие-нибудь НЕСЛОЖНЫЕ аплеты, скрипты или чего нибудь еще, чтобы можно было анимировать таким образом текст. заранее благодарен за совет
0 votes0 answers -
Нюанс в меню
Вот моя шапка, и модернизированный код. Проблема в том, что текст при наведении опускается вместе со всем, просто я хочу сделать чтоб верхнюю линию меню не закрывала картинка, которая будет отображаться при наведении мышью. http://www.sharemania.ru/0296779 Чтоб текст главная не опускалось вниз надо.
0 votes0 answers -
Лайтбокс не закрывает встроенные в страницк объекты
Установил на страницу этот лайтбокс на javascript. http://reghellin.com/milkbox/ Считаю, что вопрос более по вёрстке, чем по javascript. В этом лайтбоксе есть тёмное поле, закрывающее страницу. Вот его стили: #mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */ z-index:100; cursor: pointer; } К сожалению это поле не скрывает встроенные в страницу объекты, как например, объект с youtube.com. Видеоплеер все равно располагается сверху. Есть ли способ скрыть его? Вот код примерного объекта с youtube.com, который я не могу скрыть <object width="640" height="385"><param…
0 votes0 answers -
"Съедается" подложка <div>-wraper-а, как победить?
Есть css меню состоящее из списков <ul><li> обернутых в <div>, который одновременно выступает в роли цветной подложки. Требуемый внешний вид меню такой: http://www.transaction.arvixe.ru/testmenu2.html В этом случае для элемента <ul> задан стиль {position: relative;}. Как следствие выпадающий список сдвигает текст следующий в потоке за меню. Но если заменить этот стиль на {position: absolute;} подложка "портится" и получается такой некрасивый эффект: http://www.transaction.arvixe.ru/testmenu.html Подскажите пожалуйста, можно ли как заставить выводиться фон в div-e без искажений (с перекрыванием нижеследующего контента)? <!DOCTYPE HTML PUBLIC "-/…
0 votes0 answers -
Проблемы с footer'ом
Есть 3 блока: header, content, footer Пытаюсь прижать footer к низу страницы, причем он должен смещаться ниже когда в content много данных. Пробовал в css задавать для footer'a position:absolute, bottom:0. При заполнении content появляется скрол, а footer остается на том же месте только поверх content. Как это можно вылечить?
0 votes0 answers -
Поместить в центр карусель
Как мне поместить вот такую карусель по центру страницы? Я уже 2 день бьюсь с этим и вроде как по уму пробовал сделать и наугад шаманил что-то. Не могу допереть. Никогда просто не адаптировал уже готовое что то на сайт. Вот и застрял. В общем что я имею. Я сделал фоновую картинку по середине, по клике на мелку это фоновая меняется. Она у меня стоит чётко по середине и при удалении или приближении ничего не меняется. Вот скрин: http://sharepix.ru/94698ia29/ . В шапке мини навигация, тоже располагается по центру, как мне надо. Вот код как я сделал это: <body> <div id="navgalery"> <a href="../../index.php">Главная</a>| Моменты из ж…
0 votes0 answers -
IE и прыгающие блоки.
Доброго времени суток. Есть табы, все бы ничего, но есть еще и эксплорер. При загрузке страницы - все хорошо. Но, стоит пошевелить мышкой на чем угодно, - дергаются табы, образуется брешь, которая так и остаётся. Внизу также две ссылки. Которая плавает справа - номально все. А левая, хоть никак не связана - при появлении зазора между табами наоборот теряет отступ в 200пикселей. Поставил relative left:200px; - помогло, но тем не менее. Ставил перекрытие стилей на все :hover во всех возможных комбинациях - не прошло. Можно поставить position: relative; overflow: hidden; тогда пропадает, но мне еще надо текущий таб поверх тени расположить.. http://beavers-net.narod.ru/…
0 votes0 answers -
Footer
Неактуально,прошу закрить тему
0 votes0 answers -
Обновленеи отдельного блока на сайте
подскажите на сайте есть блок вывода последних сообщений с форума чтобы обновить последние сообщения надо обновлять всю страницу как сделать чтобы блок последних сообщений обновлялся отдельно от сайта желательно сделать так чтобы рядом с блоком была кнопочка обновить и при нажатии на нее этот блок обновлялся. если есть то можно готовое решение. сделал как тут написанно http://www.codething.ru/ajax.php все так как мне надо, но почемуто в опере белое окно и все, а в експлорере норм работает ————————— сделал так: <iframe id="frame" border='0' src='xxxxx' frameborder="0" marginheight="0" marginwidth="0" scrolling="No" style="border: 0px solid #000000"></iframe> &l…
0 votes0 answers -
Помогите отверстовать CSS
css файл BODY{ background-color: gray; border-style: groove; border-color: aqua; border-width: medium; width: 90%; margin: 5%; word-spacing: normal; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; } #welcome{ border-style: solid; border-color: green; border-width: 2px; margin: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; } #welcome h1{ text-align: center; font-family: cursive; font-size: 40px; margin-left: 10px; } #greeting{ border-color: maroon; bor…
0 votes0 answers -
Верста модуля Вывод последних сообщений из phpBB3 в DLE 9
Начнем с того что автор не я, человек который его сделал, сильно занят и как он сказал нет времени его доработать и проверить, но какие притензии к человеку за бесплатный труд, правильно ни каких, а только благодарность. Но все же в модуле есть проблема с версткой в разных браузерах, разобраться сам не смог, так как не хватает ещё знаний ксс, что то пытался придумать но не получилось. Так вот ближе к суте... Что бы понять в чем проблема лучше зайти на мой сайт через мозилу и ослика например _http://www.net-wars.su/, что бы увидеть проблему. В мозиле все отображаться как и должно быть, но вот в ослике и других, картинка как то поплыла и не правильно выставляется. по этой с…
0 votes0 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-