1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS Can't create rollover in Counter-Strike template?

Discussion in 'Web Development' started by SkySapphire, Dec 13, 2010.

  1. SkySapphire

    SkySapphire New Member

    Hi! I'm currently trying to create a page with the Counter-Strike template (the one on page 10 of Free Website Templates), and I'm trying to replace the right-side background image with a roll-over one. However, I'm having absolutely no luck doing it, and I can't figure out why. I'm working in Dreamweaver CS5, and whenever I attempt to insert a rollover image, it sits at the top left corner of the site, or hides behind the main body container, and refuses to move. I can replace the image in the bodywrapper with another regular image, but I just can't replace it with a rollover image.

    I apologize if this doesn't make much sense; I'm new to Dreamweaver/HTML/CSS. I've already taken it to my school's Dreamweaver person, and they're not sure either, so I would love some help. Thank you!
     
    SkySapphire, Dec 13, 2010
    #1
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    That was a pretty good explanation SkySapphire, now all you need to do is post up the code you are working with so people can see what you are attempting.

    Use the "Go Advance" button when you post instead of the Quick Post, so you can use the CODE buttons to encase your code.
     
    ishkey, Dec 13, 2010
    #2
  3. SkySapphire

    SkySapphire New Member

    The CSS piece I'm trying to modify is here:

    Code:
    #body_wrapper {
	margin: 35px 10px;
	width: 982px;
	background: url('images/rightcol_img.gif') no-repeat 100% 68px;
	font-size: 0.71em;
    Rightcol_img.gif is not the picture I want; it's just a place holder for my rollover one at the moment. In the Source Code, the only reference to body_wrapper is

    Code:
    </head>

<p>&nbsp;</p>
<div id="body_wrapper">

<!-- Start of Body Container -->

		<div id="body_container">
    Which basically, as far as I can tell, just tells me that it exists within the header and body container, and not much else. Using Dreamweaver's Insert Rollover Image right after the div id inserts the image, but it sits on top of the body container, even after I remove the background: url in CSS, and refuses to move.
     
    SkySapphire, Dec 13, 2010
    #3
  4. emma1

    emma1 Banned

    I dont know about this please anyone give me more information abou't Can't create rollover in Counter-Strike template?
     
    emma1, Dec 24, 2010
    #4