Как удалить border="0" из img у категорий? - Joomla 1.5: Общие вопросы

Уже целый час ищу не могу найти.

Для каждой картинки категории по умолчанию выставляется border="0" . В html5 это недопустимо. Жить с этим можно, но мозолит глаза.
Где это можно убрать?

файфокс + файрбаг и поискать
или ссылку на сайт
или в редакторе выделить фото и изменить border="0" на что то другое

файфокс + файрбаг и поискать
или ссылку на сайт
или в редакторе выделить фото и изменить border="0" на что то другое

Именно так и искал.
Ссылка на сайт http://zp-store.ru/ . Не знаю как это может помочь,  но прям на главной странице категории в картинках, у каждой из них border="0" . Сначала искал в файле отвечающем за вывод .../components/com_virtuemart/themes/default/templates/common/categoryChildlist.tpl.php , там за это все отвечает строчка:

 
         <?php
         if ( $category["category_thumb_image"] ) {
            echo ps_product::image_tag( $category["category_thumb_image"], "alt=\"".$category["category_name"]."\"", 0, "category");
            echo "<br /><br/>\n";
         }
         echo $category["category_name"];
         echo $category['number_of_products'];
         ?>

Потом нашел файл ps_product и там в image_tag поудалял все что связано с border. В результате добился того, что в картинке писалось просто border="" без "0" .

Есть предположение что это все задается где-то по умолчанию в админке.

Удали свойство border-sryle: solid; в стиле .category123 img в файле /templates/ja_purity/css/template.css и будет тебе счастье.. и не ври что firebug'ом пользовался.. нашел сам бы всё тогда 

нет, зачем мне это удалять, тогда бордер исчезнет.

Мне надо удалить border:0 , его нет в CSS , он в HTML и вводится по умолчанию, когда я добавляю картинку!

Вот так выглядит строка с картинкой <img width="110" height="156" border="0" alt="Zippo Classic" src="">


Мне в ней надо бордер убрать!

Есть стиль но ты не указываешь размер и что он должен там написать не указано
для начала можешь заключить его в /* border-sryle: solid;*/ 

del

Поподробнее

Есть стиль но ты не указываешь размер и что он должен там написать не указано
для начала можешь заключить его в /* border-sryle: solid;*/  

Но мне надо чтобы был border-style:solid в CSS. И это не изменит ситуацию (например внутренняя страница: http://zp-store.ru/zp-shop/zippo/model/5-uzkie-zippo-slim/9-zippo-1615-ribbon-high-polish-chrome ).

В VirtueMart по умолчанию где-то задана переменная, которая автоматически (есть бордер  в CSS нет его, есть стиль:солид  в CSS или нет его) ставит в код HTML "border:0"
Причем для всех картинок, пример внутренняя страница: http://zp-store.ru/zp-shop/zippo/model/5-uzkie-zippo-slim/9-zippo-1615-ribbon-high-polish-chrome .

По правилам html5 так делать не рекомендуется (все значения, которые можно поставить в CSS - ставятся в css), вот я и хочу убрать эту функцию из VirtueMart .

Нашел в файле htmlTools.class.php (administrator/components/com_virtuemart/classes)

в строке 585 код:

   function imageTag( $src, $alt='', $align='', $height='', $width='', $title='', $border='0', $attributes='' ) {
      
      if( $align ) { $align = ' align="'.$align.'"'; }
      if( $height ) { $height = ' height="'.$height.'"'; } else { $height = ""; }
      if( $width ) { $width = ' width="'.$width.'"'; } else { $width = ""; }
      if( $title ) { $title = ' title="'.$title.'"'; }
      if( $attributes ) {   $attributes = ' ' . $attributes; }
      
      if( strpos($attributes, 'border=')===false) {
         $border = ' border="'.$border.'"';
      } // Prevent doubled attributes
      if( strpos($attributes, 'alt=')===false) {
         $alt = ' alt="'.$alt.'"';
      }
      
      return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';
   }



Если тут удалить border, то он не выводится в HTML, но вслед за ним не выводится содержимое alt.
Строка приобретает следующий вид:

<img width="110" height="156" alt="" src="">


Но мне нужен alt!
Что тут надо изменить, чтобы удалился border="0" и остался без изменений alt?

Вы приведите что получилось после внесения изменений в код, а то "Если тут удалить border" ни о чем не говорит нам  Интуиция мне подсказывает что достаточно удалить отсюда бордер
return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';

Допиши просто в строку не помню какую dorder:none;

и читай здесь http://htmlbook.ru/css/border-style

Допиши просто в строку не помню какую dorder:none;

и читай здесь http://htmlbook.ru/css/border-style

а то интуитивно рубишь там как шашкой  )))

а то интуитивно рубишь там как шашкой  )))

Честно говоря даже не понимаю где ее дописать. Вся проблема связана не с CSS, он тут не при чем. Проблема в HTML, а точнее в php.
Все что написано тут
<img width="110" height="156" border="0" alt="Zippo Classic" src="http://zp-store.ru/components/com_virtuemart/shop_image/category/_________________4efb9db40e4c3.jpg">
не имеет никакого отношения к CSS и никакие исправления там не решат эту задачу.

Если удаляю (выделено красным):

return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';

без изменений.

