By jaskegreen on

I'm working with the acquia_marina theme developing a site for my baseball league. I would like to add a large opaque image of a half baseball at the top right of the site that would be in the background. I've been playing with the css and getting nowhere.

I've added "header-image" to both the style.css and the id to the page.tpl.php page where I want it to be located and nothing. Even tried using the local.css page and still nothing.

I am working on it locally on my computer, so I don't have a site to reference.

I can't figure out what to do next. Any help would be great.

Thanks,

Jason

⋅ Categories: Drupal 6.x

Comments

jody lynn’s picture

jody lynn
she/her
Primary language English
commented

Have you gotten any css overrides to work? If not you should be sure that at admin/settings/performance that css caching is not enabled.
Beyond that you should debug using Firebug. If your site is live you can post a link and someone here can have a look, otherwise it's impossible to help with css.

--Zivtech--

--Zivtech--

jaskegreen’s picture

jaskegreen commented

Nope, not yet.
The line of code I put in my page.tpl.php page includes "header-image":

<body class="<?php print $body_classes; ?>">
    <div id="page" class="clearfix">
	
      <div id="header">
		
        <div id="header-wrapper" class="clearfix">
           
          <div id="header-image"></div>
          
          <?php if ($search_box): ?>
          <div id="search-box">
            <?php print $search_box; ?>
          </div><!-- /search-box -->
          <?php endif; ?>

And here is what I put in my style.css page then when that didn't work, I tried it in the local.css page:

#header-image {
background: url('images/bb_lt.png') no repeat;
float: right;
position: relative;
top: 0;
}

I installed Firebug, and disabled CSS caching. I'm by no means a CSS guru, so any suggestions would be great.

Thanks,

Jason
JC SWAK - web hosting & design
www.jcswak.com

jody lynn’s picture

jody lynn
she/her
Primary language English
commented

Is your page template new or modified? If new you have to clear the cache. Also try giving your new div a height and width. It has nothing in it so it takes up no space.
--Zivtech--

--Zivtech--

schneider707’s picture

schneider707 commented

You need to do:

#header-wrapper{
position:relative;
}

#header-image{
background: url('images/bb_lt.png') no repeat;
position:absolute;
top:0;
right:0;
}

Also, make sure you are closing your div tags...I don't think header-wrapper is closed