Donnie Walker
asked on
How do I place a banner on the right side of this page?
I am trying to put a banner on the right side in the brown area above the search box on this page:
http://amycaseycooks.com/cookbooks/
However, nothing I try works. Any help is appreciated.
http://amycaseycooks.com/cookbooks/
However, nothing I try works. Any help is appreciated.
ASKER
Want that push the title of the page to the right as well?
Given code push the "Cookbook" image to the right.
Please pointing me out the exact Title or location where you want changes.
Please pointing me out the exact Title or location where you want changes.
ASKER
see attached image
banner.png
banner.png
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
that does not work. It puts it below the title of the page.
I need to have them side by side.
If I do this:
#page-top h1.category-title {
color: #FFFFFF;
float: left;
width: 500px;
font-size: 48px;
font-style: normal;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
text-transform: uppercase;
}
.book {
float: right;
margin-top: -50px;
width: 400px;
height: 140px;
}
I can get them side by side but when I place my banner inside the .book element it destroys my page.
I need to have them side by side.
If I do this:
#page-top h1.category-title {
color: #FFFFFF;
float: left;
width: 500px;
font-size: 48px;
font-style: normal;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
text-transform: uppercase;
}
.book {
float: right;
margin-top: -50px;
width: 400px;
height: 140px;
}
I can get them side by side but when I place my banner inside the .book element it destroys my page.
ASKER
I had a typo on my image that messed up the html. Thanks for putting me on the right track.
Add float: right; property in it
Open in new window
Hope this will help you