Убрать рамку из фoто. Очень нужно!!!

Kochulab · 28-12-2012, 21:57:41

Приветствую Друзья. Помогите пожалуйста убрать рамку из фoто (Миниатюры)
Подскажите, что нужно удалить, что оставить!?

 
.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; }

Clever · 28-12-2012, 23:34:30

Цитата: Kochulab - SEO от 28-12-2012, 21:57:41
Приветствую Друзья. Помогите пожалуйста убрать рамку из фoто (Миниатюры)
Подскажите, что нужно удалить, что оставить!?

.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; }

Зеленым цветом я выделил код который закругляет углы , красным - саму рамку . Если закругление не нужно , можно удалить и зеленый и красный , если только бордюр - красный код.
Но это касается только белой рамки , а то что там слева сверху черным , в этом коде нет.

remind4me · 29-12-2012, 00:05:06

Цитата: --- от 28-12-2012, 23:34:30если только бордюр - красный код.

Если хотите скрыть бордер, то на всякий случай (браузеры то бывают разные), (ИМХО) лучше не удалять выделенное красным, а заменить его на

Код Выделить

border-style: none;

т.е. чтобы бордер вообще не отображался.

В таком случае можно вообще удалить часть, отмеченную зеленым в предыдущем комментарии.

Kochulab · 29-12-2012, 09:28:42

Приветствую. Спасибо. Но если удалить просто красную строку border:3px solid #F0F0F0;
то ничего не происходит, а если поставить border : none
то рамка убирается, но подскажите как убрать это затемнение сверху и слева...
Если надо могу кинуть весь код style.css.

remind4me · 29-12-2012, 09:39:33

Цитата: Kochulab - SEO от 29-12-2012, 09:28:42Если надо могу кинуть весь код style.css.

Конечно сбросьте или дайте ссылку на него.
Я правда сейчас на работу убегаю, так может кто другой подскажет.

Kochulab · 29-12-2012, 09:49:14

Цитата: remind4me от 29-12-2012, 09:39:33
Конечно сбросьте или дайте ссылку на него.
Я правда сейчас на работу убегаю, так может кто другой подскажет.

Ок. Спасибо) Сейчас кину)

Добавлено: 29-12-2012, 09:51:18

Вот css. Если поможете буду очень благодарен!!!!

http://www.mediafire.com/?r28uhi2cihtdtya

remind4me · 29-12-2012, 12:09:58

Цитата: Kochulab - SEO от 29-12-2012, 09:49:14Вот css. Если поможете буду очень благодарен!!!!
http://www.mediafire.com/?r28uhi2cihtdtya

Не могу скачать оттуда - заблoкировано по полиси предприятия

Было бы гораздо лучше, если бы вы дали ссылку на страницу, где есть картинки, у которых нужно убрать рамки и тени.

Kochulab · 29-12-2012, 15:35:11

http://pastebin.com/egxR0hQq

Ссылку не могу дать, так как сейчас экспериментирую на локальном хостинге )

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; }

Или временно вообще их закомментируйте полностью.

Kochulab · 29-12-2012, 16:22:50

Цитата: 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, который в стилях и создавал эту тень, удалил из стилей и с кода страницы, стало все на свои места) ...