img position

PraY · September 14, 2010

я нуб в этом,только решил в конце концов разбираться с ксс,что нужно:

надо что б эта картинка стояла в данном месте и при заполнении контента в блоке главном двигалась с ним,тобишь оставалсь всегда на месте,кому не лень предоставьте возможные варианты впиха этой картинки поверх всех слов)

из этого:

в вот это:

sigma77 · September 15, 2010

PraY,

Засунь эльфийку в отдельный блок и назначь ему position:fixed, если нужна поддержка ИЕ6, то поищи решение под него.

Great Rash · September 15, 2010

Зачем position: fixed?

Можно просто на фон положить ее и отступ сделать. Делов то...

P.S. Warning - Lineage убивает ваш моск

PraY · September 15, 2010

как на фон наложить? у меня она уходить под таблицы. надо что б она поверх них была

Searcher · September 15, 2010

Покажите код, а лучше ссылку

PraY · September 15, 2010

index.html

<!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" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Fuckin Server</title>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
	<td><img src="images/1ADesign_01.jpg" width="1240" height="230" /></td>
  </tr>
  <tr>
	<td><table border="0" cellpadding="0" cellspacing="0">
	  <tr>
		<td valign="top"><table border="0" cellpadding="0" cellspacing="0">
		  <tr>
			<td><img src="images/1ADesign_02.jpg" width="245" height="219" /></td>
		  </tr>
		  <tr>
			<td background="images/1ADesign_14.jpg" width="245" height="558"></td>
		  </tr>
		</table></td>
		<td><table border="0" cellpadding="0" cellspacing="0">
		  <tr>
			<td background="images/1ADesign_03.jpg" width="995" height="18"></td>
		  </tr>
		  <tr>
			<td><table border="0" cellpadding="0" cellspacing="0">
			  <tr>
				<td background="images/1ADesign_04.jpg" width="238" height="19"></td>
				<td background="images/1ADesign_05.jpg" width="343" height="19"></td>
				<td background="images/1ADesign_06.jpg" width="414" height="19"></td>
			  </tr>
			</table></td>
		  </tr>
		  <tr>
			<td><table border="0" cellpadding="0" cellspacing="0">
			  <tr>
				<td valign="top"><table border="0" cellpadding="0" cellspacing="0">
				  <tr>
					<td background="images/1ADesign_07.jpg" width="206" height="52"></td>
				  </tr>
				  <tr>
					<td background="images/1ADesign_13.jpg" width="206" height="130" valign="top" align="center"></td>
				  </tr>
				  <tr>
					<td background="images/1ADesign_15.jpg" width="206" height="51"></td>
				  </tr>
				  <tr>
					<td background="images/1ADesign_16.jpg" width="206" height="507" valign="top" align="center"></td>
				  </tr>
				</table></td>
				<td><table border="0" cellpadding="0" cellspacing="0">
				  <tr>
					<td><table border="0" cellpadding="0" cellspacing="0">
					  <tr>
						<td background="images/1ADesign_08.jpg" width="32" height="8"></td>
						<td background="images/1ADesign_09.jpg" width="757" height="8"></td>
					  </tr>
					</table></td>
				  </tr>
				  <tr>
					<td valign="top"><table border="0" cellpadding="0" cellspacing="0">
					  <tr>
						<td background="images/1ADesign_17.jpg" width="9"><table border="0" cellpadding="0" cellspacing="0">
						  <tr>
							<td style="background:url('images/1ADesign_10.jpg') no-repeat" width="9" height="654" valign="top"></td></tr></table></td>
						<td background="images/1ADesign_18.jpg" width="610"><table border="0" cellpadding="0" cellspacing="0">
						  <tr>
							<td style="background:url('images/1ADesign_11.jpg') no-repeat" width="610" height="654" valign="top"></td>
						  </tr>
						</table></td>
						<td background="images/1ADesign_19.jpg" width="170" height="78"><table border="0" cellpadding="0" cellspacing="0">
						  <tr>
							<td style="background:url('images/1ADesign_12.jpg') no-repeat" width="170" height="654" valign="top"></td></tr></table></td>
					  </tr>
					</table></td>
				  </tr>
				  <tr>
					<td><table border="0" cellpadding="0" cellspacing="0">
					  <tr>
						<td background="images/1ADesign_17.jpg" width="9" height="78"></td>
						<td background="images/1ADesign_18.jpg" width="610" height="78"></td>
						<td background="images/1ADesign_19.jpg" width="170" height="78"></td>
					  </tr>
					</table></td>
				  </tr>
				</table></td>
			  </tr>
			</table></td>
		  </tr>
		</table></td>
	  </tr>
	</table></td>
  </tr>
</table>
</body>
</html>

style.css

body {background-color: #000; background-image: url('images/topimg.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: 20cm 20cm; position: fixed;}

только начал верстать,таблицами,захотел в самом начале решить эту проблему.

Searcher · September 15, 2010

Ух, тибидох! Таблица то какая... На дивах гораздо меньше было бы кода...

Не понял, а эта милая леди у вас в фоне для body? Если так, то подумайте логически, фон родительского элемента должен быть над дочерним?

Разместите просто img после таблицы задайте ей position:absolute и укажите нужные координаты. А, вообще, тут все переверстать бы с нуля на блоках.

Sign In

img position

Question

PraY

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

PraY

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

PraY

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information