Если удаляю (выделено красным):

   function imageTag( $src, $alt='', $align='', $height='', $width='', $title='', $border='0', $attributes='' ) {
      
      if( $align ) { $align = ' align="'.$align.'"'; }
      if( $height ) { $height = ' height="'.$height.'"'; } else { $height = ""; }
      if( $width ) { $width = ' width="'.$width.'"'; } else { $width = ""; }
      if( $title ) { $title = ' title="'.$title.'"'; }
      if( $attributes ) {   $attributes = ' ' . $attributes; }
      
      if( strpos($attributes, 'border=')===false) {
         $border = ' border="'.$border.'"';
      } // Prevent doubled attributes
      if( strpos($attributes, 'alt=')===false) {
         $alt = ' alt="'.$alt.'"';
      }
      
      return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';
   }


без изменений

Если удаляю (выделено красным):

function imageTag( $src, $alt='', $align='', $height='', $width='', $title='', $border='0', $attributes='' ) {
      
      if( $align ) { $align = ' align="'.$align.'"'; }
      if( $height ) { $height = ' height="'.$height.'"'; } else { $height = ""; }
      if( $width ) { $width = ' width="'.$width.'"'; } else { $width = ""; }
      if( $title ) { $title = ' title="'.$title.'"'; }
      if( $attributes ) {   $attributes = ' ' . $attributes; }
      
      if( strpos($attributes, 'border=')===false) {
         $border = ' border="'.$border.'"';
      } // Prevent doubled attributes
      if( strpos($attributes, 'alt=')===false) {
         $alt = ' alt="'.$alt.'"';
      }
      
      return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';
   }

Строка становится такой : <img width="110" height="156" border="" alt="" src="">

Если удаляю (выделено красным)

function imageTag( $src, $alt='', $align='', $height='', $width='', $title='', $border='0', $attributes='' ) {
     
      if( $align ) { $align = ' align="'.$align.'"'; }
      if( $height ) { $height = ' height="'.$height.'"'; } else { $height = ""; }
      if( $width ) { $width = ' width="'.$width.'"'; } else { $width = ""; }
      if( $title ) { $title = ' title="'.$title.'"'; }
      if( $attributes ) {   $attributes = ' ' . $attributes; }
     
      if( strpos($attributes, 'border=')===false) {
         $border = ' border="'.$border.'"';
      } // Prevent doubled attributes
      if( strpos($attributes, 'alt=')===false) {
         $alt = ' alt="'.$alt.'"';
      }
     
      return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';
   }


строка имеет вид

<img width="110" height="156" alt="" src="">

Мне кажется тут простым удаление не решить вопрос.

Вот эти две строчки

   function imageTag( $src, $alt='', $align='', $height='', $width='', $title='', $border='0', $attributes='' ) {
      
      if( $align ) { $align = ' align="'.$align.'"'; }
      if( $height ) { $height = ' height="'.$height.'"'; } else { $height = ""; }
      if( $width ) { $width = ' width="'.$width.'"'; } else { $width = ""; }
      if( $title ) { $title = ' title="'.$title.'"'; }
      if( $attributes ) {   $attributes = ' ' . $attributes; }
      
      if( strpos($attributes, 'border=')===false) {
         $border = ' border="'.$border.'"';
      } // Prevent doubled attributes
      if( strpos($attributes, 'alt=')===false) {
         $alt = ' alt="'.$alt.'"';
      }
      
      return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';
   }

имеют что-то под названием "strpos" . И думаю влияют друг на друга. В результате пропадает значение alt!

так, еще раз себя же цитирую:
попробуйте удалить только тут

return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';

Вроде бы решил проблему!

Этот border="0" формируется в двух файлах ps_product.php и htmlTools.class.php (оба в /administrator/components/com_virtuemart/classes/)

Для того чтобы его удалить и оставить целым alt нужно:

в ps_product.php  закомментировать 1366 строчку :

if( strpos( $args, "border=" )===false ) {
         $border = 'border="0"';
      }

в htmlTools.class.php (600 строчка)

убрать (выделено красным)

 return '<img src="'.$src.'"'.$alt.$align.$title.$height.$width.$border.$attributes.' />';


Результат:

<img width="110" height="156" alt="Zippo Classic" src="">


Результат есть, проблема решена! Правда с моими познаниями в php, буду надеяться что я нигде не накосячил

так, еще раз себя же цитирую:
попробуйте удалить только тут

вот в 13-ом в самом верху написал - без изменений!

ну я как бы еще зрячий, проблема была в исчезновении альта, я и подсказал что сделать, а где там еще этот бодер выводится мне тяжело ориентироваться по тому что тут в топе представлено 

ТС у вас при наведении на изображении меньше становится. Попробуйте добавить в ccs:


Пока работает в Chrome и ff, но думаю что и опера скоро подтянется. Намного эффектней выглядит.

ТС у вас при наведении на изображении меньше становится. Попробуйте добавить в ccs:

Код

-webkit-transition: -webkit-box-shadow 0.2s ease;
-o-transition: box-shadow 0.4s ease;
-moz-transition: -moz-box-shadow 0.2s ease;

Пока работает в Chrome и ff, но думаю что и опера скоро подтянется. Намного эффектней выглядит.

Меньше? Это те, которые на главной странице? В каком браузере смотрели?
За правило огромное спасибо, чуть позже его применю!

В ff - но не меньше, а просто тень добавляется.

В ff - но не меньше, а просто тень добавляется.

ну, все правильно, во всех браузерах кроме ie до 9-ой версии (там не проверял) изображение должно визуально выезжать вперед, создавая тень. Изображение менять размеры не должно

В ff - но не меньше, а просто тень добавляется.

Ога, не меньше, не то написал. Имел ввиду что просто появляется. >_<