Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Очень просто, хостер посмотрит с каких браузеров народ заходит на сайт - большинство будет ИЕ6 и ИЕ7 в которых ни HTML5, ни CSS3 не работают.
-
Ссылка есть?
-
Если уж верстаете на таблицах, то и сделайте 2 ячейки - одну под лого, а другую под баннер. Левой скажите text-aligh: left;, а правой скажите text-aligh: right; и никаких флоатов вам не понадобится.
-
Может для них места не хватает на экране вот и сползли?
-
http://www.iconsearch.ru/ Русскоязычный ресурс без иероглифов. Давно пользуюсь.
-
Не кладите бекграунд в див в котором текст скролится. Задайде бекграунд родительскому диву.
-
Лучше использовать position: relative; и отрицательное значение top. Маргины глючат частенько в ИЕ и в Опере.
-
Молодец! Когда сам делаешь всегда лучше.
-
http://htmlbook.ru/css/hover.html «css спрайты» в Google.
-
Если не секрет о чем письмецо?
-
У него походу интранет-проекты, поэтому там можно диктовать свою волю в известных пределах.
-
Ссылка на страницу есть?
-
swetlana, у меня складывается впечатление, что вы живете в будущем, лет эдак на пять вперед... Как бы это некрасиво не выглядело, но подобные меню делаются двумя картинками (метод раздвижных дверей). Другого легкого и кроссбраузерного способа сверстать круглые углы нет. Все способы исправления ситуации либо корявые, либо много весят. А Опера (которая по дебильности не уступает ИЕ) до сих пор не понимает толком ни CSS3, ни SVG. Так что надо пока смириться и забить на border-radius каким бы привлекательным он не был.
-
Не в том элементе отступ делаете. Забудте про <li> делайте все внутри <a>.
-
Не знаю насколько хорош мой способ, но на вскидку изобрел такое чудо (это если категорически не хочется использовать картинки вместо бордеров): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } html { font-size: 100.1%; } body { margin: 10px; font: 62.5% Arial, Tahoma, Verdana, sans-serif; } ul { overflow: hidden; height: 17px; /* line-height - top + border-top + border-bottom */ padding-top: 10px; list-style: none; } li { float: left; height: 10px; border-left: 1px solid; padding: 0 5px; margin-left: -1px; } li a { display: inline-block; position: relative; top: -10px; padding: 0 10px; line-height: 25px; white-space: nowrap; text-decoration: none; border: red 1px solid; background: yellow; font-size: 1.6em; } </style> </head> <body> <ul> <li><a href="#">text</a></li> <li><a href="#">text</a></li> <li><a href="#">text</a></li> <li><a href="#">text</a></li> <li><a href="#">text</a></li> </ul> </body> </html>
-
Давно (года полтора назад) натыкался на статью о том как создаются кнопки для сервисов гугля. Статью уже не найду, но те кнопки очень понравились и захотелось их повторить. Вот что вышло: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } html { font-size: 100.1%; } body { margin: 10px; font: 62.5% Arial, Tahoma, Verdana, sans-serif; } .button { overflow: hidden; display: -moz-inline-stack; display: inline-block; padding: 0 1px; font-size: 1.4em; text-decoration: none; color: #767676; cursor: pointer; } .button .button-cont { display: block; border-top: #9d9d9d 1px solid; border-bottom: #9d9d9d 1px solid; } .button .button-side { position: relative; display: block; margin: 0 -1px; padding: 2px 5px; border-left: #9d9d9d 1px solid; border-right: #9d9d9d 1px solid; background: #c9c9c9 url('http://www.imageup.ru/img45/button_light404787.png') 0 0 repeat-x; } .button .center { text-align: center; } .button:hover { color: #2a86c8; } .button:hover .button-cont, .button:hover .button-side { border-color: #619dc8; } .button:hover .button-side { background-color: #9ec9e2; } .green-but { color: #3f8f3f; } .green-but .button-cont, .green-but .button-side { border-color: #78ba78; } .green-but .button-side { background-color: #b0dbb0; } </style> <!--[if lt IE 8]> <style type="text/css"> .button { display: inline; zoom: 1; } .button .button-side { display: inline; position: relative; left: -1px; zoom: 1; } </style> <![endif]--> <!--[if IE 6]> <style type="text/css"> .button .button-side { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.imageup.ru/img45/button_light404787.png'); background-image: none; } </style> <![endif]--> </head> <body> <a href="java script: void(0);" class="button"> <span class="button-cont"> <span class="button-side"> Кнопка </span> </span> </a><br /><br /> <a href="java script: void(0);" class="button green-but"> <span class="button-cont"> <span class="button-side"> Зеленая кнопка </span> </span> </a><br /><br /> <a href="java script: void(0);" class="button"> <span class="button-cont"> <span class="button-side"> Очень длинная кнопка </span> </span> </a><br /><br /> <a href="java script: void(0);" class="button"> <span class="button-cont"> <span class="button-side center"> Кнопка с переносом на<br /> другую строку </span> </span> </a><br /><br /> <a href="java script: void(0);" class="button green-but"> <span class="button-cont"> <span class="button-side"> Еще одна длинная зеленая кнопка </span> </span> </a> </body> </html> Проверял в браузерах: IETester в режиме IE6 IE8 IE8 в режиме IE7 Google Chrome самый свежий Opera 10.6 Apple Safari самый свежий Mozila Firefox 3.6.7 Используется однопиксельная картинка PNG24 для градиента. Цвет фона можно менять через CSS. Багов замечено не было. Надеюсь пригодится.
-
Ну и расположите это див поверх вашего жипега...
-
<div> с overflow: auto;
-
Не вижу никаких глюков. Плагин ставить тоже не хочу, не говоря уж о фотошопе. По моему у вас проблема надуманная.
-
Какой еще пипеткой? Я в браузере смотрю, а не в фотошопе. Что-то не понятно где у вас проблема? Все однородно, зачем там вообще png если каждый квадрат тупо залит одним цветом?
-
А че все должно быть полосатое? У меня все цвета однородны, градиентов совсем не вижу. Смотрю в Хроме (винда)
-
Кривой плеер. Кривые руки у того кто прикручивал плеер. Кривой хостинг. Слабые компы у юзеров. У юзера барахлит звуковая карта. Вариантов можно напридумывать миллион...
-
Растянуть блок по ширине содержимого без span
Great Rash replied to kedovan's question in HTML Coding
Можно вот так извратиться: <div style="white-space: pre; border: 1px solid;"><code style="display: inline; font-size: 16px; white-space: normal; border: 1px solid;">text text text</code> <code style="display: inline; font-size: 16px; white-space: normal; border: 1px solid;">code code code</code></div> -
Вам не кажется, что мы уже очень далеко от темы ушли? Про нетривиальную функцию сравнения: сравнения чего, данных? Откуда данные возьмутся? Поди из ячеек таблицы, а как их получить - не из DOM ли?
-
Да кто ж его знает, я всего-лишь предположил.