Как их относительно таблицы позиционировать? Они сейчас вроде относительно body позиционируются
<?php
for ($x=0; $x<=11; $x++){
for ($y=0; $y<=11; $y++){
$mapelements.="<div style='position: absolute; left:".($x*50)."; top:".($y*50)."; width:50px; height:50px; background-color:#CCCCCC' id='x".$x."y".$y."'></div>";
}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" type="text/javascript" src="code.js"></script>
</head>
<body>
<table width="550" height="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" bgcolor="#FFFFCC"><?php echo $mapelements;?></td>
</tr>
</table>
</body>
</html>
Спустя 2 минуты, 47 секунд (20.03.2010 - 16:31) Игорь_Vasinsky написал(а):
тебе нужно использывать токгда не
position:absolute
а вот:
position:relative
position:absolute
а вот:
position:relative
Спустя 2 минуты, 22 секунды (20.03.2010 - 16:34) qpayct написал(а):
ну вопервых position:absolute смени на position:relative; и каждому диву пропиши float:left; это для начала и в стилях класса пропиши взаимозависимость. тоесть все эти дивы в нутри одного дива в котором тоже какие то правила. допустим float:left; и т.п.
Спустя 12 минут, 44 секунды (20.03.2010 - 16:46) Jekel написал(а):
сейчас так:
и так:
<?php
for ($x=0; $x<=11; $x++){
for ($y=0; $y<=11; $y++){
$mapelements.="<div style='float:left; position:relative; left:".($x*50)."; top:".($y*50)."; width:50px; height:50px; background-color:#CCCCCC' id='x".$x."y".$y."'></div>";
}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" type="text/javascript" src="code.js"></script>
</head>
<body>
<table width="550" height="550" border="1" align="center" cellpadding="1" cellspacing="1">
<tr>
<td align="left" valign="top" bgcolor="#FFFFCC"><div style='float:left; position:relative; left:0; top:0; width:550px; height:550px;'><?php echo $mapelements;?></div></td>
</tr>
</table>
</body>
</html>
и так:
Спустя 13 минут, 18 секунд (20.03.2010 - 17:00) Jekel написал(а):
тьфу епт)))) все, дошло... Спасибо вам огромное!
Спустя 8 минут, 16 секунд (20.03.2010 - 17:08) qpayct написал(а):
теперь ещё можно дописать в класс стиля таблицы вот так overflow:auto;