Hi all, This is what I want my top menu to look like: http://www.bipolarnation.com/prototype.htm At this point, it's just a picture. In the blue space on the right, however, I want to insert menu buttons. Is there a way to do this? Do I have to put the image in the background?
I would create a div with the links in it and simply position it - though I'm not sure that'd be the best way to approach this.
Do I have to put the image in the background? Yes! I tried a simple mock up of the page you posted here: http://www.dkinweb.com/help_me/test2.htm I've only tested it in Safari and Firefox (on the mac) so I'm not sure how this will look in IE but you will get the picture of what you can do. Hope this helps you - Just play around with the code.
Oh, just one thing: I'd like to get rid of the white spaces in the upper right part of the blue menu. How do I achieve that? EDIT: Also, can I make the picture run along the whole page so that the whole right part will have its own blue column? Should I do this making the picture bigger and run downward?
If you remove the border from around the pagebase div tag that would remove that white space above the blue section. If you would like to keep the border then I would think you might have to redo to image. You dont have to make a large image for there to be a blue column run down the page. In your case something like a 940x3 pixel image blue at the right end and white for the rest and then place it a repeated background for the pagebase div. This is not the only way to do this BTW it all depends what you want to do with the site. I would first off decide weather you want a site made for 800x600 or 1024x768 (or bigger screens). At the moment you have a top image that is 940px, so those with 800 screens have to horizontal right scroll the screen to see the whole of the site (not much fun).
Yeah, I'd want to make it for the bigger screens. The problem with what you suggest is that I don't know how to do all of the background stuff. Minimal knowledge of HTML.
Try and get hold of a book by Eric Meyers, or read his stuff on the web at http://www.ericmeyeroncss.com/ and also try a site called http://alistapart.com/ those should help you understand a little bit more about css and the use of background images. Any hooo back to the page. I get what you are after but just be careful about placing the links on the right of the page (at least I think that is where you are going to put them) as those with smaller screens will not see them and most likely move on (I think there is a thread about that in this section), making a page to fit those smaller screens you could put the link where you want. I have changed the page to include 3 cols and a footer so you can get a feels as to what it might look like and all we have used is one image for the page. The blue col is just at a width to match the top image and a background color of blue (make it the same color as the image and it will look like one page long column). New page: http://www.dkinweb.com/help_me/test2.htm
Yeah, that right column looks how I pictured it. My questions: -If I change the picture in the background slightly, would it still be usable? -Can I get the links that were on the upper-left hand side to come back? I liked having those there. -If I don't place my google ads on the left and make a menu, should I put my google ads on the right? Could you also make the blue come down on the left, then, to make the menu? Thanks so much.
Yeah, that right column looks how I pictured it. My questions: -If I change the picture in the background slightly, would it still be usable? Yes -Can I get the links that were on the upper-left hand side to come back? I liked having those there. Yes -If I don't place my google ads on the left and make a menu, should I put my google ads on the right? Could you also make the blue come down on the left, then, to make the menu? Yes I will PM you a reply, saves on the bandwidth for this site.