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
-
стилизация полосы прокрутки
Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?
0 votes2 answers -
Не нужная линия
Имею сайт http://udmmusic.ru/. Поставил на него поиск от Яндекса. В итоге получилась незапланированная серая линия на строкой поиска. Я пробовал файебагом отключать стиль border-collapse: collapse; - работает. Но этим стилем я не могу управлять так он на сервере Яндекса. Подскажите как это можно устранить?
0 votes2 answers -
Поиск ошибок, специальные инструменты
Доброго времени суток. Я хочу устроиться на работу верстальщиком, фирма прислала тестовое задание, я его реализовал как мог (не судите строго, я не профи в этом деле, я только учусь ). Мне позвонили, сказали, чтобы я в своём коде нашёл ошибки, и что для этих целей существуют специальные инструменты. Я пытался сделать макет с элементами, у которых относительное позиционирование, но не смог из-за отсутствия опыта, поэтому пришлось использовать абсолютное позиционирование, наверно в этом основная ошибка. Плюс к этому ещё наверняка полно ошибок в реализации html-структуры. Пожалуйста, помогите с разбором ошибок вёрстки, как можно было лучше реализовать данный макет? И ещё, ес…
0 votes7 answers -
Резиновое бг
Добрый вечер помогите пожалуйста, как сделать такое бг через обертку? есть одно бг которое повторяется по оси y и есть второе бг которое не повторяется и находится вверху повторяющейся бг начинается только тогда, когда в не повторяющиеся бг заполнено контентом вот так проблема в том что бг повторяющееся и не повторяющееся в формате png на данный момент имеется вот такой код .rightside_bg_y { background: url(./design/contant/bg/rightside/rightcol_y.png) right repeat-y; margin: 0 -164px 0 0; } .rightside_bg { background: url(./design/contant/bg/rightside/rightcol.png) top right no-repeat; height: …
0 votes7 answers -
Br - как обнулить отступ
Всем привет, возможно как нибуть обнулить отступ у br ???
0 votes4 answers -
Резиновая рамка п каям сайта.
Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar
0 votes7 answers -
Проблема с падающим дивом.
Приветствую всех. Начал верстать свой сайт и столкнулся с такой проблемой. HTML <div class="left">Left block</div> <div class="right">Rightblock</div> CSS .left {float:left;width:200px;} .right {float:right;width:200px;} Проблема что блок .right опускается ниже на высоту блока .left Раньше я решал проблему так: <div class="right">Rightblock</div> <div class="left">Left block</div> Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо
0 votes6 answers -
Как избавиться от хитрых бордеров?
Есть старый сайт, сделаный давно, еще табличной версткой. Нужно перевести тот же дизайн на рейки Друпал 7. Вроде, ничего сложного. Как делал. На старом сайте CTRL+U => CTRL+C, далее новая тема на основе ZEN с этим кодом + CSS и графика со старого сайта, размещаю блоки в нужном месте и т.д. НО! Появились какие-то бордеры или отступы, которые не могу побороть вот уже 2-й день! Гугл и книги курил, ничего не могу сделать, хотя понимаю, что ответ прост. Помогите знатоки, плиз! Полностью с ноля переделывать на DIV уже нету времени! П.С. Скрины и тема в аттаче. Сама тема: http://dl.dropbox.com/u/21433136/mamadeti.zip
0 votes9 answers -
Не работают якори
Подскажите, почему не работают якори на странице, например: http://www.diablo1.ru/witcher2/quests-glava-1-pobochnie.php#malena Не сдвигается на якорь, хотя он указан: <a name="malena"> <h2>Малена</h2> При этом есть другие страницы, например http://www.diablo1.ru/witcher2/quests-glava-1.php#keyran где якори работают.
0 votes18 answers -
Отступ подчеркивания
Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.
0 votes7 answers -
Как втулить два relative div-а в один родительский?
Итак, дано: <div id="content"> - position:relative; <div id="main"></div> - position:relative; margin-right:250px; <div id="sidebar"></div> - width:250px; position - ? </div> Есть родительский div - content. position:relative. В нем два других - main и sidebar. Main - слева. Sidebar (250px) - должен быть - справа. Main - position:relative, правый margin - 250px - по ширине sidebar-а. Если прописываю sidebar-у float:right - он остается справа, но уезжает вниз. Если делаю sidebar тоже relative, то он уезжает вообще под main, даже если ставлю top:0; right:0; И только если sidebar position:absolute - всё норм. Но тогда он кладет на прави…
0 votes8 answers -
Не получается спозиционировать сайдбар
Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…
0 votes9 answers -
Footer
Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.…
0 votes2 answers -
css блок с теню
Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?
0 votes6 answers -
Резиновый фон
Добрый день. Задача слудующая, есть изображение размером 2800x2800, нужно сделать так, что бы картинка отображалась на всю страницу, а все, что выходит за границы обрезалось. То есть больше разрешение - больше видишь. Например здесь http://shtokman.ru/ сделано в точности то, что мне нужно, но к сожалению моего опыта как верстальщика не хватает на то, что бы разобраться самому.
0 votes2 answers -
как div переместить в нижний правый угол
Здравствуйте, имею аудио плеер, хочу что бы он постоянно находился в нижнем правом углу браузера, то есть если я буду прокручивать сайт, то плеер будет все равно оставаться в правом нижнем углу и будет виден. как это сделать можно, я думаю с div
0 votes5 answers -
Разрыв между блоками в FF4
Добрый всем день! Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.
0 votes18 answers -
отрицательный Margin
#contentwrapper{ float: right; width: 100%; margin-left:-430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/ background:red;} <div id="contentcolumn"> ukukukukukku </div> зачем margin-left:-430px; ели ширина колонки 100% так и останется и колонка не двигается.... объясните мне принцип действия отрицательных марджинов
0 votes3 answers -
Блочная "резиновая" вёрстка
Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!
0 votes2 answers -
zoom сайта
Доброго времени уважаемые форумчане. Помогите пожалуйста разобраться одним вопросом. Имеется сайт с фиксированной шириной 900px. Решил сделать его, с помощью свойства zoom вместо 100% - 150%. Нормально работает в Google Chrome, а вот в Internet Explorer почему-то сайт уплывает вправо. Погуглил поиск, но ничего подходящего не нашел. Подскажите пожалуйста, как можно выровнять колонку сайта по центру. Вот скриншот отображения в IE-8: P.S. Вообще хочется сделать чтобы сайт масштабировался в зависимости от разрешения монитора пользователя, что в принципе примерно знаю как можно сделать с помощью скрипта, но опять же только с использованием свойства zoom. Может быть кто-то мож…
0 votes5 answers -
однопиксельный бэкграунд c repeat
Когда-то вычитал, что с размноженными однопиксельными бэкграундами плохо работает IE6, тормозит. Поэтому с тех пор я начал делать ширину в 10 пикселей. Сейчас же потребность в IE6 отпала. Так вот, как сказывается это на других версиях IE? Стоит ли обратно на однопиксельные переходить?
0 votes2 answers -
багс наследием у div
интегрирую дизайн в hxxp://svitelektro.com.ua/pvs.html c hxxp://www.shape5.com/demo/shopper_frenzy/index.php?page=shop.browse&category_id=13&option=com_virtuemart&Itemid=80&vmcchk=1&Itemid=80 проблема в том, что начал наследоваться один стиль который применен к div на hxxp://svitelektro.com.ua/pvs.html видно там картинка в списке товара повторяется где я допустил ошибку? Помогите плз уже минут 40 ищу
0 votes2 answers -
Как реализовать карту Италии <map>
Пожалуйста, помогите реализовать карту Італии, с подсветкой регионов и ссылкой на них. Так как это сделано на сайте www.vivastreet.virgilio.it Что то я запутался, прошу помощи. Вытащил все изображений, координаты но с кодом проблема. Как заставить работать? Не понимаю что означают строчки onmouseover="VIVASTREET.mapRollOver('basilicata'); ? Как должен выглядеть код? Не оставайтесь равнодушными, помогите чем можете. Думаю многим будет интересно. Отблагодарю!
0 votes9 answers -
Музыка на разных html страницах
Здравствуйте, подскажите пожалуйста возможно ли сделать музыку (например на флешке) на сайте на всех html страничках, при условии, если я отключу музыку во флешке на одной страничке, они отключаться на другой. Не обязательно на флеш. Вообще возможна такая затея средствами html и php? В деталях Есть 3 простых html странички, на каждой стоит плеер (флешка) с кнопкой плей и старт. Далее если я например отключу музыку на первой страничке и далее захожу на вторую, то естественно музыка начинает играть заново, и приходится снова отключать. Подскажите, как реализовать чтобы выбор запоминался во флешке и передавался на другие странички, чтобы заново не отключать в плеере. Или воз…
0 votes3 answers -
Телодвижения CMS
Вот я не пойму, можно ли включать в тело одного HTML-документа содержимое другого, как ссылка, только переносящая содержимое? Как я понимаю эту обязанность берут на себя CMS, состовляя единый документ из Head'ера, content'а и body..., находяшияся в разных местах.., зачем так всё услажнять. Почему спрашиваю: делаю простой ХТМЛ документик, но хотелось бы делать блоки отдельно друг от друга, а потом склеивать их как при фреймах... Вот например в Википедии есть механизм шаблонов, понятно он там реализован на уровне движка, но по моему, будь такая же фишка в ХТМЛ, разгрузились бы и сервера, передовая функции по компановке сайтика, в обьятия клиента-браузера... Кто чё думает?
0 votes6 answers