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
29542 questions in this forum
-
картинка+ссылка, наведение другая картинка
Итак.... У меня возникла проблема. Мне нужно сделать ссылку в которой будет небольшая картинка и возле нее текст, но как сразу на нее навести то картинка меняется на другую.... буду очень признателен если подскажете как это сделать.
0 votes5 answers -
При наведении на ссылку меню пропадает часть содержимого страницы
Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника
0 votes3 answers -
Как сделать transform:scale поверх соседних элементов?
Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?
0 votes7 answers -
Неправильная работа margin-top у заголовка
Почему margin не отодвигает h2 от верха родительского элемента, как положено, а добавляет ему отступ, как показано на картинке?
0 votes3 answers -
Как правильно задавать расстояние между однотипными блоками
Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…
0 votes5 answers -
как можно сделать видимый scale на элементах внутри overflow:scroll?
Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.
0 votes1 answer -
Z-index в IE6
Работает во всех браузерах, кроме IE6. В IE6 фон меняется местами с контентом. Может, кто сталкивался с проблемой? сайт http://lemali.ru
0 votes1 answer -
z-index и отрицательный margin
Привет всем Пытаюсь первый блок разместить поверх второго. Объясните плиз, почему в данном случае не работает z-index? особенности отрицательного маржина или я не понимаю чего-то? css: #one { background-color:Green; width:600px; height:100px; z-index:1; } #two { background-color:Red; width:500px; height:100px; margin-top:-50px; z-index:0; } html: <div id="one">ONE</div> <div id="two">TWO</div>
0 votes3 answers -
Внесение формы
Здравствуйте, вопрос конечно не совсем по теме но хотелось бы узнать ответ на такой вопрос: Я создал форму внесения данных на С++6 и хотел бы ее прикрепить к web приложению, подскажите как это сделать - каком формате эту форму сохранить в С++6 чтоб можно было ее прикрепить в web, или может ее нужно как-то сконвертировать? Ответ в инете я так и не нашел.
0 votes5 answers -
переполнение ячейки
Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась. Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться. А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество. Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как. Что посоветуете, форумчане, какие мысли решения? …
0 votes7 answers -
Проблема верстки для мобильного браузера.
суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 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: …
0 votes3 answers -
Как сделать форму подписки на Landing Page?
Здравствуйте уважаемые форумчане! В програмировании я не разбераюсь и поэтому мой вопрос может показатся глупым для опытных людей, но всё же имеет место быть. В крации объясню проблему. На днях мне понадобился Landing Page, но так как уже говорил, что я в програмировании не "бум-бум" , то естественно решил рипнуть шаблон с другого сайта ( да постигнет меня кара небесная за столь отчаяный поступок). И столкнулся с проблемой. Как мне настроить форму обратной связи, что бы оповещения о заказе приходили ко мне на почту ? Что куда нужно вписать и какие именно строчки в коде мне нужно искать ? Заранее благодарю за ответ!
0 votes3 answers -
Не работает суб меню
Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/
0 votes5 answers -
Выравнивание ширины плавающих блоков
Добрый день. Есть набор из произвольного количества блоков. Каждый блок состоит из: - картинки (всегда одной и той же) - строки текста под картинкой (количество символов ограничено сверху, т.е. всегда не больше некоего заданного числа); суммарная длина строки может быть больше ширины картинки Блоки выводятся один за другим: float: left; padding: 0 2em 2em 0; Картинки в блоках: position: relative; left: -4px; Блоки выводятся внутри ограничивающего контейнера, и мне надо, чтобы они равномерно распределялись по нему. То есть и по ширине, и по высоте они должны быть одинаковыми. (Можно представить себе сетку таблицы, и вне зависимости от количества блоков, размера шрифта и ве…
0 votes1 answer -
Проблемы с IE iframe style
<iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!
0 votes2 answers -
IFRAME и border
Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…
0 votes1 answer -
Почему после onblur элемент улетает вверх
Здрасте, на поле логин стоит onblur. http://vvsh.ru/register/ Сначала крестик, после того как сделать поле логин активным, а потом перейти на другое, он переходит вверх, почему? причем старый не убирается, хотя должен, вот код: <tr> <td width="29%" nowrap="nowrap" valign="top">Логин *:</td> <td><input class="reg" onblur="logСheck();" type="text" name="username" style="width:200px;"> <span id="chf1"><img src="/style/images/er.png" title="Такой логин уже используется" border="0" height="16" width="16"></span></td> </tr> заранее спасибо
0 votes4 answers -
Скролбар в Div'e
Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?
0 votes3 answers -
Не Могу Указать Стиль Для Простой Html Структуры
Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.
0 votes6 answers -
SOS ! Не отобраается шапка joomla 1.5 в ie6
Не отображется шапка joomla 1.5 в ie6 (в хроме тоже не работает). Бьюсь неделю. Сайт надо срочно сдавать а шапка не работает. В опере, мазилле, Ie8 норм, но в офисе стоит IE6
0 votes19 answers -
Помогите пожалуйста СРОЧНО
Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя…
0 votes14 answers -
Резиновый макет как застваить сжиматься-разжиматься
Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…
0 votes8 answers -
Как теперь наблюдать за стандартами?
Так как W3C не имеет никакого дела уже к HTML5, а им занимается WHATWG то как я понимаю W3C ж уже не документирует HTML5, по этому подскажите пожалуйста где можно следить за офф. стандартами. И как дело обстоит с CSS? W3C им же еще занимаются и на их сайте можно следить за стандартами?
0 votes3 answers -
как уместить текст в размер экрана opera mini?
есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.
0 votes3 answers -
Проблема со вставкой своего шрифта в CSS
Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, др…
0 votes3 answers