Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
CSS Help with positioning?
I'm having trouble getting the website I'm building to look right. Here is the website:
http://projectgtr.mybigcommerce.com/
I'm trying to get the search bar (div id="SearchForm") to go higher and be in line with the bottom of the logo image, below the Order Status, View Cart, Sign in, Create an account. The div's size is 240px width and there are 292 pixels between the image and the the end of the div.
Thanks in advance
Jake,
Thanks for the attempt, but that didn't work.
top is an invalid CSS attribute
2 Answers
- 9 years ago
Change the header div to position relative
#Header {
clear: both;
min-height: 187px;
position: relative;
width: 980px;
}
Now you can absolute position anything inside the header
#SearchForm {
display: inline;
position: absolute;
right: 0;
top: 45px;
width: 240px;
z-index: 0;
}
- 9 years ago
I think ( not 100% sure, as im still learning CSS myself) you use the code in the CSS:
#SearchForm
{
top:150; <== With this number you mat have to experiment a little.
}
As i said, not 100% sure, but its worth trying :)
