• Страница 1 из 1
  • 1
Рамка для $IMAGE1$

aziadka
Пользователи
Сообщений 7
+
0
-
Ваши награды 0
Ребятушки помогите плиз решить проблемку.
имеется вот такой код CSS.

Код
.thumb { padding: 5px 5px 5px; margin: 5px 0 0; border: 1px solid #c6c6c6;
   -moz-box-shadow: 1px 1px 6px #e1e1e1; -webkit-box-shadow: 1px 1px 6px #e1e1e1;
   -khtml-box-shadow: 1px 1px 6px #e1e1e1; box-shadow: 1px 1px 6px #e1e1e1;
   -moz-border-radius: 5px; -webkitborder-radius: 5px;
   -khtml-border-radius: 5px; border-radius: 5px; }
.thumb-bg { background: #f5f5f5; }
.thumb-river { border: 1px solid #c6c6c6; }
.thumb-left { height: 10px; background: url(/thumb-left.gif) no-repeat left center; }
.thumb-right { height: 10px; background: url(/thumb-right.gif) no-repeat right center; }
.thumb img { margin: 0px; padding: 0px; }


всё отлично работает, но есть проблемка: Рамка не обтягивает изображение



Выручайте.. smile
«Пред. тема След. тема»

BLAzER
Друзья
Сообщений 2339
+
+13398
-
Ваши награды 48
BLAzER написал: отредактировал: BLAzER - Воскресенье, 10.03.2013, 10:52 В ответ пользователя BLAzER Написано 10 Марта 2013 в 10:50
2<\' onclick=\'this.select();\' style=\'width:95%;text-align: center; height:20px; margin-top:15px;\'/>');" style="text-align:right; margin-left:19px;">Сообщение № 2
Можно ссылку на сайт?
подпись: BLAzER

aziadka
Пользователи
Сообщений 7
+
0
-
Ваши награды 0
Сайт пока отключен..

вот ещё что-бы ближе к суути



сама картинка выводится таким образом:

Код
<div class="thumb">$IMAGE1$</div>

Fatal1ti
Проверенные
Сообщений 101
+
+2216
-
Ваши награды 5
aziadka, вторая картинка тут нам не поможет... И этот маленький код тоже
Или давай ссылку на сайт (включи его) или давай больше кода
подпись: fatal1ti.ru Fatal1ti

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
BLAzER, Fatal1ti, какой вам сайт? wacko он это сам делает, рипнуть не сможете... happy

Код

<div class="thumb">
<img src="http://webo4ka.ru/avatar/89/473800.png">
</div>

<style>
.thumb img { padding: 5px 5px 5px; margin: 5px 0 0; border: 1px solid #c6c6c6; max-width:1000px; width:auto;
   -moz-box-shadow: 1px 1px 6px #e1e1e1; -webkit-box-shadow: 1px 1px 6px #e1e1e1;  
   -khtml-box-shadow: 1px 1px 6px #e1e1e1; box-shadow: 1px 1px 6px #e1e1e1;  
   -moz-border-radius: 5px; -webkitborder-radius: 5px;  
   -khtml-border-radius: 5px; border-radius: 5px; }
</style>
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

aziadka
Пользователи
Сообщений 7
+
0
-
Ваши награды 0
Цитата (Fatal1ti)
aziadka, вторая картинка тут нам не поможет... И этот маленький код тоже
Или давай ссылку на сайт (включи его) или давай больше кода


так это и есть весь код.
это в CSS
Код
.thumb { padding: 5px 5px 5px; margin: 5px 0 0; border: 1px solid #c6c6c6;  
   -moz-box-shadow: 1px 1px 6px #e1e1e1; -webkit-box-shadow: 1px 1px 6px #e1e1e1;  
   -khtml-box-shadow: 1px 1px 6px #e1e1e1; box-shadow: 1px 1px 6px #e1e1e1;  
   -moz-border-radius: 5px; -webkitborder-radius: 5px;  
   -khtml-border-radius: 5px; border-radius: 5px; }  
  .thumb-bg { background: #f5f5f5; }  
  .thumb-river { border: 1px solid #c6c6c6; }  
  .thumb-left { height: 10px; background: url(/thumb-left.gif) no-repeat left center; }  
  .thumb-right { height: 10px; background: url(/thumb-right.gif) no-repeat right center; }  
  .thumb img { margin: 0px; padding: 0px; }


а это там где выводится изображение (например новости сайта)

Код
<div class="thumb">$IMAGE1$</div>

Добавлено (10.03.2013, 15:23)
---------------------------------------------
есть один нюанс..
с прямой ссылкой на изображение все работает

Код
<div class="thumb">  
  <img src="http://webo4ka.ru/avatar/89/473800.png">  
  </div>  

  <style>  
  .thumb img { padding: 5px 5px 5px; margin: 5px 0 0; border: 1px solid #c6c6c6; max-width:1000px; width:auto;  
    -moz-box-shadow: 1px 1px 6px #e1e1e1; -webkit-box-shadow: 1px 1px 6px #e1e1e1;   
    -khtml-box-shadow: 1px 1px 6px #e1e1e1; box-shadow: 1px 1px 6px #e1e1e1;   
    -moz-border-radius: 5px; -webkitborder-radius: 5px;   
    -khtml-border-radius: 5px; border-radius: 5px; }  
  </style>
[/color]

а вот с $IMAGE1$ рамка не обтягивает изображение

Код
<div class="thumb">  
$IMAGE1$
  </div>  

  <style>  
  .thumb img { padding: 5px 5px 5px; margin: 5px 0 0; border: 1px solid #c6c6c6; max-width:1000px; width:auto;  
    -moz-box-shadow: 1px 1px 6px #e1e1e1; -webkit-box-shadow: 1px 1px 6px #e1e1e1;   
    -khtml-box-shadow: 1px 1px 6px #e1e1e1; box-shadow: 1px 1px 6px #e1e1e1;   
    -moz-border-radius: 5px; -webkitborder-radius: 5px;   
    -khtml-border-radius: 5px; border-radius: 5px; }  
  </style>
[color=red]

Dj
Пользователи
Сообщений 12
+
+56
-
Ваши награды 2
float:left; тебе в помощь

Fatal1ti
Проверенные
Сообщений 101
+
+2216
-
Ваши награды 5
Вовчик, wacko кого рипнуть то??
Я просто привык через "Просмотр кода элемента" в Chrome всё делать и исправлять - так легче.
А так если на код смотреть трудновато будет...

Как вариант тут можно выравнивание сделать (но может немного диз сдвинуть):
Код
<div class="thumb">   
$IMAGE1$  
   </div>   
<style>   
   .thumb { float: left; padding: 5px 5px 5px; margin: 5px 0 0; border: 1px solid #c6c6c6;
     -moz-box-shadow: 1px 1px 6px #e1e1e1; -webkit-box-shadow: 1px 1px 6px #e1e1e1;    
     -khtml-box-shadow: 1px 1px 6px #e1e1e1; box-shadow: 1px 1px 6px #e1e1e1;    
     -moz-border-radius: 5px; -webkitborder-radius: 5px;    
     -khtml-border-radius: 5px; border-radius: 5px; }   
   </style>


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

Добавлено (10.03.2013, 16:32)
---------------------------------------------
Dj, Опередил меня... блин, всё я тут лишний, пойду фильм смотреть

подпись: fatal1ti.ru Fatal1ti

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
Цитата (Fatal1ti)
в Chrome

а что в хроме есть возможность сразу просматривать измененный код? я думал только в опере такая фигня))
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

BLAzER
Друзья
Сообщений 2339
+
+13398
-
Ваши награды 48
Цитата (Fatal1ti)
Я просто привык через "Просмотр кода элемента" в Chrome всё делать и исправлять - так легче.

и быстрее
подпись: BLAzER

aziadka
Пользователи
Сообщений 7
+
0
-
Ваши награды 0
Fatal1ti, Спасибо дорогой! Всё работает! biggrin
Ну и всем не равнодушным Спасибо! biggrin
  • Страница 1 из 1
  • 1
Поиск:
Топ пользователей: