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
-
Ширина div при разном разрешении
Подскажите пожалуйста как средствами CSS сделать чтобы блок div при разрешении 1024 отображался с шириной 140px; а при разрешении больше - отображался 259px; Спасибо.
0 votes1 answer -
Opera и font-face
Вот пример: http://leveler.ru/zebra/ Во всех браузерах знак рубля показывается нормально (блок "рекомендуем"), даже в ИЕ7. Опера же (11.61) кривляется применяет подгруженный шрифт только если открыть страницу локально, с диска. На хостинге и денвере - не хочет показывать, хотя видно, что файл шрифта она загрузила. MIME пробовал добавлять: AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType application/x-font-woff woff Не помогло. В чем дело-то? Используется готовый кит без субсета отсюда: http://www.fontsquirrel.com/fonts/pt-serif Пример, который в архиве от белки тоже рабо…
0 votes2 answers -
Оставить отзыв
Доброго времени!!!Помогите:как сделать чтоб после написания отзыва в форме на сайте,текст отправлялся на сервер,но при этом пользователь оставался на той же странице и получал соответствующее сообщение о доставке.Спасибо!!!
0 votes4 answers -
Див ростянуть до низу
Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера
0 votes3 answers -
Не работает vertical align в ИЕ 9
Сайт: http://vhost-2549-1.hosting-service.in.ua/ В хедере справа от лого блок навигации. Во всех браузерах работает нормально, но в ИЕ ведёт себя не адекватно, текст ползёт вверх. Вот код: <div id="menu" class="floatR"> <table> <tr> <td><a href="http://localhost/dle/news/" title="Новости">Новости</a></td> <td>|</td> <td><a href="http://localhost/dle/articles/" title="Статьи">Статьи</a></td> <td>|</td> <td><a href="http://localhost/dle/advises/" title="Советы">Советы</a></td> <td>|</td> <td><…
0 votes2 answers -
Сайт на Joomla.
Здравствуйте ! Хочу сделать простенький сайт с 1видео, на шаблоне Joomla. название-сайта.RU ( раньше никогда не делал ) Посоветуйте хостинг бесплатный или не очень дорогой, куда можно загрузить шаблон Joomla? а то выбор вроде большой, боюсь ошибиться. Прошу подсказки у тех, кто разбирается. Спасибо
0 votes7 answers -
Как сделать чтобы перенос выглядел как 2?
Возможно ли сделать стиль переноса в textarea чтобы выглядело как будто их 2? То бишь пользователь ввел: А выглядело: Причем чтобы это только выглядело как 2 переноса. И возможно ли это сделать CSS (если нет, то хотя бы JS скажите) P.s. И не только эта фраза, а любая.
0 votes7 answers -
Двойная тень <IMG>
Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…
0 votes4 answers -
Кодировка
Простой index.php. Заливаю на сайт - кракозябры. Домен пустой, конфликтовать не с чем. Остальные сайты у этого хостера в кракозябрах замечены не были. В тегах: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Файл и через блокнот сохраняла, и через дримвивер (с контролем выставленной при сохранении кодировки). Один фиг - кракозябры. Помогите, пж, что тут еще может быть? =( p.s. Кеш браузера чистила
0 votes4 answers -
Вопрос по toggle jquery
Добрый день. В общем задача лёгкая, но я не дружу с jquery, поэтому прошу помощи Задача: есть список с пунктами. Див с классом "block" — имеет класс visibility: hidden. При клике на пункт списка блок появляется. И нужно, чтобы не все блоки появлялись, а тот, который в списке, на который щелкнули. Надеюсь понятно) <ul> <li> Пунк 1 <div class="block">Текст</div> </li> <li> Пунк 2 <div class="block">Текст</div> </li> <li> Пунк 3 <div class="block">Текст</div> </li> <li> Пунк 4 <div class="block">Текст</div> </li> </ul>
0 votes2 answers -
Проблема с наведением мышки на линк
Здравствуйте, возникла следующая проблема, может кто сможет подсказать, в чем же дело, сделал сайт (изначально на Muse - landing page? потом дорабатывал html код, стили и т.д.), при наведении на логотип (название шапки в ссылке) стоит линк #top - для перемещения на верх страницы соответственно, но почему то ссылка получается активна не на все области, т.е. если посмотрите - http://arhis77.esy.es/ - получается что где то курсор обнаруживает ссылку, а в каких то местах нет.. никак не могу понять, в чем же именно дело... ссылка стоит для дива прописана в котором картинка (пробовал прописать для самой картинки, делал map - тоже самое)... если кто-нибудь сможет мне подсказа…
0 votes3 answers -
вопрос по фреймам
Добрый день. У меня вот такая структура страницы: Можно ли применяя фреймы, при нажатии на ссылку в меню, менять контент вверху и справа(то, что отмечено серым фоном и надписью content), как один документ?
0 votes6 answers -
Как средствами CSS сделать высоту блока больше или равной высоте контейнера?
Здравствуйте. Задача. Есть: блок с контентом, расположенный в контейнере. Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить. Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.
0 votes4 answers -
Цвет текста при наведении в меню
Имеется вертикальное меню http://balkon-dekor.ru при наведении на не активный пункт, должен стать коричневым фоном и цвет текста белым. Это работает, если мышку поместить в центр, если взять чуть выше или ниже, то фон будет коричневым, а цвет текста не изменяется. Как можно решить проблему?
0 votes2 answers -
bootstrap carousel
Всем привет, есть слайдер от бутстрапа называется carousel. Инициализируется он так $('document').ready(function(){$('.carousel').carousel({interval: 6000,pause: 'none'});}) Только при загрузке страницы появляется интервал в 6 секунд , это понятно потому что он стоит в параметрах. Как сделать чтобы при загрузке страницы сразу же появлялся 1 слайд и потом между слайдами интервалы в 6 секунд. Спасибо.
0 votes2 answers -
Проблемы с мобильной версткой
Здравствуйте. Имеется сайт http://alarmdv.ru При уменьшении экрана с телефона масштаб сайта уменьшается и сдвигается влево, справа остается белый пробел Как сделать так, чтобы при изменении масштаба на телефоне сайт сохранял свои пропорции. Спасибо
0 votes2 answers -
Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля
Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знани…
0 votes1 answer -
Плавающий div не сдвигает таблицу
Добрый день. Потратил целый день и не могу решить вопрос. Есть див с картинкой который float также на странице есть формула оформленная как таблица с шириной 100% так вот эта таблица не уменьшается по ширине и просто на странице появляется пустое пространство. Пример можно посмотреть здесь. Пробовал крутить разные свойства таблицы, но не смог добиться чтобы она меняла свою ширину под плавающий див. Может кто подскажет как правильно оформить формулу чтобы она отображалась как в таблице, но при вставки плавающего блока меняла ширину. Спасибо.
0 votes2 answers -
Помогите решить проблему отображения img в IE6
Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…
0 votes1 answer -
3-х колоночный макет
Делаю верстку по этому примеру. Во всех браузерах работает нормально но вот в IE6 замечены такие ошибки: если в блоке «Content» находится элемент на всю ширину блока (было замеченно для <table width="100%"> и <textarea> c ,большим cols, который растягивает элемент на ширину большую чем сам блок), то центральный блок смещается относительно левого по вертикали т.е. визуально центральный блок начинается там где кончается левый, а правый смещается относительно центрального примерно так: левый блок центральный блок правый блок Что с этим делать, ума не приложу, все уже перепробывал ... ничего не помогает. Временно решил проблему так: <table w…
0 votes0 answers -
бекграунд текста
прошу прощения, если подобная тема поднималась - найти не смог.. в общем нужно добиться такого эффекта http://clip2net.com/clip/m33658/1288067101-clip-9kb.jpg может быть кому-нибудь приходилось такое делать? как добиться отступа в конце первой и начале второй страницы? ....сделать элемент блочным - не выход...
0 votes8 answers -
Фоотер
Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно
0 votes3 answers -
IE8.0 стили для таблиц
Добрый день. Подскажите, пожалуйста как обойти проблемы: 1. Чем заменить cellspacing для IE8.0 или без вариантов пихать в атрибут в тег<table> ( border-spacing IE не хочет кушать)? CSS .tabtest {border:0px; padding:0px; border-spacing:0px} HTML <table class="tabtest"> 2. Не работают соседние селекторы причем только в IE (в FF3.6 и Cr9.0 работают) CSS .tableft {background-color:#FFF} .tableft + TD {background-color:#DDD} HTML <tr><td class="tableft">test</td><td>content</td></tr>
0 votes6 answers -
Размещение контента наверху (после <body>), а визуально в центре
Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…
0 votes7 answers -
Почему контейнер не открывается от вложенных блоков
Здравствуйте. Вот кусок css и html. /* menu structure */ .menu-row{ margin:5px 0px; border: solid 1px #bababa;background-color: #f5f8fb; } .row-prior { float:left; width:34px;font-size:0px; padding:10px 5px; } .row-pict { float:left; width: 20px; } .row-content { padding:10px; font-size:16px; } .row-tools { float:right; padding:10px; } .row-tools a { text-decoration: none; } /* music structure */ .music-row { position: relative; margin:5px 0px; border: solid 3px #bababa;background-color: #f5f8fb; } .music-block { position: relative; float:left;margin:5px 0px; border: solid 3px #222222;background-color: #00f800; } .music-prior { positio…
0 votes5 answers