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
-
проблема с растягивающейся таблицей
http://cooryliof.com/ слева виден небольшой отступ где фотоаппарат, в IE его нет, во всех остальных браузерах он есть, таблица выглядет так: стиль описан так: откуда берется этот зазор?
0 votes9 answers -
Выпадающее меню на css
Нашла интересное меню для своего сайта в сети, немного изменила его под себя. Но тут увидела проблему, не знаю как ее решить. Меню является выпадающим многоуровневым. А проблема в том, что, если я нахожусь скажем на пункте меню "Главная", то при наведении мыши на пункт меню "Продукция", из "продукция" выпадает вложенное меню. Но если я нахожусь на пункте меню "Продукция" изначально, то при наведении мышью на этот же пункт вложенное меню не выпадает. Я уже вся исстрадалась. Помогите, пожалуйста. Вот сам код css: #nav {padding:0; margin:0 auto; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; white…
0 votes9 answers -
а как записать одному блоку несколько классов, так сказать, через запятую?
Всем привет! .. . а как записать одному блоку несколько классов, так сказать, через запятую? тоесть, чтобы к нему относился и .a , .b , .c
0 votes3 answers -
Шапка сайта.
Всем привет! Помогите в такой проблеме. Когда я смотрю свой сайт на плоском мониторе (у меня монитор SAMTRON 76DF) картинка вставленная в шапку отображается 2-3 раза т.е. не рестягивается. Подскажите в чем может быть причина и как ее исправить. Заранее благодарен!
0 votes6 answers -
помогите в прокрутке новостей
сама страница www.praypeople.ucoz.ru проблема в том, что новости с прокруткой не так работает, в Opere прокрутка справа в Internet Explorer появляется нижняя прокрутка, не могу составить правильную прокрутку помогите пожалуйста очень прошу. в самом низу код на на новости $LAST_NEWS$ я щитаю что дело в margin: 0 auto; у меня он рапространяется на все "формы" удалив в "форме, margin: 0 auto;" с окном на новости, распадается вся страница... я прошу малого тока чтобы прокрутка отображалась коректно с правого края и всё вот в этой "форме" "новостей" я менял всё подряд не чего не помагало... body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; m…
0 votes6 answers -
Кроссбраузерно выровнять Input
Доброго времени суток. Есть фоновая картинка, есть input. Никак не удаётся выровнять input кроссбраузерно. Он должен быть посередине белой полосы на картинке. Частично проблему решил хаками, но Opera 9.64 все равно не хочет. Пример: http://beavers-net.narod.ru/primers/search.html Стили: http://beavers-net.narod.ru/primers/style.css С уважением, Олег.
0 votes4 answers -
Народ, помогите с прозрачностью png Ие 5.5+
Перечитал десяток статей делаю уже пошагово по инструкции, и нифига, просто ноль эмоций от браузера. Расскажите как сделать
0 votes9 answers -
помогите с версткой под IE7
Уже поседел... Но так и не понял, почему форма едет в IE7 http://test1.let-site.ru/order.html Видимо ум за разум зашел Ненавижу формы верстать
0 votes13 answers -
Как поднять шапку сайта
есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи
0 votes5 answers -
Как избавится от тормозов?
Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.
0 votes15 answers -
Отступы между блоками
Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…
0 votes2 answers -
Аномалия с <img>
Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> a, span, div{ display: inline-block; border: 1px solid green; margin: 0; padding: 0; } img{ margin: 0; padding: 0; } </style> </head> <body> <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a> </body> </html>
0 votes3 answers -
Помощь по border
Подскажите пожалуйста, как сделать двойную границу? Т.е. мне надо две линии которые по ширине умещаются в 2px и каждый пиксель разного цвета! Я понимаю, что допустим делается одна линия так border-left: solid 1px #f8d; , а вот как делается еще одна линия возле нее?
0 votes8 answers -
Масштабирование картинок и разные разрешения экранов
Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена к…
0 votes6 answers -
Замена ссылок на выпадающий список
Здравствуйте! Подскажите, пожалуйста, как заменить ссылки: <p class="amount">Показать по: <a href="{$path}?on_page=20">20</a><xsl:text> </xsl:text> <a href="{$path}?on_page=50">50</a><xsl:text> </xsl:text> <a href="{$path}?on_page=100">100</a></p>на выпадающий список с сохранением функционала: <label>Показать на странице</label><select onchange="setLocation(this.value)"> <option value="#" selected="selected"> 20 </option> <option value="#"> 50 </option> <option value="#"> 100 </option></selec…
0 votes5 answers -
про обтекание изображения...
В разных источниках доходчиво рассказано как добиться того или иного обтекания изображения текстом. Но если сайт стоит на php, в каком месте копать? У меня получилось так: слева - картинка, а справа - длинным столбом текст, который по идее должен эту картинку "обтекать" и снизу... И в картинке, и в тексте стоит align:"left" Подскажите направление работы, плизз!
0 votes4 answers -
CSS! Помогите кто знает!
Народ, создал сайт на div (слоях), просматриваю в Опере 10 все нормально, а в ИЕ 8 (меню и текст по центру экрана уезжает немного в сторону) , если же меняю размер под ИЕ, то в Опере получается сдвиг! Вот ссылка на сайт http://kartodel.orgfree.com/testovik.html . В CSS (вот ссылка http://kartodel.orgfree.com/style.css) оставил только размеры меню и цветовые изменения ссылок. Уже несколько дней парюсь, в чем может быть дело. Подскажите кто знает, очень нужно.
0 votes6 answers -
Перекрытие слоёв (почему так работает)
Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { b…
0 votes6 answers -
Табличный дескриптор <li>
Как увеличить или уменьшить расстояния между табличными элементами <li>? Заранее спасибо <ul id="topbar"> <li class="Main"> Main</li> <li class="Families">Families</li> <li class="History" >History</li> <li class="Events" >Events</li> </ul> #topbar li { display: inline ; margin-top:20px; } Вот почему то вот так не получилось =(
0 votes5 answers -
как сделать слой, что бы его ширина была равна ширине вложенных в него слоев
Помогите плиз! Как сделать слой, что бы его ширина была равна ширине вложенных в него слоев <div style="float:left; width: 840px; background:white; height: 280px; padding-top:20px" align="center"> <div style="height: 260px; background:green; "> <div style="float:left; width: 11px; background:red; height: 260px;"></div> <div style="float:left; ; background:white; height: 260px;">333333</div> <div style="float:left; width: 11px; background:red; height: 260px;"></div> </div> &…
0 votes14 answers -
выравнивание блоков(2 в 1)
Научите как правильно выравнивать блоки. У меня есть блок с черным контуром в который нужно поместить красный и синий блок с растоянием между ними, например 10px Для наглядности есть макет:
0 votes7 answers -
не работает text-align:justify
Добрый день! Мой html создается програмно из файла Word (который по сути XML). Моя задача отобразить этот файл в html. поэтому текст разбивается на части, которые в свою очередь заключены в <bdi>. при этом мне нужно выставить свойство параграфа text-align:justify. при выставлении "в лоб" ничего не получается. точнее не получается, если текст двуязычный (а в этом случае еще и двунаправленный) вот html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <article> <section> <p style="direction:rtl; white-space:nowrap; text-align:justify;"> <span> <bdi style="dir…
0 votes0 answers -
Не работают дочерние пункты меню
Купил премиум шаблон для wordpress. и тут беда, не выпадают дочерние пункты меню в теме. Написал автору шаблона и до сих пор не дождался ответа. Ребята, гляньте - http://new.chocolate-kiss.ru/ , может хоть подскажите в какую сторону капать....
0 votes3 answers -
как сделать чтобы отображались 2 иконки
Всем привет, Подскажите, плиз, у меня отображабтся данные с полями type, status и в зависимости от значений этих полей надо отобразить иконку С иконкой для каждого из них по отдельности без проблем : .fc-event-custom-service { background-color: #3aad8b !important; border: none !important; background: url('/static/images/appointment.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Confirmed { background: url('/static/images/appointment_confirmed.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Cancelled { background: url('/static/images/appointment_cancelled.png') 40% 40% no-repeat; background-p…
0 votes6 answers -
верстка html css новичка
Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/
0 votes4 answers