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
-
Проблема в Safari (mac os)
Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…
0 votes2 answers -
Сайт на php
У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.
0 votes5 answers -
Инпут вылазиит за пределы ячейки
Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левом - инпут. Специально, чтобы видеть границы ячеек видны бордюры. Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера). Ниже представлен код таблицы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x…
0 votes2 answers -
FireFox?
Вот такой кодег: <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src='lt.png'></td><td style='background-image: url(ht.png);' /></td><td><img src='rt.png'></td></tr> <tr><td style='background-image: url(vl.png);'></td><td><img src='./images/$result[image]' width=200></td><td style='background-image: url(v.png);'> </td></tr> <tr><td><img src='lb.png'></td><td style='background-image: url(h.png);'></td><td><img src='rb.png'></td></tr> </table> В IE отображается четко. FireFox под к…
0 votes2 answers -
помогите разобраться
Ребят, у меня следующая проблема: Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача: При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана. Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается? вот html: http://psywalker2008.narod.ru/Nep/index.html вот CSS: http://psywalker2…
0 votes7 answers -
Перевод строк
Добрый день! Как узнать о переносах строк? Ситуация такая: Есть <div>слово1 слово2 слово3 слово4 слово5</div>. Если сжать ширину у div, то, например, получим: <div>слово1 слово2 слово3 слово4 слово5</div> Как определить, что слово3 и слово5 перенесены? Подскажите пожалуйста!
0 votes7 answers -
поиск на самом сайте
Появилась идея зделать поиск на самом сайте помогите плиз в реализации этой идеи) Да сайт стоит не на движке..так сказать обычная работа оценку)
0 votes5 answers -
Справочники html
Здравствуйте ув. форумчаны В общем знаний html как бы таких нет но все же хотелось научится делать подобные справочники Надеюсь на вашу помощь,с Ув zThetis Зачем? У меня форум и много делаю изменений в шаблонах и так далее а использовать *txt ох как не удобно, спасибо всем кто заглянул в данную тему С нетерпением жду помощи
0 votes11 answers -
ПОМОГИТЕ ! ! ! Я не могу грамотно назвать свой вопрос и не умею обнулять маргин с паддингом у боди.
Как сделсть так чтобы между шапкой и меню не было пустого места ! ! (donskoysf.narod.ru) <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <center> <table border="0" width="60%" align="center" bgcolor="#c2c2c2"> <tr> <td><img src="images/01.jpg" ></td> </tr> <tr> <td> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href=""><span>Главная</span></a></li> <li><a href=""><span>Стандарты пород</span></a></li>…
0 votes19 answers -
Атрибут onclick для тега TR и ссылки внутри тега
Есть таблица: <table> <tr onclick="document.location = '1'"> <td> Текст <a onclick="document.location = '2'" href="java script:;" title="Ссылка">Ссылка</a> Текст </td> </tr> </table> При клике на элементе TR осуществляется переход на 1, а при клике на ссылку переход на 2 не происходит... Как исправить??? помогите понять... Знаю, что-то похожее работает, а у меня не получается P.S. Пример работы сайт irr.ru - ссылка на добавление объявления в блокнот. Кажется мне понятно как это сделано на сайте irr.ru... после клика на ссылку в яваскрипте останавливается выполнение событий вверх по DOM
0 votes0 answers -
как сделали на этом сайте?
http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…
0 votes15 answers -
Несколько вопросов..
Здравствуйте уважаемые форумчани... Недавно начал заниматься вёрсткой и вот столкнулся сразу с несколькими вопросами... 1.Вопрос Допустим я верстаю под ucoz... Как сделать так что бы картинка контейнера сама растягивалась по высоте по мере заполнения самого контейнера, вот сама картинка http://s16.radikal.ru/i190/1212/08/af6daa214cfd.jpg (P.S это для явного примера что бы поняли) 2.Впрос хотел очень бы узнать как верстать такие части как input.. Дело в том что их сверстать не так просто как мне казалось особенно scrol, надо заме нить его на картинку а потом ещё по мере его сделать что бы он сам расширялся.. В общем вот такие проблемы кто поможет буду очень благодарен, за…
0 votes13 answers -
Слайдеры!
Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <body> <div id="slider"> <div id="content"> <div id="slide01"> <div id="slide02"> <div id="slide03"> <div id="slide-inner"> <div class="page" id="page1"><img src="img/exclusive_yachts_00.png"></div> <div class="page" id="page2"><img src="img/exclusive_yachts_01.png"></div> <div class="page" id="page3"><img…
0 votes1 answer -
Меню - изображение
Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в Ucoz Есть изображение машины - хочу сделать из него меню, примерно выглядеть оно должно так - чтобы: при наведении на, к примеру стекло(слово), стрелка и сам текст менял цвет, а при нажатии переходило по ссылке. код в css: .logo{background:#E7E7E7 url('/img/theme/apb/logo.jpg') no-repeat top в html: <div class="nHead"> <div id="logo"> <a href="/"> <img src="/sp.gif" class="logo" alt="Логотип" /> <img src="/sp.gif" class="logoLayer" /> </a> </div></div> используется несколько стилей css, т.е. при смене на другой стиль должна выв…
0 votes5 answers -
При наличии border-right/left вычесть высоту скроллбара
Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любу…
0 votes10 answers -
Выравнивание изображения без класса
Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?
0 votes7 answers -
html шаблон и вставка из другого html
Всем привет! Возможно вопрос уже задавался тысячу раз, но спрошу еще раз (поиск не помог, может не так искал?) КАК средствами html или же другими какими (простыми) возможно следуещее: 1. у меня есть файл-шаблон index.html который состоит из таблицы в виде: ШАПКА ———— п | |п о | |о л | |л я | |я ———— ФУТЕР 2. У меня есть 100 других html-файлов в виде таблиц (2-3 столбца и 10-15 строк) 3. КАК сделать так, чтобы например при ссылке http://site/index.html?01.html в пустое поле шаблона выводил содержимое моего первого html-файла и т.д.? ПРИМЕЧАНИЯ: - Мне надо обойтись БЕЗ фреймов! - Шапка и поля - элементы дизайна НО не меню! В них ссылок НЕТ! Ссылки в теле страницы (каждый…
0 votes2 answers -
Резиновая разметка в 2е колонки
есть следующая разметка : <div id="outer"> <div id="upbg"></div> <div id="inner"> <div id="header"></div> <div id="splash"></div> <div id="menu"></div> <div id="primarycontent"></div> <div id="secondarycontent"></div> Так вот основной интерес представляют primarycontent и secondarycontent , нужно сделать чтобы secondarycontent был 240px , а primary занимал всю оставшуюся ширину экрана слева. Вот текущий код css, в настоящее время проблема в том что div primarycontent занимает не всю свободную область, а только небольшую часть в зависимости от внутреннего содержания. То есть ш…
0 votes4 answers -
Хелп
Как сделать блок на сайт помогите плз. напишите 370200364
0 votes7 answers -
Опять полоса прокрутки
Здравствуйте! У меня возникла проблема: Текст "прилип" к полосе прокрутки. Его можно "отодвинуть"? Я пробовала использовать margin-right:15px, но текст отодвигается вместе с полосой. Мой код: Есть решения? Заранее спасибо.
0 votes7 answers -
CSS
В чем отличие <link rel="stylesheet" type="text/css" href="style.css" /> и <style type="text/css"> @import url("style.css"); </style> ?
0 votes3 answers -
Белая полоса между контентом и футером
Бэкграунд - картинка. Сделал плавающий футер, но он не влияет на размер контента. Получается, что если контент короткий, то сразу под ним, поверх фона, появляется белое поле. А уже ниже футер с копирайтом. Пробовал прописать тегу html height: 100%, белое поле исчезает, но на страницах, где есть полоса прокрутки, когда опускаешь вниз белое поле подло вылазит снизу и налезает на фоновую картинку.. Помогите решить проблему, второй день бьюсь. В хроме работает нормально. http://psko.com/index.php?id_cms=4&controller=cms&id_lang=1 Извиняюсь за очень долгую загрузку, тестовый сервак. Грузит около минуты.
0 votes1 answer -
Вопрос следующий...
Я на днях занялся изучением HTML5 и CSS, у меня появился вопрос: - могу ли я сделать следующие: у меня будет сайт, где будут карты районов, предположим г.Феодосии и предположим 10 ссылок на гостиницы. могу ли я отобразить на карте то место, где должна располагаться гостиница, но указывая на ссылку гостиницы (появляться предположим должна заметная звезда или крест в виде "х"), когда курсор мыши или клавиши управления (стрелки влево, вверх, в низ или вправо) станет передвигаться по ссылкам, то они должны переключаться по ним соответственно?
0 votes5 answers -
Как скрыть текст, выпирающий за границу блокоа?
Простой примерчик: <table> <tr> <td> <div style="width: 25px;"> <nobr>Cell 1</nobr> </div> </td> <td>Cell 2</td> </tr> </table>Здесь "Cell 1" вылезла за границу контейнера и залезла на "Cell 2". Хочу сделать так, что бы "Cell 1" отбражалась в контейнере и не отбражалась за его границей. Размеры контейнера при этом строго фиксированы. Перепробовал всякие штуки (z-index, backgound-color), но не добился ожидаемого результата. Кто-нибудь вкурсе, как это лечится?
0 votes9 answers -
не понятная ошибка
Здравствуйте. подскажите, пожалуйста, как может на одной странице комментарии отображаться "криво", а на остальных нормально, как и положено? писал форму по заказу, выслал все файлы заказчику, он сам устанавливал всё на сервер. сегодня зашёл посмотреть, что получилось и увидел такую проблему вот здесь можно посмотреть. Заранее благодарю откликнувшихся.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-