Rätt ny på CSS men att floata den i ett större element innebär det att jag lägger till en relative CSS-box på en plats på sidan och sedan absolutar sökfunktionen i den boxen?
Eller kan det vara så enkelt att positionen heter Float?
EDIT:
Tack för hjälpen med float Daniel! Fick till det!
Du räddade min dag!
EDIT igen:
Verkade inte fungera iaf i slutändan :/ ...
Blir så här:
http://tidzon.se/Screen%20shot%2...44.41%20PM.png
Använder mig av dessa kodsnuttar:
index.php
Citat:
<style>
div#container {
float: center;
width : 1000px;
border : 0px dotted #ccc;
margin : 0 auto;
padding : 5px;
text-align : center;
}
</style>
|
Citat:
<div id="container">
<?php include('sok.php'); ?>
</div>
|
sok.php
Citat:
<style type="text/css">
h3 {
margin: 0px;
padding: 0px;
}
.suggestionsBox {
position: relative;
margin: 10px 0px 0px 0px;
width: 250px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
z-index: 0;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}
.suggestionList li:hover {
background-color: #659CD8;
}
</style>
|
Citat:
<div>
<form>
<div>
<b>Sök:</b> <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="img/up.png" style="position: absolute; top: -12px; left: 100px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</form>
</div>
|
Ska försöka klura ut det själv men det uppskattas om någon tar sig tid för att hjälpa mig klura ut detta.
Edit3: Om jag istället för relative använder mig av absolute hamnar resultat-listan långt borta från sökrutan:
www.tidzon.se/Screen%20shot%202010-11-10%20at%205.51.07%20PM.png