wipper

Вы правы я думаю, смотрите код, тк двум состояниям прописан один и тот же класс #content .stock { background: url("/image/stock.gif") no-repeat scroll left center transparent; margin-left: 21px; margin-top: 7px; padding-left: 28px; text-align: left;

Как видите всё получается, наверное нужно побольше упорства!!!!

Ну вот смотрим кнопка купить, удалил корзину так как вы хотите текст по центру #content .box-product .cart input.button { color: #FFFFFF; margin-top: 8px; background: #FF4500; font-weight: bold; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 2px 2px #DDDDDD; -moz-box-shadow: 0px 2px 2px #DDDDDD; box-shadow: 0px 2px 2px #DDDDDD; } Вышло так При наведении #content .box-product .cart input.button:hover { background: #FF4500; font-weight: bold; } Вышло так

Что это у меня получается а у вас нет? ))) Странно

:-D

#content .box-product .cart input.button { background: url('/image/add_to_cart.gif') left center no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px #9C9C9C; -moz-box-shadow: 0 0px 0px #9C9C9C; box-shadow: 0 0px 0px #9C9C9C; color: #005800; font-weight: normal; margin-top: 8px; padding-left: 31px; } background: url('/image/add_to_cart.gif') left center no-repeat; вот картинка, её нужно удалить Ниже цвет кнопки background: #FF4500; a.button, input.button { cursor: pointer; color: #FFFFFF; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: #FF4500; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 2px 2px #DDDDDD; -moz-box-shadow: 0px 2px 2px #DDDDDD; box-shadow: 0px 2px 2px #DDDDDD; } Или сделайте так в #content .box-product .cart input.button { background: #32353A url('/image/add_to_cart.gif') 4px 1px no-repeat; И иконку нужно заменить на прозрачную

шаблон у вас не стандартный. давайте ссылку на ваш сайт - разберемся!

в font.css прописываем @font-face { font-family: "PT Serif"; src: url("../fonts/ptserif-bolditalic.eot"); src: local('☺'), url("../fonts/ptserif-bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ptserif-bolditalic.woff") format("woff"), url("../fonts/ptserif-bolditalic.ttf") format("truetype"), url("../fonts/ptserif-bolditalic.svg#PT Serif") format("svg"); font-weight: bold; font-style: italic; } код для каждого шрифта отдельно И еще читал Internet Explorer поддерживает только формат EOT Браузеры Mozilla (Firefox, Seamonkey) поддерживает OTF и TTF форматы Safari и Опера поддерживают OTF, TTF и SVG Chrome поддерживает TTF и SVG. Ну вот както так, я со шрифтами как-то не работал, считаю что на сайте должны быть локальные шрифты без засечек, просто и без всяких проблем. :-D :eek: Надеюсь вам помог или хотябы подтолкнул на мысль.... :-) Обращайтесь если что, можете в друзья добавиться )))

:-D Даже интересно, пробовал на своем демо сайте подключить какойнибудь шрифт из не стандартных, вот как делал Подключил файл стилей шрифта и закачал в папку шрифт /catalog/view/theme/ВаШ_Шаблон/font/googli.woff2 <link rel="stylesheet" type="text/css" href="catalog/view/theme/ВаШ_Шаблон/font/font.css"> Затем Создал сам font.css? где добавил /* cyrillic */ @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; src: local('Poiret One'), local('PoiretOne-Regular'), url(/catalog/view/theme/ВаШ_Шаблон/font/googli.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } Затем в stylesheet.css изменял font-family: h1, .welcome #title{ color: #000; ---> font-family: Arial, Helvetica, sans-serif; font-family: 'Poiret One'; margin-top: 0px; margin-bottom: 20px; font-size: 30px; } Ну вот и все, теперь h1 оттображается нестандартным шрифтом, проверял во всех современных брайзерах на компе - работает, проверял на смартфоне в опере и гугле работает, а вот мозила никак не хочет отображать этот шрифт (вот кстати и сам шрифт http://fonts.gstatic.com/s/poiretone/v4/cKr_e199f0xMkxMkRbEJXyEAvth_LlrfE80CYdSH47w.woff2 только я его в googli переименовал), наверное мозила не понимает эти шрифты и заменяет на Ariel Вот и всё! :eek:КАРТИНКА ТУТ ===> Да и это наверное проблема самого шрифта он только кирилический, латиница отображалась Arial

