Приветствую Друзья. Помогите пожалуйста убрать рамку из фoто (Миниатюры)
Подскажите, что нужно удалить, что оставить!?
(https://www.sbup.com/seo-forum/proxy.php?request=http%3A%2F%2Fs2.uploads.ru%2FAK9Mz.png&hash=c7d15638ce4c2f56078b529c1e7b64df614028d2)
.entry-full .entry-content .thumbnail {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:3px solid #F0F0F0; float:left; height:150; margin-right:18px; position:relative; width:150;}
.entry-full .entry-content .thumbnail span.overlay {background: url(images/entry-full-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:150px; height:150px; }
Цитата: Kochulab - SEO от 28-12-2012, 21:57:41
Приветствую Друзья. Помогите пожалуйста убрать рамку из фoто (Миниатюры)
Подскажите, что нужно удалить, что оставить!?
(https://www.sbup.com/seo-forum/proxy.php?request=http%3A%2F%2Fs2.uploads.ru%2FAK9Mz.png&hash=c7d15638ce4c2f56078b529c1e7b64df614028d2)
.entry-full .entry-content .thumbnail {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:3px solid #F0F0F0; float:left; height:150; margin-right:18px; position:relative; width:150;}
.entry-full .entry-content .thumbnail span.overlay {background: url(images/entry-full-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:150px; height:150px; }
Зеленым цветом я выделил код который закругляет углы , красным - саму рамку . Если закругление не нужно , можно удалить и зеленый и красный , если только бордюр - красный код.
Но это касается только белой рамки , а то что там слева сверху черным , в этом коде нет.
Цитата: --- от 28-12-2012, 23:34:30если только бордюр - красный код.
Если хотите скрыть бордер, то на всякий случай (браузеры то бывают разные), (ИМХО) лучше не удалять выделенное красным, а заменить его на
border-style: none;т.е. чтобы бордер вообще не отображался.
В таком случае можно вообще удалить часть, отмеченную зеленым в предыдущем комментарии.
Приветствую. Спасибо. Но если удалить просто красную строку border:3px solid #F0F0F0;
то ничего не происходит, а если поставить border : none
то рамка убирается, но подскажите как убрать это затемнение сверху и слева...
Если надо могу кинуть весь код style.css.
Цитата: Kochulab - SEO от 29-12-2012, 09:28:42Если надо могу кинуть весь код style.css.
Конечно сбросьте или дайте ссылку на него.
Я правда сейчас на работу убегаю, так может кто другой подскажет.
Цитата: remind4me от 29-12-2012, 09:39:33
Конечно сбросьте или дайте ссылку на него.
Я правда сейчас на работу убегаю, так может кто другой подскажет.
Ок. Спасибо) Сейчас кину)
Добавлено: 29-12-2012, 09:51:18
Вот css. Если поможете буду очень благодарен!!!!
http://www.mediafire.com/?r28uhi2cihtdtya (http://www.mediafire.com/?r28uhi2cihtdtya)
Цитата: Kochulab - SEO от 29-12-2012, 09:49:14Вот css. Если поможете буду очень благодарен!!!!
http://www.mediafire.com/?r28uhi2cihtdtya
Не могу скачать оттуда - заблoкировано по полиси предприятия :(
Было бы гораздо лучше, если бы вы дали ссылку на страницу, где есть картинки, у которых нужно убрать рамки и тени.
http://pastebin.com/egxR0hQq (http://pastebin.com/egxR0hQq)
Ссылку не могу дать, так как сейчас экспериментирую на локальном хостинге )
Kochulab - SEO, а какие теги и классы вокруг изображения?
У меня подозрение, что фоном, дающим тень, для изображения является images/entry-span-bg.png и images/entry-full-span-bg.png
Это только догадка, т.к. я не знаю как это изображение выглядит, но...
Попробуйте в CSS убрать фон "background: url(images/entry-full-span-bg.png) no-repeat;" и "background: url(images/entry-span-bg.png) no-repeat;" из вот этих:
.entry-full .entry-content .thumbnail span.overlay {background: url(images/entry-full-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:150px; height:150px; }
.entry .thumbnail span.overlay {background: url(images/entry-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:50px; height:50px; }
т.е. прописать так:
.entry-full .entry-content .thumbnail span.overlay {position: absolute; top:0px; left:0px; display: block; width:150px; height:150px; }
.entry .thumbnail span.overlay {position: absolute; top:0px; left:0px; display: block; width:50px; height:50px; }
Или временно вообще их закомментируйте полностью.
Цитата: remind4me от 29-12-2012, 16:09:34
Kochulab - SEO, а какие теги и классы вокруг изображения?
У меня подозрение, что фоном, дающим тень, для изображения является images/entry-span-bg.png и images/entry-full-span-bg.png
Это только догадка, т.к. я не знаю как это изображение выглядит, но...
Попробуйте в CSS убрать фон "background: url(images/entry-full-span-bg.png) no-repeat;" и "background: url(images/entry-span-bg.png) no-repeat;" из вот этих:
.entry-full .entry-content .thumbnail span.overlay {background: url(images/entry-full-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:150px; height:150px; }
.entry .thumbnail span.overlay {background: url(images/entry-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:50px; height:50px; }
т.е. прописать так:
.entry-full .entry-content .thumbnail span.overlay {position: absolute; top:0px; left:0px; display: block; width:150px; height:150px; }
.entry .thumbnail span.overlay {position: absolute; top:0px; left:0px; display: block; width:50px; height:50px; }
Или временно вообще их закомментируйте полностью.
Спасибо Вам. Вы мне помогли) . Очень благодарен. У меня просто в full-entry был активирован клас thumbnail-overlay, который в стилях и создавал эту тень, удалил из стилей и с кода страницы, стало все на свои места) ...