Форумы портала PHP.SU :: Версия для печати

1. Diegos - 19 Января, 2013 - 22:17:37 - перейти к сообщению

Как сделать так чтоб изображение в коде стояло после кнопок сверху так как вконтакте?

2. Саныч - 19 Января, 2013 - 22:21:41 - перейти к сообщению

см. про свойства display, position и z-index

3. Diegos - 20 Января, 2013 - 10:37:45 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

<!DOCTYPE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SendFriend</title>
<img src="C:\Users\DieGos\Desktop\HTML\qwerty.jpg">
<br>
<input type="submit" value="Вийти" /onclick=location.href="file:///C:/Users/DieGos/Desktop/123/vxid.html" align="right">
<hr width="1" size="1000" style="position:absolute; right:990 ; top:0" hspace="990" vspace="-20">
<br>
<h1 id="title"><b  class="fl_r"><b class="mob_onl profile_mob_onl unshown"  onmouseover="mobileOnlineTip(this, {mid:10 cur.oid, right:10})" onclick="mobilePromo(); "></b></b>Ярослав Шевчук</h1>
<p><img src="C:\Users\DieGos\Desktop\HTML\aeu6-im-9H4.jpg" width="200" height="273" hspace="262">
</p>
 
<br>
<table>
        <td><div><img src="butt1_1.png" onmouseover="this.src='but2_2.png';" onmouseout="this.src='butt1_1.png';" /onclick="file:///C:/Users/DieGos/Desktop/HTML/index.html" vspace="10"></div>
<br>
<div><img src="butt11.png" onmouseover="this.src='butt22.png';" onmouseout="this.src='butt11.png';" /></div>
<br>
<div><img src="butt111.png" onmouseover="this.src='butt222.png';" onmouseout="this.src='butt111.png';" /></div>
<br>
<div><img src="butt22_2.png" onmouseover="this.src='butt11_1.png';" onmouseout="this.src='butt22_2.png';" /></div>
<br>
<div><img src="butt10.png" onmouseover="this.src='butt20.png';" onmouseout="this.src='butt10.png';" /></div>
<br>
<div><img src="butt100.png" onmouseover="this.src='butt200.png';" onmouseout="this.src='butt100.png';" /></div>
<br>
<td><div><img src="buttnews1.png" onmouseover="this.src='buttnews2.png';" onmouseout="this.src='buttnews1.png';" /></div></td>
</table>
<br>
  <style>
   .layer1 {
    position: relative; /* Относительное позиционирование */
    background: #f0f0f0; /* Цвет фона */
    height: 200px; /* Высота блока */
   }
   .layer2 {
    position: absolute; /* Абсолютное позиционирование */
    bottom: 15px; /* Положение от нижнего края */
    right: 15px; /* Положение от правого края */
    line-height: 1px;
   }
  </style>
<img src="buttgame1.png" onmouseover="this.src='buttgame2.png';" onmouseout="this.src='buttgame1.png';" /><h1 id="title">Online<b class="mob_onl profile_mob_onl unshown" id="profile_mobile_online" onmouseover="mobileOnlineTip(this, {mid: cur.oid, right: 1})" onclick="mobilePromo(); "></b></b>Ярослав Шевчук</h1>

(Добавление)
Вот что нетак??