logo   Relativ placeret form




Avanceret søg

En relativ form kan placeres hvorsomhelst på en side ved styring med css.


Det relative indebærer, at den er taget ud af den normale lagopbygning. Den kan derfor placeres ovenover f.eks. billeder.

<form class='soeg' action='soegning.php' method='post'>
<table>
<tr><td colspan=2><input type='text' placeholder="Vare navn" name='vare_navn' value="" /></td></tr>
<tr class='h25'><td class='vab'><input type='submit' name='enkelt_soeg' value='SØG' /></td><td class=' soeglink f10 vab'><a href='soegning.php'>Avanceret søg</a></td></tr>
</table>
</form>


<style>
.soeg{
position: relative;
top: -85px;
left: 455px;
}

.soeg input[type="text"]
{
width: 120px;
border: 1px solid #ededed;
margin-left: 20px;
}

.soeg input[type="submit"]
{
width: 35px;
border: 1px solid #ededed;
margin-left: 20px;
}
</style>
























x
x