Malcolm Beck´s: div-Element positionieren

Beitrag lesen

hi,

bitte duzen, ich duze auch ;)

Mir wäre es lieb, wenn Sie mir eine Beispiellösung zeigen könnten. Denn mit CSS habe ich es noch nicht so ganz !

An sich hat globe ja die richtigen Hinweise gegeben, da ich jetzt aber das Bsp. Fertig habe, poste ich es einfach mal; globes Posting solltest du aber Definitiv  schritt für schritt durchgehen, dann kannst du so Triviale sachen auch selber in Null,Nix fertig stellen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head><title>...</title><meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<style type="text/css">  
[code lang=css]h1 {  
  font-size:1.2em;  
  color:#F90;  
  border-bottom:1px solid  
}  
#select-wrapper {  
  width:600px;  
  height:399px;  
  position:relative;  
  border:1px solid #000;  
  background:#F90 url(gitarre.jpg) no-repeat  
}  
.select-boxes {  
  width:75px;  
  position:absolute  
}  
#select-box-1 {  
  top:55px;  
  left:60px  
}  
#select-box-2 {  
  top:140px;  
  left:60px  
}  
#select-box-3 {  
  top:285px;  
  left:60px  
}  
#select-wrapper p {  
  text-align:center;  
  position:absolute;  
  bottom:5px;  
  left:0;  
  width:100%  
}  
#select-wrapper p input {  
  cursor:pointer  
}

</style>
</head>
<body>

<h1>7. Beschriften Sie die Gitarre vollständig !</h1>

<div id="select-wrapper">

<select id="select-box-1" class="select-boxes" name="Gitarre4" size="1">
<option></option>
<option value="Korpus">Korpus</option>
<option value="Kopf">Kopf</option>
<option value="Hals">Hals</option>
</select>

<select id="select-box-2" class="select-boxes" name="Gitarre5" size="1">
<option></option>
<option value="Nacken">Nacken</option>
<option value="Hals">Hals</option>
<option value="Rücken">Rücken</option>
</select>

<select id="select-box-3" class="select-boxes" name="Gitarre6" size="1">
<option></option>
<option value="Bauch">Bauch</option>
<option value="Korpus">Korpus</option>
<option value="Fuß">Fuß</option>
</select>

<p>
<input type="button" onclick="abfrage()" name="Prüfen" value="Prüfen">
<input type="reset" name="Alle Eingaben löschen" value="Alle Eingaben löschen">
</p>

</div>

</body>
</html>
[/code]

mfg

--
echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
array(2) {
  ["SELFCODE"]=>
  string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
  ["Meaningful"]=>
  string(?) "Der Sinn des Lebens ist deinem Leben einen Sinn zu geben"
}