width height не работают

  • 21 Ответов
  • 937 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн Art UA

width height не работают
« : 10.03.2015, 07:29:22 »
 задаю размер " width="250" height="2297" для картинки без редактора но не чего не растягивается


*

Оффлайн Ilhom666

Re: width height не работают
« Ответ #1 : 10.03.2015, 07:33:03 »
px ?

*

Оффлайн Art UA

Re: width height не работают
« Ответ #2 : 10.03.2015, 07:37:24 »
да

*

Оффлайн Art UA

Re: width height не работают
« Ответ #3 : 10.03.2015, 08:33:49 »
на 2.5 проблем не было
3.4 не работает
может что то я не включил на 3.4 ?

вот такой код у меня не работает
<Img src="http://ktonanovenkogo.ru/image/finik.jpg" Width="250" Height="700">
верней в нем не работает  Width="250" Height="700"
« Последнее редактирование: 10.03.2015, 08:42:34 от Art UA »

*

Оффлайн Ilhom666

Re: width height не работают
« Ответ #4 : 10.03.2015, 09:14:00 »
ссылка есть где этот код вызывается?

*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #5 : 10.03.2015, 09:20:53 »
вот такой код у меня не работает
<Img src="http://ktonanovenkogo.ru/image/finik.jpg" Width="250" Height="700">
Приведите все к одному регистру:
Код: (html4strict) [Выделить]
<img src="http://ktonanovenkogo.ru/image/finik.jpg" width="250" height="700" />также смотрите, что у вас в стилях на img висит: возможно, что-то переопределяет размеры посредством !important

*

Оффлайн Art UA

Re: width height не работают
« Ответ #6 : 10.03.2015, 13:45:09 »
такая ерунда даже на protostar - Default

*

Оффлайн Art UA

Re: width height не работают
« Ответ #7 : 10.03.2015, 14:30:07 »
3.3.6 и 3.4 чистые так же не выводят  правильно код

*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #8 : 10.03.2015, 15:12:50 »
Возможно, ссылка на сайт (проблемную страницу) помогла бы решить проблему.

*

Оффлайн Art UA

Re: width height не работают
« Ответ #9 : 10.03.2015, 15:21:00 »
все на денвире
site.ru/media/jui/css
в bootstrap.min.css 

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0px none;
}

убрав height: auto;
стало отображать нормально вроде

такой вариант правки не на что не повлияет ?



*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #10 : 10.03.2015, 15:26:40 »
Тогда лучше так:
Код: (html4strict) [Выделить]
<img src="http://ktonanovenkogo.ru/image/finik.jpg" style="width:250px!important;height:700px!important;" />
А еще лучше так:
Код: (html4strict) [Выделить]
<img src="http://ktonanovenkogo.ru/image/finik.jpg" class="myimg" />в стилях шаблона:
Код: (css) [Выделить]
.myimg {width:250px!important;height:700px!important;}

*

Оффлайн dynamit

  • *******
  • 1745
  • [+]264 / [-]0
  • Winter Is Coming
    • Просмотр профиля
Re: width height не работают
« Ответ #11 : 10.03.2015, 19:01:04 »
max-width: 100%;
если у родителя картинки будут прописана фиксированная ширина, то width картинки учитываться не будет. точнее, не будет учитываться, если ширина блока меньше изображения.
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5

*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #12 : 10.03.2015, 19:40:37 »
max-width: 100%;
если у родителя картинки будут прописана фиксированная ширина, то width картинки учитываться не будет. точнее, не будет учитываться, если ширина блока меньше изображения.
... за исключением случаев применения !important

*

Оффлайн ShfVD

Re: width height не работают
« Ответ #13 : 10.03.2015, 23:49:22 »
AlekVolsk
Код: (html4strict) [Выделить]
<img src="http://ktonanovenkogo.ru/image/finik.jpg" style="width:250pxВстроенные стили;height:700px!important;" />У встроенного стиля самая высокая специфичность, поэтому масло масляней не бывает: !important ?, потом попробуйте его отменить! ;)
http://www.xiper.net/learn/css/inheritance-and-cascade/specificity.html

*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #14 : 11.03.2015, 00:27:42 »
important перебивает inline

*

Оффлайн ShfVD

Re: width height не работают
« Ответ #15 : 11.03.2015, 00:59:57 »
important перебивает inline
с этого места поподробнее, если не сложно

*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #16 : 11.03.2015, 01:01:35 »
если в подгружаемых стилях шаблона встретится !important, то это будет иметь приоритет перед стилями, встроенными в html-теги

*

Оффлайн ShfVD

Re: width height не работают
« Ответ #17 : 11.03.2015, 01:29:59 »
Похоже моя твоя не понимает.
Цитировать
если в подгружаемых стилях шаблона встретится !important, то это будет иметь приоритет перед стилями,
спору нет, но со
Цитировать
стилями, встроенными в html-теги
все несколько иначе (я давал ссылку), но меня волнует совсем другое
как
Цитировать
important перебивает inline
если
Код: (html4strict) [Выделить]
width:250px!important относится к свойству width,
а inline значение свойства display?


*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #18 : 11.03.2015, 01:32:12 »
здесь вы меня не совсем корректно поняли: имелось в виду инлайн-стили, т.е. стили, встроенные в html-теги
с информацией по вышеприведенной ссылке можно поспорить, изучив доки w3c или просто поставив соответствующий эксперемент

*

Оффлайн Art UA

Re: width height не работают
« Ответ #19 : 11.03.2015, 02:45:26 »
Тогда лучше так:
Код: (html4strict) [Выделить]
<img src="http://ktonanovenkogo.ru/image/finik.jpg" style="width:250px!important;height:700px!important;" />
А еще лучше так:
Код: (html4strict) [Выделить]
<img src="http://ktonanovenkogo.ru/image/finik.jpg" class="myimg" />в стилях шаблона:
Код: (css) [Выделить]
.myimg {width:250px!important;height:700px!important;}

довольно громоздкий способ
особенно если вставить чей то баннер





*

Оффлайн AlekVolsk

Re: width height не работают
« Ответ #20 : 11.03.2015, 09:22:34 »
Для "чьего-то баннера" (т.е. когда имеет место быть единичный случай) 1 способ  более приемлем

*

Оффлайн dynamit

  • *******
  • 1745
  • [+]264 / [-]0
  • Winter Is Coming
    • Просмотр профиля
Re: width height не работают
« Ответ #21 : 11.03.2015, 11:51:32 »
при чем тут импортант?? два разных правила. хоть пять ипортант поставь больше max-width не будет ширина
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5