Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    placing text/image on sidebar

    How would you place text/images on top of a sidebar for example..as opposed to beside it?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Could yo elaborate more with some code/link?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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
    Code:
    div#nav{
    background:url(content.gif);
    }
    Code:
    <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>
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?)

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    See http://www.w3schools.com/css/css_background.asp
    Your style.css file is not yet uploaded in to server.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •