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
-
и ещ? вопрос!! запрет на смену размера шрифта??
Я конечно понимаю что мона прописать фиксированый размер в свойствах слоя например так FONT-SIZE: medium; или так FONT-SIZE: 11pt; и т.д Но можно ли прописать размер и запретить его менять? тобишь к примеру человек ставит у себя в браузере размер шрифта крупный, а на странице не чего не меняется какой был такой и остался. Заранее Благодарен )
0 votes4 answers -
Не работает выпадающее меню
У меня не получается сделать выпадающее меню. Оно почему то упорно не хочет выпадать. Вот код: ul#menu { background: transparent url('images/menu.png') repeat-x 0 0; width: 90%; overflow: hidden; z-index: 100; list-style: none; } ul#menu li { position: relative; float: left; } ul#menu li a { background: transparent url('images/separator.gif') no-repeat 100% 1px; float: left; font-size: 15px; color: #fff; height: 65px; padding: 10px 17px 0 15px; } ul#menu li a:hover, ul#menu li.current-cat a { background:transparent url('images/menu-hover.png') repeat-x 100% 1px; text-decoration: none; } /* sub-menu */ ul#menu li ul { display: none; …
0 votes4 answers -
Центрирование в XHTML 1.1
Добрый день, что-то не нашел нужного ответа в поиске, потому задаю вопрос. Как мне центрировать все элементы в блоке по центру. Например в том же самом body. Раньше я центрировал с помощью <center>, но это не валидно. Как центрировать с помощью css? text-align смещает только текст, но не блоки( Заранее благодарю.
0 votes5 answers -
Проблема с позиционированием
Ребята, есть 2 рисунка в одной строке, нужно чтобы при изменении размера окна, по мере его сжатия, первый рисунок оставался на месте, а второй на него "наезжал" Знаю что нужно использовать слои, но......
0 votes8 answers -
Растянуть таблицу 100% высоты в IE6
Бьюсь вторую неделю таблица в ней 3 строки, размер таблицы 100% на 100% верхняя нижняя строки фикс. высоты. центральная задается как 90% работает в опера, моз, ие7, мак. В ие6 центральная строка не растягивается код примерный:
0 votes3 answers -
Война браузеров
Доброго времени суток! Совсем замучило меня самоволие браузеров. Даже не знаю что делать. То айфрейм куда уедет из окошка браузера в мозиле(в ие все нормально), то блок с текстом пропадет неизвесно где в ие(в опере нормально)... Я, как новичок, много чего не знаю. И не знаю как быть с этой проблемой. Не с одним сайтом уже который раз застопориваюсь. Замучило, блин. Как от этого уйти? Доктайпом? или как? может я чего не знаю... ну должен же быть единый набор тегов, атрибутов и правил, который всеми браузерами воспринимается едино(может не до конца едино, но остальное и ручками доделать можно). Это не в доктайпе, случаем, написано? помогите....
0 votes13 answers -
Подскажите советом как сверстать градиент?
Вобщем есть такое чудо. И никак не приложу ума, как его лучше и правильнее сверстать. Спасибо за любую подсказку. Изображение
0 votes20 answers -
Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны
Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…
0 votes2 answers -
<input> vs <a>
http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?
0 votes14 answers -
Включить режим совместимости только для ие7, как?
Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7? И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)
0 votes15 answers -
Проблема с собственным шрифтом
Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }
0 votes7 answers -
border-bottom как расположить рамку внутри?
Как заставить рамку снизу изменить свое расположение, например сделать ее внутри элемента. Пробовал outline-offset очень хорошо работает, но из-за того что свойство outline позволяет использовать все 4 стороны рамки, это не очень удобно, возможно существует способ отключения outline 3 сторон рамки? Или есть какой другой способ?
0 votes3 answers -
Динамичесское окро и РНР
Подскажите пожалуйста, как из РНР ссылки такого вида: $text.='<a href="detail.php?t_id='; $text.= $mass_sub[$i][0]; $text.='" target="_blank">'; $text.='<img borger="0" src="images/links/pod.jpg" alt="Подробно" title="Подробно">'; $text.='</a>'."n"; Сделать ссылку для открытия динамичесского окна JS Использовав такой код: <head> <script language="JavaScript"> <!-- hide function openWin() { myWin= open("detail.php", "displayWindow", "width=500,height=500,status=no,toolbar=no,menubar=no"); } // --> </script> </head> <body> <form> <input type="image" value="подробнее" onClick="openWin()"> </form> &l…
0 votes9 answers -
Не работает меню в IE7
В IE7 ,XP, разрешение экрана 1280х800 (ноутбук), при уменьшении Ctrl - и увеличении Ctrl +, ссылки в меню съезжают влево, линии остаются на месте. В Firefox 4 и 5 работает нормально. В IE8 на персональном компьютере работает нормально. У меня не получается сделать, так чтобы не разъезжалось, может кто-то поделится опытом. Заранее благодарю. Верстку шаблона мне делал фрилансер, я немного понимаю в html и css, но найти где ошибка не получается. http://savepic.org/1908623.png http://savepic.org/1962894.png Код меню в index.html <div id="menu"> <div class="headsl">{$box_SEARCH}</div> <ul> <li{$1}><a href="{$mainpage}">Главная</a> …
0 votes4 answers -
вертикальное выравнивание блоков
есть <div style="float:right;"> это должно быть сверху <div id="bottom_div"> содержимое этого блока снизу </div> </div> нужно содержимое первого diva выравнивать сверху второй должен прилипать всегда снизу первого блока, все блоки неизвестной высоты. _________________________________________________________________ несколько дней пытаюсь решить но ничего не могу придумать, если кто сможеть решить хотяб на таблицах буду благодарен PS: xhtm 1.1
0 votes11 answers -
Высота <div>
есть несколько страниц с разным объемом содержимого в div.content. ниже идет div.footer как закрепить высоту первого блока?
0 votes20 answers -
Назойливая реклама в шапке сайта
Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…
0 votes9 answers -
как победить мерцание фоновых картинок в IE6
подскажите, всю голову себе сломала! есть код css для кнопочек a#knopa { width: 687px; height: 46px; background-image: url('knopa1.gif'); display: block; text-decoration: none; } a#knopa:hover { background-image: url('knopa2.gif'); } Все отлично работает во всех броузерах кроме ослика. При наведении на кнопку осел начинает заново перерисовывать бэкграунд, подгружая его с сервера. Не догадывается о том что он у него в кеш сидит. В результате чего происходит смена картинки но с пятисекундной задержкой. Есть ли какоенибудь средство чтобы заставить ослика моментально менять изображение без задержки?
0 votes4 answers -
-ms-filter
Точно помню, что какая-то бета IE8 отказывалась понимать старый синтаксис фильтров (нарушающий нормы CSS), приходилось дублировать их -ms-filter:"тем же самым". Сейчас с удивлением вижу, что на моей машине IE8 прекрасно понимает и добрый старый невалидный синтаксис. Это мой IE8 глючит или его вообще тихо пофиксили и -ms-наворот теперь остался не у дел?
0 votes6 answers -
Позиционирование текста на шапке
Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …
0 votes6 answers -
Firefox. Инструменты адаптивного дизайна. Изменение размеров
В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?
0 votes5 answers -
accordion из bootstrap 4.1 примера
Всем привет, Я использовал accordion из этого примера https://getbootstrap.com/docs/4.1/components/collapse/#accordion-example Не подскажите а как сделать чтобы заголовок открытого элементы выделялся (например в strong). Я вижу что aria-expanded - свойство открыт блок или нет но как его увязать со свойствами текста заголовка - непонятно... jquery3.1/vuejs 2.5 2) И можно ли эти бkоки открыть/закрывать прогармано ? Спасибо!
0 votes0 answers -
Убрать отступы !
Как убрать отступы между двумя изображения , что-бы они прилягали друг к другу ? <p align="center"><TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD ROWSPAN=7> <IMG SRC="images/image_01.gif" WIDTH=17 HEIGHT=428 ALT=""></TD> <TD COLSPAN=6> <IMG SRC="images/image_02.gif" WIDTH=266 HEIGHT=131 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/image_03_blank.gif" WIDTH=199 HEIGHT=169 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=4> <IMG SRC="images/image_04.gif" WIDTH=101 HEIGHT=253 ALT=""></TD> <TD ROWSPAN=8> <IMG SRC="images/image_05.gif" WIDTH=17 HEIGHT=449…
0 votes2 answers -
Странный глюк в опере
Делаю таблицу с элементами формы в ячейках <table> <tr> <th width="400px" >Берлин</th> <th>fhdfhfdhdfhfghlfdkhnlfh;fdngblfngblnfbn</th><td width="7px"><select name="bitrate"> <option selected value="320">320 kbps</option> <option value="256">256 kbps</option> <option value="192">192 kbps</option> <option value="128">128 kbps</option> <option value="64">64 kbps</option> <option value="32">32 kbps</option> </select> </td><td width="8px"><input type="checkbox"></td> </tr> <tr> <td ro…
0 votes10 answers -
Какие размеры дисплеев нужно учесть
Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?
0 votes16 answers