無法使圖像內嵌

我需要將我的徽標和文本框放在一行中。徽標必須位於左側，而文字框位於中間位置。無法使圖像內嵌

我的CSS是：

@charset "utf-8"; 

body { 
background: url("../paveikslai/fonas.jpg") no-repeat top center; 
margin: 0; 
} 

.linija { 
background:url("../paveikslai/v_linija.png") repeat-x; 
height: 150px; 
padding: 10px; 
margin: 0; 
} 

.logotipas { 
float: left; 
display: inline; 
margin: 0 15px; 
} 

.deze_tekstui { 
margin: 0 50%; 
}

和HTML是：

<!doctype html> 
<html> 
<head> 
<link rel='stylesheet' type='text/css' href='/stilius/stilius.css'> 
<meta charset='utf-8'> 
<link rel="icon" type="image/png" href="../paveikslai/favicon.ico"> 
<title>Minduvos Statyba</title> 
</head> 
<body> 
<div class="linija"> 
<div class="deze_tekstui"> 
<img src="../paveikslai/deze_tekstui.png"> 
</div> 
<div class="logotipas"> 
<a href="../"><img src='../paveikslai/minduva.png' height='120px' width='234px' alt="Minduvos Statyba"></a> 
</div> 
</div> 

</body> 
</html>

來源

2014-02-13 user3306601

如果你想標識出現在固定的位置（左上），你不能將其設置爲inline。

.logotipas { 
    margin: 15px; 
    position: absolute; 
    top: 0; 
}

我推薦Firefox與Firebug，它使飛行實驗非常容易。

來源

2014-02-13 15:20:21

好吧，現在如何添加文本到「deze_tekstui」 – user3306601

同樣的方法。創建一個與您的佔位符圖像具有相同尺寸和位置的文本div。您可能需要設置滾動。該淺灰色框已正確放置在我的Firefox中的標題中。 –

您可以使用文字框的徽標和邊距自動的絕對位置，但您必須定義其工作寬度。

body { 
background: url("../paveikslai/fonas.jpg") no-repeat top center; 
margin: 0; 
position: relative; 
} 

.linija { 
background:url("../paveikslai/v_linija.png") repeat-x; 
height: 150px; 
padding: 10px; 
margin: 0; 
} 

.logotipas { 
display:block; 
margin: 0 15px; 
position: absolute; 
top: 10px; 
left: 10px; 
} 

.deze_tekstui { 
margin: 0 auto; 
width: 500px; 
}

來源

2014-02-13 15:25:49

無法使圖像內嵌

回答

相關問題