Posted 7 years ago #
Well, take a look: http://test.tripexart.de/
You see the headerimage and you see the problem I think. I'm trying to get rid of this "border" on top of the headerimage, but no chance. I tried every trick I know. Padding, Margin and so on changes won't affect the "border" on top of the headerimage.
Any suggestions?
Posted 7 years ago #
You know what the problem is, we can only guess ... can you do a screenshot, highlight the exact points and then we can home in on it ?
Posted 7 years ago #
Well, you see the link, you see the headerimage and you see the backgroundimage that is behind the headerimage and forms a 6 till 8 px border on top of the headerimage? Got it?
Posted 7 years ago #
"Got it?"
What was so difficult about a screenshot ................. ?
Posted 7 years ago #
You see the link up there? It leads directly into my testblog, where I'm trying to make a new theme for my blog and where you can see the problem live. So for what a screenshot?
Posted 7 years ago #
And YOU know what YOU want the theme to look like.
WE have NEVER seen it before.
YOU want HELP.
Help US to help YOU.
[End of Public Service Announcement]
Posted 7 years ago #
Um. Besides, no header image appears on your test page when I access it....
Posted 7 years ago #
Yes and I explained it: I want to get rid of this 6 till 8 px space above the headerimage. These little 6 or 8 px that belongs to the backgroundimage.
As I said:
> I'm trying to get rid of this "border" on top of the
> headerimage, but no chance.
Sorry when I couldn't explain it better, but you see the site, you see the headerimage, and maybe you see my problem. But how could I tell better?
(-_-)'
Headerimage needs some time to load btw, its a ~250kb PNG24 (I don't mind IE compatibility, I support the "Too cool for IE" campaign. ^^')
Posted 7 years ago #
Try putting the headerimg in your CSS for starters.
And lighten up, this is a all volunteer forum, the more info you provide, or asked for, the easier it is for the people giving of their time to help you.
Posted 7 years ago #
{ margin: 0 !important; margin: 0px; padding: -5px 5px 5px 5px; height: 164px; width: 770px; }
I would suggest you play with your padding. It looks like it requires a negative -5px in your margin but doing that will give you css validation errors.
I agree with milklb - get it into your css file first.
And yes, we all understand frustration but it's even harder for us if we are not sure of the exact problem to start with.
Posted 7 years ago #
I know, sorry, but its little bit hrd for me to explain such technical stuff in Englisch. I can understand Englisch in every way, written or spoken, but I have some problems to write down what I mean. Please don't hit me for this.
Well, as I said, I tried to get the CSS working for the headerimage with the margin and padding values, but nothing works for me at the moment. I would be glad, if someone knows how to get this 6 to 8px padding/margin problem out of the way. I#m little bit helpless for now. (-_-)
The padding: -5px 5px 5px 5px; leads to a funny result, look at the testpage.
Posted 7 years ago #
Ah, sorry - I'm on VERY slow dialup, I simply can't wait around for something that large to load.
Posted 7 years ago #
Your welcome, me too. 56k dialup sucks, but here we have no other ISP in this region. Well, trying to optimize the imagesize for you.
EDIT: replaced with a 50kb GIF87.
Posted 7 years ago #
Did you try taking out the "bottom" in the headerimg? The current view might only need a little more left padding ,from my view.
Posted 7 years ago #
Huh. I'd kill to get over 24k....
Posted 7 years ago #
Hm, to delete "bottom" didn't work. It must be something else.
What I say now is not my real opinion, but now I hate CSS for the moment. -_-
Posted 7 years ago #
It really looks like if change the left padding by another pixel or so, you're where you want.
Posted 7 years ago #
One thing that NEVER hurts is to "pre-zero" all that stuff in the body declarations: I use the following as a matter of course, directly before the "normal" body selector....
html {
border:0;
margin:0;
padding:0;
}
And is all that inline css to do with you basing this on kubrick? The way the stylesheet is laid out all over the place makes it a little difficult to figure out what's where and if you've maybe got some conflicting selector declarations in there.
Posted 7 years ago #
No, this won't work, I've already tried. I think the negative value doesn't work.
At the moment I'm really close to what I want, but there is still a 1 px "border" thing above the headerimage. -_-
UPDATE: OMFG, I finally got it. Had to change some values in the style.css. I don't know why, but the #headerimg and #header is in the style.css and in the header.php, and both have heigth values, and that was the solution. Pin down the heigth to the current imagedimensions and everything works. ^^'
Posted 7 years ago #
I still suggest putting the url for the image within the headerimg div. And I'm not personally a fan of the Kubrick inline styles. I'd just scrap that and use the style sheet.
Posted 7 years ago #
Ah.... yup, kubrick strikes again.... was why I was asking about the inline stuff.
Well, glad you got it, but yes - I agree with miklb: put that header graphic in the stylesheet (and rip that inline css crap out of there!)
Posted 7 years ago #
Already done. And well, one thing about the style.css file from the Kubrick theme: "OMFG, never seen such chaotic CSS."
Looks like I will have really fun with this piece of CSS. (-_-)
And next time, I'll make a screenshot for podZ ;)
Posted 7 years ago #
Yep, probably would have helped me at least - and maybe would have been quicker than you having to compress that graphic.
Best to you - have fun!
This topic has been closed to new replies.
