[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Цикл for, дублируем div'ы
Jekel
Надо чтобы все дивы заполнили выше показаную таблицу которая расположена по центру экрана. Помогите пожалуйста((( они походу все там есть но она в углу все
Как их относительно таблицы позиционировать? Они сейчас вроде относительно 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

Спустя 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>



и так:

user posted image

Спустя 13 минут, 18 секунд (20.03.2010 - 17:00) Jekel написал(а):
тьфу епт)))) rolleyes.gif все, дошло... Спасибо вам огромное!

Спустя 8 минут, 16 секунд (20.03.2010 - 17:08) qpayct написал(а):
теперь ещё можно дописать в класс стиля таблицы вот так overflow:auto;
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.