swetlana
-
Posts
1,629 -
Joined
-
Last visited
-
Days Won
8
Content Type
Profiles
Forums
Calendar
Store
Everything posted by swetlana
-
Газета ЛАДА | Еженедельник города Актау | Новости города Актау
swetlana replied to musulman's topic in Discussion of works
ой фу… код грязный, таблицы для позиционирования элементов, при этом ещё и наезжающие друг на друга элементы… Не работа, а халтура какая-то. -
mishka2, ну если честно, в этом проекте очень много чего не работает должным образом Он мне достался от такого умельца! Да там всё в коде видно. Вот сейчас всё пытаюсь развести клиента на полную переделку сайта, а то внутри просто совсем жуть.
-
мне припоминается рассказ о довольно гадком способе, когда убрали из поисковой выдачи сайт конкурента, сымитировав некрасивые способы раскрутки типа тысяч дорвеев.
-
Пользую такое в редакторе Coda. Фича именуется Clips. Удобным образом настраиваются свои пресеты кода, можно их ещё и структурировать как душе угодно. Можно рядом окошко повесить и мышкой в него тыкаться для вставки нужного клипса, а можно заранее заданное клавосочетание использовать. Хорошая, следует отметить, фича. Мне уже пару раз задавали вопрос, каким это образом мне удаётся сверстать страницу менее, чем за минуту, а затем увлечённо разглядывали технические возможности моего любимого редактора. После подобной демонстрации ребята на свой громоздкий и стоящий в семь раз дороже дримвивер плевались матом.
-
не путать с «вебдванольненько»
-
кстати, в ишачке много чего работает, только об этом мало кто знает Мне тут недавно кое-кто пытался доказать, что в IE невозможно сделать фоновый градиент. А глядя на мою работу (действующий сайт в этих ваших интернетах), где такое реализовано, утверждал, что я его обманываю и применяю для этого какие-то трюки ну да… трюк называется filter:gradient Просто вспомнилась забавная история в тему.
-
Safari 5.0.1 (Mac OS X 10.6.4) Opera 10.60 (Mac OS X 10.6.4) Firefox 3.6.8 (Mac OS X 10.6.4) А теперь давайте дружно удивляться! Это Internet Explorer:Mac 5.2, Последняя версия експлорера под мак, датированная 2001 годом. Не удивлюсь, если реально им не пользуется уже никто во всём мире. (Хотя, если совсем уж честно, у меня лично есть ноутбук производства 1999 года, на котором именно это чудо стоит основным браузером). Ни для кого из здесь присутствующих не секрет, что IE даже версии 6 в принципе не умеет отображать прозрачность png. Это что получается — глюк глюканул? Мне стало интересно, и я провожу ещё один эксперимент: в своём примере меняю цвет фона body на синий (чтоб видно было), и смотрю в IE:Mac 5.2. И вот: Этот браузер настолько безнадёжен, что не умеет отображать текст в utf-8 и фоновые картинки, однако прозрачность в png Internet Explorer пятой версии исполнил на пять баллов! Что это? Не подтверждение ли предположения, что корень данной проблемы кроется не в браузерах, а в ОСях? Firefox 3.6.8 на Windows XP действительно показал полосы #ccc и #cbcbcb: Но IE6 на той же Windows XP его переплюнул и показал широкую гамму оттенков серого: Epiphany 2.22.3 на Debian 5.0.5 (всё красиво): Konqueror 3.5.9 на Debian 5.0.5 (всё красиво): IE8 в Windows 7(всё те же полосы): А вот Chrome 5 в Windows 7 на этой странице отжёг. Видимо всё потому что язык этой страницы английский. А вот если перевести…
-
VJiK, да, я уже попробовала на Windows XP, Windows 7 и Debian в разных браузерах. К сожалению, в Windows обеих версий в любом браузере действительно такая проблема есть В линуксе нет проблемы, и тоже в любом браузере. Впервые, кстати, вижу такое (ну если шрифты не считать): проблема локализуется в семействе ОС, а не в браузере. Тады не знаю ничего, извините.
-
Вот код: <!DOCTYPE html> <html> <head> <title>проверим-ка</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style> body { width: 200px; height: 400px; background: #ccc; } div { width: 200px; height: 200px; background: transparent url(gradient.png) no-repeat; } div, img { border: 1px solid #060; } </style> </head> <body> <div>?</div> <img src="gradient.png" /> </body> </html> Вот файл с градиентом: http://slil.ru/29558171 Вот что получилось: По крайней мере я у себя вожу колорпикером по результату — в пределах рамок всё одного цвета.
-
так всё правильно. Для div.wrapper и div.main_panel же указано max-height: 100%. Вот они выше 100% от высоты окна и не разворачиваются.
-
Не поленилась проверить. Safari 5.0.1, FF 3.6.8, Opera 10.60 — полёт нормальный. Что я не так делаю?
-
А больше никак. Ну ещё для мозиллы аналогичное свойство есть. Но во-первых вряд ли удастся достичь кроссбраузерности, разве что во времена царствования IE12, Opera16, FF7 и Safari10. Рассчитывать надо вообще на то, что это свойство у подавляющего большинства не сработает, и предусмотреть, чтобы и без поворота всё красиво было. Ну а если заказчик, который видел такой эффект у себя дома в сафари, вдргу на работе в IE6 хочет тоже видеть, и разумным доводам не внемлет, то сажаем свою совесть под замок, накрываем плотной тряпкой, чтобы думала, что ночь, и спала, и не видела такого безобразия, и… картинкой.
-
npofopr, ну это же некрасиво! Там аж целых две картинки, притом расчёт на строго определённый однородный фон. Затем display: block; как при таком выравнять по центру? Сомнительный какой-то способ.
-
а никак, только спозиционировать. Я в своё время баловалась с этими свойствами, они нормально в документации описаны. Функционал у них более чем скромный.
-
<!DOCTYPE html> <html> <head> <title>проверим-ка</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style> body { background: #efe9dd; } nav ul { text-align: center; } nav li { display: inline; } nav li a { display: inline-block; color: #633; background: #d0c1ae; -webkit-border-radius: 2px; padding: 0.5em 1em; margin: 0.5em; white-space: nowrap; } nav li a:hover { background: #a40e0d -webkit-gradient(linear,0 50%,0 100%,from(#a40e0d),to(#710a0b)); color: #fff; } </style> <!--[if IE]> <script> document.createElement('nav'); </script> <style> nav li a:hover { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#a40e0d', endColorstr='#710a0b', GradientType=0); } </style> <![endif]--> </head> <body> <nav> <ul> <li><a href="/">текст</a></li> <li><a href="/">ещё текст</a></li> <li><a href="/">и тут текст</a></li> <li><a href="/">опять текст</a></li> <li><a href="/">какой-то текст</a></li> <li><a href="/">а тут может быть даже и большой текст</a></li> <li><a href="/">просто текст</a></li> <li><a href="/">ну и ещё текст</a></li> </ul> </nav> </body> </html> ну вот и в ие работает. Только вот прямого способа сделать закруглённые углы в ие не знаю.
-
ну если display: inline, то line-height надо использовать, а не height ну извиняй. Мы же тоже и работаем, и личные дела есть. Заходим на форум и отвечаем, когда есть такая возможность, а это совсем не обязательно в момент создания темы. А самостоятельно сделать — ценнее, чем по подсказке. Самостоятельно добытые знания крепче в голове держатся.
-
http://www.xs4all.nl/~peterned/csshover.html
-
хм… делаю как раз такой фокус с затемнением на http://medvoyage.info/clinic/clinic_victoria.html при ширине body 998px; Но тем не менее затемняется всё окно. Что я не так делаю? Только не полагайте, что там есть моя вёрстка! Там так, правки мои незначительные. Вот если разведу клиента на перевёрстку, то будет и тут красота, а не сто ошибок при html4.0 transitional хотя если не разведу, то всё равно самый кошмар поправлю.
-
Заказчику сеошники втирают про просто-таки жизненную необходимость присутствия на странице не предусмотренных ни одной спецификацией тэгов <index> и <noindex>. Я сама в теме seo где-то около полного нуля, и возразить ничего не могу, даже если и существуют увесистые соображения против. При этом когда вижу красную реакцию валидатора на свою страницу, всё внутри переворачивается, естество восстаёт, а совесть спать спокойно не даёт. Как быть?
-
s0rr0w, чем же эта техника пагубна? Я считаю иначе, но я в вёрстке новичок, и очень бы хотелось опытного товарища послушать.
-
<ul id="название_идентификатора"> … </ul> и <something id="название_идентификатора"> <ul>…</ul> </something> вот и вся разница.
-
есть два варианта: кривой: использовать position:relative или отрицательный margin-top. прямой: переписать код так, чтобы в нём хоть что-то понять можно было. Чем проще, тем лучше. Источник проблемы в этом коде: ненужные заморочки там, где их и придумать-то сложно.
-
а ещё особенности алгоритма png делают различия между объёмом таких картинок шириной 1px и 40px незначительными, а вот всеми любимый ИЕ, многократно повторяя маленькую картинку на весь экран, будет сильно задумываться. Так что делайте ширину 40px — по многим параметрам лучше.
-
Great Rash, легко верю.
-
axl, ну сглаживанием шрифтов это можно назвать, лишь включив фантазию, и разогнав её на полные обороты К тому же вы сами пишете о минусе этого решения. Причём минус проявляется именно там, где актуальнее всего стоит проблема