...

View Full Version : placing text/image on sidebar



leafer24
03-11-2009, 02:20 PM
How would you place text/images on top of a sidebar for example..as opposed to beside it?

abduraooft
03-11-2009, 02:31 PM
Could yo elaborate more with some code/link?

leafer24
03-11-2009, 03:04 PM
http://www.canadianpoliticsrpg.com/
Site is still under construction.

Well, you see the banner at the top? right under the banner is a small design..that is where the menu (about us, rules, etc) is supposed to be on top of.

So I don't know how do you get that on top of the design? (as opposed to under it or beside it)

Later, I want to also ad a sidebar.

abduraooft
03-11-2009, 03:32 PM
See, you are trying to use that image for the styling purpose(to be placed as a background). So, there is no reason to put it as an image element in the html markup.

Just remove that img tag and add a style to that div like

div#nav{
background:url(content.gif);
}

<div id="nav">
<a href="http://www.canadianpoliticsrpg.com">Home</a>
<img alt="" class="splitter" src="splitter.gif"/>
<a href="http://www.canadianpoliticsrpg.com/aboutus.html">About Us</a>
<img alt="" class="splitter" src="splitter.gif"/>
<a href="http://www.canadianpoliticsrpg.com/rules.html">Rules</a>
<img alt="" class="splitter" src="splitter.gif"/>
<a href="http://www.canadianpoliticsrpg.com/system.html">System</a>
<img alt="" class="splitter" src="splitter.gif"/>
<a href="http://www.canadianpoliticsrpg.com/join.html">Join</a>
</div>

leafer24
03-11-2009, 03:55 PM
ah, that makes sense. but can't get it to work. Do you kleep this:

div#nav{
background:url(content.gif);
}

exactly like that? (except just type the url in?)

abduraooft
03-11-2009, 04:06 PM
See http://www.w3schools.com/css/css_background.asp
Your style.css file is not yet uploaded in to server.

leafer24
03-11-2009, 05:41 PM
ah, thanks..i'm such a dummie. How does this look to you?
http://www.canadianpoliticsrpg.com/

The only thing I don't like is the footer (not working properly)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum