Text in Div genau setzen

[Dkl764]

Hallo Community (jaja ich schonwieder -.-),

habe folgendes Problem:

Habe ein Div (Class: "search") mit einer Textbox (Class: "searchbox"). Diese Textbox enthält ein Hintergrund. Jedoch ist dabei sozusagen die Textbox nicht genau passend über dem Hintergrund (siehe Anhang, Bild).

Wie kann ich das genau darüber setzen?

.search {
	position:relative;
	top:12px;
	left:250px;
	text-align:50;
}

.searchbox {
	height:29px;
	width:207px;
	background: url(../images/search.jpg);
	border: 0;
	color: #fff;
}

	<div class="search">
		<form action="?file=/search/search.php" action="POST">

                           <input name="search" type="text" class="searchbox" value="Suche"   onfocus="if(this.value=='Suche') this.value='';" onblur="if(this.value=='') this.value='Suche';" />

                           </form>
	</div>

Vielen Dank im Vorraus!

- Duellking -

 

[Sven Mintel]

Hintergrundgrafiken kann man im Elternelement per background-position ausrichten.

 

[Dkl764]

Das ist mir klar, nur kann man das auch umkehrt machen - also statt die Hintergrundgrafik den Text darin positionieren?

 

[Sven Mintel]

Eine Hintergrundgrafik hat keinen Text, welchen man darüber positionieren kann....

 

[Dkl764]

Ich meine den Text (bzw hier das Textfeld ...) in dem Div-Container zu postionieren?

 

[Sven Mintel]

Du kannst bspw. das Textfeld relative positionieren und dann über dessen left/top- Wert von der derzeitigen Position aus versetzen.