XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / Need special CSS help with Bluehue
Register
1
Johnhds
Need special CSS help with Bluehue

  • 2007/3/6 12:30

  • Johnhds

  • Just popping in

  • Posts: 41

  • Since: 2007/1/12


I have been altering the theme and everything has been working so far, but I added my banner and logo and have been trying to get the banner to not repeat. Tried altering the 'td#headerbanner'. Can anyone help?

Here is the site:
www.homedesignsense.com/xoops
--------------------------------------------------------
Here are the css changes:
}
#headerlogo {
color: inherit;
background: #FFF url(images/header.jpg) top;
padding: 0px; 0 0 0;
}
td#headerbanner {
width: 110%;
horizontal-align: right;
text-align: right;
color: inherit;
padding: 0px; 0px 0 0;
background: #FFF url(images/header.jpg) top;
}
#headerbar {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 3px;
font-size: 90%;
background: url(images/hbar.gif) repeat-x top;
}
2
JMorris
Re: Need special CSS help with Bluehue

  • 2007/3/6 13:27

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Add no-repeat to the end of your background definition and you should be good to go. Like so...

background: #FFF url(images/header.jpg) top no-repeat;


HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.
3
Johnhds
Re: Need special CSS help with Bluehue

  • 2007/3/6 14:19

  • Johnhds

  • Just popping in

  • Posts: 41

  • Since: 2007/1/12


That did not work. Now I have a doubled up banner. check it out at:
www.homedesignsense.com/xoops

Any other thoughts or suggestions?? Thanks.
4
JMorris
Re: Need special CSS help with Bluehue

  • 2007/3/6 14:23

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Try removing the redundant background statement from the headerlogo id.

i.e.:
#headerlogo {
color: inherit;
padding: 0px; 0 0 0;
}
td#headerbanner {
width: 110%;
horizontal-align: right;
text-align: right;
color: inherit;
padding: 0px; 0px 0 0;
background: #FFF url(images/header.jpg) top;
}
#headerbar {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 3px;
font-size: 90%;
background: url(images/hbar.gif) repeat-x top;
}


HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.
5
Johnhds
Re: Need special CSS help with Bluehue

  • 2007/3/6 15:02

  • Johnhds

  • Just popping in

  • Posts: 41

  • Since: 2007/1/12


Sort of worked. I still have an image of the banner below the banner. www.homedesignsense.com/xoops

Here are the changes:
__________________________________________________________
}
th a {
background:inherit;
color:#fff;
}
#headerlogo {
color: inherit;
verticle-align: left;
horizontal-align: left;
}
td#headerbanner {
width: 100%;
horizontal-align: middle;
text-align: right;
color: inherit;
padding: 0px; 6px 0 0;
background: #FFF url(images/header.jpg) top;
}
#headerbar {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 3px;
font-size: 90%;
background: url(images/hbar.gif) repeat-x top;
}
6
JMorris
Re: Need special CSS help with Bluehue

  • 2007/3/6 15:13

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


You forgot the no-repeat.

#headerlogo {
color: inherit;
padding: 0px; 0 0 0;
}
td#headerbanner {
width: 110%;
horizontal-align: right;
text-align: right;
color: inherit;
padding: 0px; 0px 0 0;
background: #FFF url(images/header.jpg) no-repeat top;
}
#headerbar {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 3px;
font-size: 90%;
background: url(images/hbar.gif) repeat-x top;
}


HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.
7
Johnhds
Re: Need special CSS help with Bluehue

  • 2007/3/6 15:22

  • Johnhds

  • Just popping in

  • Posts: 41

  • Since: 2007/1/12


Tried that and refreshed the page. The bottom image is still there...take a look.
www.homedesignsense.com/xoops

Can we scream together?
8
BlueStocking
Re: Need special CSS help with Bluehue

First, Your page is beautiful, if that is the proper word to describe very pleasent to look at.

Next, on your boardhttp://www.homedesignsense.com/xoops/
The text in the center box is blue on IE6 and black on Firefox. Just thought you might like to know there is a difference. Either one is acceptable, just may not be what you expected.

No double images, so I assume you have that fixed.

BS
http://hardhunting.com
https://xoops.org/modules/repository .. It is time to get involved - XOOPS.ORG
9
Johnhds
Re: Need special CSS help with Bluehue

  • 2007/3/6 16:16

  • Johnhds

  • Just popping in

  • Posts: 41

  • Since: 2007/1/12


Thanks for the complement. I closed and re-opened the site and still have the double image in IE. Look at the "T" in The Habitat.
10
BlueStocking
Re: Need special CSS help with Bluehue

This is what I see (IE6 browser). If I knew you better I would tease you by saying put down the bottle and get some rest. I don't see a double image. I may not be looking where you are talking about, but... where ever it is it isn't discernible by the uneducated eye (such as mine)

Image replaced by current view on the register page.

http://hardhunting.com/images2/habitat.jpg
https://xoops.org/modules/repository .. It is time to get involved - XOOPS.ORG
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

157 user(s) are online (122 user(s) are browsing Support Forums)

Members: 0

Guests: 157

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits