HTML：我如何讓身體留在同一個地方

我在網站上玩耍，我很難讓我的文本區域留在一個地方。HTML：我如何讓身體留在同一個地方

我有背景設置爲覆蓋，但現在我只需要登錄名和密碼按鈕留在一個位置，無論您是否調整大小。

http://refractify.webuda.com/index.php

HTML代碼在這裏

<!doctype html> 
<html> 

<link rel="icon" 
     type="image/ico" 
     href="favicon.ico"> 
<head> 
<meta charset="utf-8"> 
<title>MewSeek | &lt;3</title> 
<style type="text/css"> 
body { 
     background-size: cover; 
    background-color: #0c0c0c; 
    background-image: url(images/MewSeek.png); 
    background-repeat: no-repeat; 

} 


textarea { 

      resize: none; 
      text-align: center; 
      font-color: #0F9; 
      font-size:26px; 
      color: #0F9; 
      background-color: transparent; 
      position: relative; 
      height: 35px; 
width:343px!important; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
} 
</style> 
<script type="text/javascript"> 
function MM_swapImgRestore() { //v3.0 
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
} 
function MM_preloadImages() { //v3.0 
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 

function MM_findObj(n, d) { //v4.01 
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
    if(!x && d.getElementById) x=d.getElementById(n); return x; 
} 

function MM_swapImage() { //v3.0 
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 
} 
</script> 
</head> 
<div id="wrapper"> 
<body onLoad="MM_preloadImages('images/button2.png')"> 
<table width="1879" height="666" border="0" align="center"> 
    <tr> 
    <td width="819" height="396">&nbsp;</td> 
    <td width="257">&nbsp;</td> 
    <td width="789">&nbsp;</td> 
    </tr> 
    <tr> 
    <td height="36">&nbsp;</td> 
    <div> 
    <td> 
     <p> 
     <textarea maxlength="9" placeholder="Username"></textarea> 
     </p> 
     </div> 
     <p> 
     <div> 
     <textarea maxlength="9" placeholder="Password"></textarea> 
     </div>  
     </p></td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td height="21">&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td height="38">&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td height="108">&nbsp;</td> 
    <td><a href="http://google.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Login','','images/button2.png',1)"><img src="images/button1.png" alt="" width="380" height="70" id="Login"></a></td> 
    <td>&nbsp;</td> 
    </tr> 
</table> 
</body> 
</div> 
</html>

來源

2013-10-04 user2844931

你最好只是將背景上的灰色圖像做成背景（順便說一句，取一小片，重複一遍，所以它不是一個巨大的圖像），然後放置一個div容器與黑色區域（幷包含文本輸入）並將其放置在頁面中間。將黑色區域與屬於它的輸入斷開連接是一個不好的方法。 –

我怎麼能夠製作一個表格並在表格中輸入textareas，因爲圖片會比文本框大 – user2844931

幾點：

（1）爲什麼這樣一個簡單的佈局使用表。（2）自動啓動聲音是一個可怕的想法。如果我在沒有耳機的情況下工作，該怎麼辦？不好。

重新提出您的問題。如果您正在討論將用戶名/密碼保留在相同的相對位置，那麼使用浮點數可以很好地運行（1）。（2）如果你正在談論保持他們完全在同一個位置，那麼絕對值也會起作用。將所有內容都放在中心位置，並保持與重新調整大小時的位置相同。不過，我認爲絕對定位並不是一條路。花車可能是更好的解決方案。

來源

2013-10-04 02:42:42 Mayo

對於第一部分，我在代碼中弄亂了我是否可以通過下載來播放音樂鏈接，在我脫下標籤之前上牀睡覺，第二次，當我回家時我會試試這個。 – user2844931

您是否習慣使用浮動創建響應式設計？ – Mayo

HTML：我如何讓身體留在同一個地方

回答

相關問題