Как верстать?

azarkin7 · February 12, 2012

Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт.

<script>
function A() {
client_h=document.getElementById("img").height;
client_w=document.getElementById("img").width;
//document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof;
document.getElementById("img").height=client_w*0.6;
}
</script>

Спасибо

dostel1 · February 12, 2012


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
  <style>

  </style>
</head>

<body>
<img src="2.jpeg" width=100 height=100 id="img" />
<p id="language"></p>
<input type="button" onclick="A()" value="НАЖМИ" />
<script>
//document.getElementById("img")- поиск элемента по id="img"

function A() {
	var coof=2//что такое у тебя сoof?
client_h=parseInt(document.getElementById("img").height);//получаем значение высоты картинки
client_w=parseInt(document.getElementById("img").width);//получаем значение ширины картинки

// в элементе с id="language"  выводим
document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof;

//здесь меняется вЫсота картинки
//высота картинки нашей будет уже составлять 60% от исходной ширины
document.getElementById("img").height=client_w*0.6;

}
</script>
</body>
</html>

http://htmlbook.ru/samlayout/tipovye-makety

Edited February 12, 2012 by dostel1

ablay2009 · February 12, 2012

"Верстать резиново" это не значит, что макет должен быть больше 960 пикселей. Просто задавайте все величины в процентах, а не пикселях

azarkin7 · February 12, 2012

Значения пикселях картинок или блоков?

Sign In

Как верстать?

Question

azarkin7

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

dostel1

Link to comment

Share on other sites

ablay2009

Link to comment

Share on other sites

azarkin7

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information