Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.07.2012, 12:49
Аспирант
Отправить личное сообщение для faraday Посмотреть профиль Найти все сообщения от faraday
 
Регистрация: 10.03.2012
Сообщений: 50

отмасштабировать div
Здравствуйте, есть div с разными элементами внутри.. задача стоит в изменении его масштаба, но при попытке задат ь через свойство width все элементы внутри плывут и остаются прежнего размера. можно как то сделать чтобы всё масштабировалсь сразу?
Ответить с цитированием
  #2 (permalink)  
Старый 12.07.2012, 13:44
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от faraday
width все элементы внутри плывут и остаются прежнего размера. можно как то сделать чтобы всё масштабировалсь сразу?
задавать им размеры в относительных единицах сразу- если возможно
если нет проходить по всем и масштабировать их.
А вообще -читать про CSS -что наследуется и что как себя ведёт
javascript не замена css . javascript обладает средствами для взаимодействия с css. поэтому не учить css -не выйдет

Последний раз редактировалось dmitriymar, 12.07.2012 в 13:46.
Ответить с цитированием
  #3 (permalink)  
Старый 13.07.2012, 12:57
Аспирант
Отправить личное сообщение для faraday Посмотреть профиль Найти все сообщения от faraday
 
Регистрация: 10.03.2012
Сообщений: 50

в диве находятся только картинки, но при уменьшении размера блока они не масштабируются, а пропадают
Ответить с цитированием
  #4 (permalink)  
Старый 13.07.2012, 14:04
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

faraday,
Цитата:
<img src="http://javascript.ru/forum/images/smilies/smile.gif" width="40%" height="auto"/>
Ответить с цитированием
  #5 (permalink)  
Старый 13.07.2012, 14:09
Профессор
Отправить личное сообщение для Severtain Посмотреть профиль Найти все сообщения от Severtain
 
Регистрация: 25.04.2011
Сообщений: 280

faraday,
Скорее всего изменяются их координаты, или вы чтото не правильно делаете! Попробуйте как в пред. варианте или
http://www.html.by/archive/index.php/t-16688.html?
Ответить с цитированием
  #6 (permalink)  
Старый 14.07.2012, 12:58
Аспирант
Отправить личное сообщение для faraday Посмотреть профиль Найти все сообщения от faraday
 
Регистрация: 10.03.2012
Сообщений: 50

Спасибо, попробовал менять масштаб блока через масшта кратинок, но отступы между ними почему-то не изменяются, в чем может быть проблема?
http://visdiv.ru/tizer/
Ответить с цитированием
  #7 (permalink)  
Старый 14.07.2012, 13:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от faraday
но отступы между ними почему-то не изменяются, в чем может быть проблема?
Добавьте класс
Цитата:
<img class="MyImg" src="http://javascript.ru/forum/images/smilies/smile.gif" width="40%" height="auto"/>
Пропишите css
Цитата:
<style>
img.Myimg{
margin:0 -23px; /*Отступ слево-справо*/
}
</style>
Ответить с цитированием
  #8 (permalink)  
Старый 15.07.2012, 12:24
Аспирант
Отправить личное сообщение для faraday Посмотреть профиль Найти все сообщения от faraday
 
Регистрация: 10.03.2012
Сообщений: 50

все равно масштабирует не верно(
<style>
.item{
float:left;
}
.item img{
width:40%;
height:auto;
}
#main{
padding:30px;
background:green;
}
</style>
<div id ='main'>
<div class="item"><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" /></div>
<div class="item"><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" /></div>
<div class="item"><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" /></div>
<div class="item"><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" /></div>
<div class="item"><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" /></div>
</div>
Ответить с цитированием
  #9 (permalink)  
Старый 15.07.2012, 14:07
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<body style="padding-top:45px;">

<style>
td img{
width:50%;
height:auto;
border:4px #fff solid!important;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    -ms-box-shadow:0px 5px 18px #000;
}
#main{
 width:100%;
}
#main td{
 width:20%;
 padding:30px;
}
.Wrap{
 background:green;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
}
</style>
<div class=Wrap>
<table id=main border="0">
 <tr align=center valign=center>
   <td><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" />
   </td>
   <td><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" />
   </td>
   <td><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" />
   </td>
   <td><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" />
   </td>
   <td><img src="http://visdiv.ru/tizer/tizer.jpg" alt="превью" />
   </td>
 </tr>
</table>
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При прокрутке страницы div залазит на футер. Как поправить? DonaldDrug jQuery 8 27.03.2012 02:15
проблема с div И animate g00000dman jQuery 2 24.03.2011 23:34
Закрытие прозрачного div при щелчке мыши в любой его области mav1 Элементы интерфейса 8 09.02.2011 19:25
Проблема с load в div и импортом стороннего кода с помощью javascript 1quick1 Events/DOM/Window 9 04.02.2011 13:16
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23