Ну вот смотрите у вас в CSS стилях прописано font: 14px Dotum; #menu a { font-size: 13px; color: #FFF; text-decoration: none; display: inline-block; padding: 12px 10px; margin: 0 5px 0 3px; font: 14px Dotum; letter-spacing: 1px; text-transform: uppercase; } Предполагаю, что в телефонах просто нет таких шрифтов как на компе, вот вследствии и разница отображения, наверное нужно закинуть этот шрифт на хостинг и прописать к нему путь, там где требуется, по анологии, как я писал выше в примере с гугл шрифтом и посмотреть изменится ли на телефоне #menu a { font-size: 13px; color: #FFF; text-decoration: none; display: inline-block; padding: 12px 10px; margin: 0 5px 0 3px; /* font: 14px Dotum; */ font-family: 'Lobster', cursive; letter-spacing: 1px; text-transform: uppercase; }

У меня все на компе отображается, и на телефоне шрифт без засечек, не так как на вашем айфоне (скрин прилагаю). Везде практически одно и тоже, только на телефоне в мозиле есть небольшое отличие (посмотрите скрин) Даже интересно, буду наблюдать за темой, если в голову что придет дельное отпишусь )))

А где вы этот скрин взяли? у меня все нармально, шрифты такие как и на сайте ВОт скрин с эмулятора оперы мини

ЧЁТО я ничего уже не понимаю, захожу на ваш сайт с мобильно всё работает, или вы хотите чтобы те шрифты отображались только при заходе с мобильного телефона, а если заходить на сайт с компа, то шрифты обычные?

Плохо, что вы убрали!!! С кодом вроде бы все правильно, возможные варианты по моему мнению: Пропишите абсолютные пути к вашим шрифтам Попробуйте вставить не в css, а непосредственно в Хедер <slyle> Ваш код </style> (посмотрите что получится) Возможно браузер просто игнорирует этот код Я так понял Вам нужен нестандартный шрифт к мобильному телефону в шапке сайта, можно пойти по другому пути: В хедер вставляем <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'> В CSS вставляем: #big_mobile { font-family: 'Lobster', cursive; font-size: 30px; } И по моему ни какой головной боли... Потом можно гугл шрифт заменить на другой ваш Вот что получилось Вот код подключения этого шрифта из гугл CSS /* cyrillic */ @font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster'), url(http://fonts.gstatic.com/s/lobster/v10/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } Ссылка на гугл шрифты http://www.google.com/fonts/# Вот шрифт http://fonts.gstatic.com/s/lobster/v10/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2

Дайте ссылку на ваш сайт

Пожалуйста!

Нужно немного переверстать этот блок Вот попробуйте сделать так , удалите height: 130px .product-list .price { float: right; /* height: 130px; */ margin-left: 8px; text-align: center; color: #333333; font-size: 12px; border-left: 1px solid #EEEEEE; } Затем дабавьте width: 550px; .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; width: 550px; } ну и подправить остальное А и тут удалить height: 130px; .product-list .right { height: 130px; float: right; padding-left: 18px; border-left: 1px solid #EEEEEE; }

Да уж! Сложно ли для новичка такое уведомление заменить на всплывающее окошечко? Наверное будет сложно... Да и повышайте самооценку, плох тот солдат который не видит себя генералом :eek:

Вот еще бы ссылку на сайт кинул бы, ваще красава была бы. Можно было бы сверстать. А так по моему тут ничего сложного, 3 колонки и всё!

А версия движка какая?

Интересно почитать

:-)

Описание, - это я имел ввиду про очень светлый шрифт, который сливается с фоном страницы - очень плохо усваивается информация Был только что на сайте - видел добавили 2 категории в меню, может лучше форму поиска перенести в другое место, если больше категорий не будет, помоему это лучший вариант :wink: О манетке... Манетку за такую работу мне не надо, лучше добавляйтесь в друзья, может когда нибудь и мне чем поможете )))

Прочитай http://htmlbook.ru/css/z-index да и о цвете шрифта - с первого взгляда даже думал что в описании ничего нет, но повертев экран ноута заметил что все-таки что-то написано... Шрифт бы потемнее, а то не читабельно совсем .product-list .description { overflow: hidden; margin-bottom: 5px; color: #242222; }

В /catalog/view/theme/theme136/stylesheet/superfish.css удалите или за комментируйте z-index (Строка 39) #menu > ul > li { float: left; /* z-index: 22; */ padding: 0px 0px 0px 2px; position: relative; background: url(../image/separator.png) left 9px no-repeat; }