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
-
скорость отрисовки img
где то читал, что для увеличения скорости отрисовки картинки стоит прописать width/height в тэге при помощи атрибутов. якобы выгода в том, что браузер сразу знает размеры картинки. выглядит примерно так <img class="logo" src="images/logo.png" alt="Progress" width="291" height="96" /> скажите пожалуйста есть ли основания у такого приёма?
0 votes16 answers -
Плавное перемещение картинок
Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло
0 votes2 answers -
Горизонтальное меню с горизонтальным подменю
http://saveimg.ru/pictures/05-05-12/8ec5c5e92e3d826f366dfa22b1bf4c21.bmp Надо сверстать вот такое меню. Дааа, надо признатся, оказалось это сложной задачей для меня:-( главное гори-ое меню и появление подменю сделать удалось. Подменю появляется через hover. А как сделать, чтоб оно появлялось при клике по ссылке на главном меню? Вообще, ваши рекомендации, советы как сверстать?
0 votes5 answers -
Как убрать отступы?
Здравствуйте! У меня проблема с отступами на странице. Верхний, правый и левый работаю а вот низ никак не поддается. В CSS значение body стоит margin: 0;, высота body 100% Структура: один div как контейнер а внутри множество остальных. высота контейнера тоже 100% В самом низу контейнера есть изображение которое никак не хочет примыкать к нижней части окна. Выставил рамку для контейнера, тоже не примыкает к низу. Помогите разобраться.
0 votes4 answers -
Фиксированная ширина
Приветствтвую всех. Возникла у меня такая проблема. Есть у меня блок фиксированной ширины. В нем размещены thumb-ы (фотографии). Так вот в одной "строке" помещается 3 картинки, и четвертая уже должна уходить вниз, чего она не делает. Вот как мне этого добиться? Задавал фиксированную ширину вместе со свойством "float", не помогает.
0 votes1 answer -
Не работает document.location
Всем привет есть проблема в том что если на сайте списка товаров http://www.adenium.net/oherron.com/web/main/product_listings на одном из товаров кликнуть "Add to cart" то страница с товаром не открывается - эта страница как будто переоткрывается В коде генерится ссылка вида /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url Если же в том списке кликнуть на кнопке "Details" и на ней кликнуть на "Add To Cart" то создается такая же ссылка /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url- и все работает нормально Если первую ссылку…
0 votes2 answers -
тег li
Ребят напомните мне как выравнивать иконки в тэги li относительна к тексту? а то забыл
0 votes2 answers -
Проблема с footerОМ
Здравствуйте! Буду рад если мне кто то укажет на ошибку по причине которой мой footer не прижат к низу полностью во всех браузерах кроме хрома. Я сайт делал сам,но во всех областях сайтостроения я мягко скажем новичок, поэтому прошу со мной по проще в терминологии. Спасибо! http://fortunashow.ru/
0 votes7 answers -
Границы
Как-то вот сразу два вопроса возникло (точнее актуализировалось). Спасибо, если поможете мне разобраться) Вопрос #1. Есть background-clip и background-origin. Можно по-простому как-нибудь или просто подробнее, в чём разница-то? И ещё, я так понимаю влияние оказывается исключительно на отображение фона? На размеры границ и отступов и их логику не влияет, да? Вопрос #2. Вот, частенько сталкивался — а, ведь, опыт у меня мизерный, ужасающе мизерный — с проблемой определения ширины border в резиновой вёрстки. И чо-то как-то и не помню как решал эти проблемы, по-моему это было не совсем правильно и просто по-другому строилась вёрстка. Интересно услышать ваши варианты выхода и…
0 votes29 answers -
не правильно срабатывает margin
Всем привет. Ворост довольно таки простой. но все же есть верстка <div class="wrapper"> <div class="header" id="header"> <div class="logotips"></div> <div class="header-right"> <div class="top-menu"> <ul> <li>first</li> <li>second</li> <li>third</li> <li>fourth</li> </ul> </div> <div class="bottom-menu"> <ul> <li>first</li> <…
0 votes3 answers -
как это сверстать?
совсем запарился с версткой этого элемента, помогите!!!! http://pixs.ru/showimage/303jpg_5118049_4722220.jpg
0 votes7 answers -
Не выводятся пробелы =(
Здравствуйте у меня следующая проблема: HTML/PHP Code: <div id="logo"> <h1><a href="http://ololol.ru/" title="<?php bloginfo('name');?>"><?php echo"Олол<span id=sky>ЛоЛ</span>";?></a></h1> <h2><?php echo" ололош";?></h2> <h3><?php echo"олололололололололололололололололо";?></h3> </div> CSS Code: /* Logo */ #logo {float:left;width:270px;height:76px;margin:0;padding:15px 0 0 30px;background:url(images/img01.jpg) no-repeat left top} #logo h1 {float:left;margin:0;padding:0;font:normal 30px Georgia, "Times New Roman",Times,serif} #logo h2 {margin:14px 0 0 0;padding:0;text-…
0 votes2 answers -
css рефакторинг
Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …
0 votes0 answers -
Странный эффект у плавающего дива
Я обнаружил странный эффект у плавающих дивов. Конечно же, мне известно, что поведение элемента со свойством float таит в себе множество сюрпризов. Но данный обнаруженный мною эффект кроссбраузерен за исключением старых версий IE. Поэтому мне кажется, что в стандартах должно быть хоть какое-то объяснение. В примере див в потоке расположен выше тега параграфа, но почему-то получается так, что если див сделать плавающим, то для него сверху окажут воздействие марджины параграфа, расположенного ниже. В примере видно, что сверху над дивом есть марджины (которые являются марджинами параграфа). Что это за особенность?
0 votes3 answers -
Проблемма, свойство font
Здравствуйте уважаемые форумчане Есть правило: #top_menu li a { display:block; height:38px; padding:0 12px; color:#497798; font:bold 11px/38px Tahoma, Geneva, sans-serif; text-decoration:none; } Сегодня после проверки валидатором, он мне выдал ошибку, связанную со свойством font в этом правиле, сам я не новичок в верстке, но эта ошибка поставила меня в тупик, если кто-то сталкивался с чем-то подобным, поделитесь своими соображениями. Ошибка: Ошибка значения : font (http://www.w3.org/TR/CSS21/fonts.html#propdef-font) / не является значением font-family : bold 11px / 38px Tahoma,Geneva,sans-serif
0 votes2 answers -
шрифты в логотипе
скажите пожалуйста как профессионалы решают следующую проблему есть лого, состоящее из картинки, названия сайта, слогана. эти три элемента обычно представляют из себя одну ссылку, ведущую на главную страницу сайта. вообще хорошо когда на сайте любой текст это именно текст, а не картинка(удобно распечатывать, копировать и т.д.). представленный логотип логично сверстать, используя шрифты проблема в том, что в разных браузерах шрифты будут отличаться. то есть представленные 2 строки будут не всегда одинаковой длины. а дизайн иногда требует точного совпадения не будет ли грубой ошибкой иногда все таки представить текст в виде картинки?
0 votes3 answers -
тег html
интересует такой вопрос: что можно и что нельзя задать тегу html с помощью стилей? вопрос назрел, ибо стала актуальной тема задания диву высоты 100%. добиться этого удалось лишь указанием того же всем родителям, включая хтмл. однако если внутри есть блок с контентом с overflow: hidden; то всё обрезается по высоте страницы. если задать auto - появляются полосы прокрутки внутри дива, что не есть красиво. а собственно тег html хоть и понимает высоту, но на overflow не реагирует. что ещё ему можно таким образом задавать? или только размеры?
0 votes0 answers -
Трабл рассылки, ломаются атрибуты тегов
До отправки есть такой код <table border="0" cellpadding="0" cellspacing="10" width="720"> а в браузере письмом приходит такая Петрушка <table border="0" cellpadding="0" cellspacing="10" wi="" dth="720"> или такую <img width="179" heig="" ht="126" alt="" border="0" style="display: block;" да все ломается((( что делать, может смарти что делает не так, или подскажите с каким запросом мне в гугл Спасибо
0 votes1 answer -
Sidebar(Блок)
Здравствуйте!у меня есть готовый шаблон,хотел на все изображение указать (ширину и высоту в css) чтобы быстрее грузила браузер!если не указать (ширину и высоту)не влияет ли на скорость? потом как указать (ширину и высоту}? я пробовал указать вот так в css: #popular {background: url(../images/icon/popular.jpg) no-repeat;width: 224px;height: 34px;} но там отступ внизу вот: вот оригинал popular.jpg: вот в html (sidebar): <div id="[color="#FF0000"]popular[/color]" class="titleSide">Популярное</div> <div class="contentSide"> <ul class="topnews"> <li>{topnews}</li> …
0 votes2 answers -
Ссылка в блоке div
Вобщем у меня на странице стоит фоновое изображение через background-image. Мне надо одну часть изображения сделать ссылкой, в самом изображении ссылку не пропишешь, Хочу сделать блок div с определенной шириной и высотой, установить в нужное место и сделать его ссылкой.. Подскажите как это можно реализовать? Что бы этот блок div был пустой, тоесть прозрачный, что бы через него было видно фоновое изображение... Или может есть еще какой нибудь способ выделить часть фонового изображения и сделать ее ссылкой, При условии что размер изображения меняется от размера экрана... Кто знает помогите пожалуйста!
0 votes7 answers -
Кодировка текста для сайта
В общем помогите справиться с проблемой. В индексном файле сайте стоит такая кодировка <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Тестирую на локальном сервере (Safari), вроде нормально отображается и русский и английский шрифт. В Хроме норм. Но в FireFox и Опере не работает русский шрифт. Менял в настройках кодировку на utf-8 и кэш чистил, хотя стоит <meta http-equiv="pragma" content="no-cache"> Но все равно не помогает. Загрузил на бесплатные хостинги, можете глянуть сами впринципе. http://testdomain1.wallst.ru/ http://edsadf.h19.ru/
0 votes3 answers -
z-index
Здравствуйте сделал z-index:1000000000; и position: relative; а оно всеравно часть находится под swf объектом как это устранить?
0 votes8 answers -
Ползёт стиль
Есть один сайт... http://kiggormon.com/ Почему-то на некоторых компах и на всех телефонах сползает стиль.
0 votes8 answers -
div на все экран
Всем привет. есть такой вопросик У меня есть div дочерний body Мне нужно сделать так что бы он даже пустой был на весь экран. а при наполнении контентом тоже увеличивался мой вариант не работает корректно. При открытии документа он отображается на весь экран. но при добавлении контента его высота отается неизменной. В данном диве находиться фон сайта. Подскажите пожалуйста вариант как это можно обойти
0 votes3 answers -
Проблема с футером
Доброго времени суток. Нужна ваша помощь в прижатии футера к низу. http://di-asouls.ru/3/index.html Научите меня раз и навсегда пожалуйста. Пробовал по урокам с сайтов, не получается...
0 votes1 answer