Need help on CSS <h1> header </h1>

Register an Account
Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old 02-21-2006, 02:32 AM
New Pligger
 
Join Date: Feb 2006
Posts: 3
Hi everyone,


I need some help on CSS in the header part of my client Pligg+ site. The one that should link to the homepage ( <a href ="/"><h1> </h1> </a> ). The picture is not showing up on the page.

Here is the site : www.flogz.com

Here is the CSS

PHP Code:
#header h1 {
    
font-size100%;
    
margin0;
}

#header h1 a, #header h1 span {
    
displayblock;
    
height45px;
    
width165px;
    
backgroundurl("/images/spacer.gif"bottom left no-repeat;
    
text-indent: -2000em;
    
positionabsolute;
    
top0;
    
/*left: 0;*/
    
text-decorationnoneborder:0
    
z-index1000/* need for FX and IE */
}

#home h1 a {
        
backgroundurl("/images/spacer.gif"top no-repeatborder:0; }
        
/* only for IE */ html #header h1 a, * html #header h1 span { bottom: -1px; }

#header h1 span { background: url("/images/spacer.gif") top no-repeat; } 

Thanks in advance !!
Reply With Quote
  #2 (permalink)  
Old 02-21-2006, 04:19 AM
Constant Pligger
 
Join Date: Jan 2006
Posts: 191
beautiful site. I cannot see your problem, sorry, mabey you fixed it?
Reply With Quote
  #3 (permalink)  
Old 02-21-2006, 11:24 AM
New Pligger
 
Join Date: Feb 2006
Posts: 3
Thanks cryptkeeper. No, I haven't fixed it yet. The logo on header is showing up but there is no "hyperlink". If you move your mouse cursor to the very TOP LEFT, there is a graphcic "spacer.gif" that hyperlink to the homepage, but it's always on the TOP LEFT. The "spacer.gif" should be ABOVE the "Flogz" logo. Is that make sense?

Thanks anyway !

Last edited by kepin; 02-21-2006 at 11:38 AM.
Reply With Quote
  #4 (permalink)  
Old 02-21-2006, 11:41 AM
Constant Pligger
 
Join Date: Jan 2006
Posts: 191
I see what you mean, the hyperlink stops at G.

have you tried changing the graphic to a solid color (just for testing, so you can see it) then changing the position to relative and try moving it around? my css is very limited i havent used much since starting to use pligg.
Reply With Quote
  #5 (permalink)  
Old 02-21-2006, 09:32 PM
Constant Pligger
 
Join Date: Jan 2006
Posts: 191
hey, i went to your site via the ",y site" forum, and the site poped up in a new window, I think I realised the problem.

resize your internet explorer so that is is the same width as your header. you see it's in place? now maximise your window, the invisible spacer is ANCHORED to the top left of the screen, this is because you are using "position: absolute;" either change it to "position: relative;" or remove it. if you change it to relative you might need to move it around a bit.

my CSS isnt too good, but i belive absolute means that the object is judged by the screen (IE size) where relative is relative to the position of the div.
Reply With Quote
  #6 (permalink)  
Old 02-22-2006, 03:32 PM
New Pligger
 
Join Date: Feb 2006
Posts: 3
it works cryptkeeper ! Thanks man !
Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Header may not contain more than a single header jvalal Questions and Comments 1 12-24-2008 02:03 AM
I like to change the header text , how can I change header in pligg templates ryukenden Questions and Comments 0 03-15-2008 01:59 PM
Need help setting text in header dinki Questions and Comments 0 06-30-2007 06:32 PM
Perform HTML Header meta informations dominik Questions and Comments 1 04-28-2007 11:44 PM
CSS Header SubZ3r0 Questions and Comments 4 01-13-2006 09:22 AM


Pligg Modules and Pligg Templates from Pligg Pro Find support on the Pligg CMS Forum - 24 hours a day! Make a donation to support Pligg CMS development