I can´t get the animated search icon and the Cross.png to be placed on the right side of the searchfield. What is wrong ??
The CSS looks like this:
#search {
float: left;
width: 220px;
padding-right: 0px;
padding-left: 68px;
padding-top: 60px;
}
#ajaxSearch_form {
color: #444;
width: auto;
}
#ajaxSearch_input {
width: 100px;
display: inline;
height: 17px;
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background: #fff url(images/input-bg.gif) repeat-x top left;
margin: 0 3px 0 0;
padding: 3px 0 0;
vertical-align: top;
}
#ajaxSearch_submit {
display: inline;
height: 22px;
line-height: 22px;
}
#ajaxSearch_output {
border: 1px solid #444;
padding: 10px;
background: #fff;
display: block;
height: auto;
vertical-align: top;
position: absolute;
z-index: 500;
width: 185px;
}
.ajaxSearch_paging {
}
.AS_ajax_result {
color: #444;
margin-bottom: 3px;
}
.AS_ajax_resultLink {
text-decoration: underline;
}
.AS_ajax_resultDescription{
color: #555;
}
.AS_ajax_more {
color: #555;
}
and heres a link.
http://www.falckformco.dk/index.php?id=32
THe most embarresing part is that i got it to work when i made this
http://www.expo08.dk/ - but i dont know what i have done different this time ...
Best regards , MIke