WordPress.org

Ready to get started?Download WordPress

Forums

CSS problems (23 posts)

  1. tripeX
    Member
    Posted 8 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?

  2. Mark (podz)
    Support Maven
    Posted 8 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 ?

  3. tripeX
    Member
    Posted 8 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?

  4. Mark (podz)
    Support Maven
    Posted 8 years ago #

    "Got it?"

    What was so difficult about a screenshot ................. ?

  5. tripeX
    Member
    Posted 8 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?

  6. Mark (podz)
    Support Maven
    Posted 8 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]

  7. vkaryl
    Member
    Posted 8 years ago #

    Um. Besides, no header image appears on your test page when I access it....

  8. tripeX
    Member
    Posted 8 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. ^^')

  9. Michael Bishop

    Posted 8 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.

  10. shadow
    Member
    Posted 8 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.

  11. tripeX
    Member
    Posted 8 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.

  12. vkaryl
    Member
    Posted 8 years ago #

    Ah, sorry - I'm on VERY slow dialup, I simply can't wait around for something that large to load.

  13. tripeX
    Member
    Posted 8 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.

  14. Michael Bishop

    Posted 8 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.

  15. vkaryl
    Member
    Posted 8 years ago #

    Huh. I'd kill to get over 24k....

  16. tripeX
    Member
    Posted 8 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. -_-

  17. Michael Bishop

    Posted 8 years ago #

    It really looks like if change the left padding by another pixel or so, you're where you want.

  18. vkaryl
    Member
    Posted 8 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.

  19. tripeX
    Member
    Posted 8 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. ^^'

  20. Michael Bishop

    Posted 8 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.

  21. vkaryl
    Member
    Posted 8 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!)

  22. tripeX
    Member
    Posted 8 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 ;)

  23. vkaryl
    Member
    Posted 8 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!

Topic Closed

This topic has been closed to new replies.

About this Topic