Header wont go “Down” and wont show

Hey, don’t apologise for being a beginner, everyone has to start somewhere!

What do you mean when you say that the header won’t “go down”?

please check https://www.chocobay.com

the header won’t show up as a whole ! ?? I dont know which aspect to fix on the stylesheet ??

drat, it’s been a month since im fixing these babies.

You have #header set as 100px tall, but your background image is 248px tall. Thta’s one big issue right there – your #header div isn’t tall enough to show the entire image. You need to either resize your image, or change the height of your #header div.

wow you’re good mr doodlebee. thank you for figuring that out ?? thanks thanks ??

another issue, i set the header’s height to 300 for some allowance, but it still showed like that ??

a question though, how can i “place” the header way below the search bar, and move the topbar ( that contains the adsense link units ) down ? ??

First of all, I’m “Miss” Doodlebee ??

Secondly, I don’t see your header image at all – there’ sno call for it. it’s not set as the background for your header div, and you aren’t calling it in for your image in the HTML – you have this:

<img src="https://chocobay.com/wp-content/themes/adsmindedwide" alt="" />

But no image (the final part of that url should end in “.jpg” or “.gif” or something – so no image is being shown)

Third of all, your #header is *still* set at 100px in height. If you changed it, you didn’t save your changes.

And fourth: If you want your ads to show *above* the header image, then you need to move it’s placement. Right now, in your HTML, you have the script source for your ads *within* your header tag *and* below the image call. If you want it above, you need to move those scripts.

Hi miss doodlebee! ?? Well I got all frustrated last night that I reset everything. I shall look for that
<img src=”https://chocobay.com/wp-content/themes/adsmindedwide&#8221; alt=”” />

?? I’ll update in a few hours ??

Hi Miss Doodlebee ,

Here’s what I have done

– I have already adjusted the size of my header to 980 px width and 240 px height.

I have already adjusted the codes too :

#header {
left: 0px;
top: 42px;
height: 240px;
width: 980px;
background: url(https://static.flickr.com/72/172648663_ad169ce826_o.gif) scroll 0% 0%;
clear: both;
}

But upon checking https://www.chocobay.com, it seems that the header still won’t fit. It’s too “up”, and it gets cut off in the middle. What aspect of my stylesheet should I modify to be able to make the header fit? Thank you so much for your help.

Note: In xhtml, you have to close elements. So, if you are going to use br, close it: br/

That is a FORWARD slash, btw.

I played with your css for a bit and it’s a mess because of the invalid html. Fix the validation errors, then if you’re still having problems, report back ;’)

Hi Yosemite! :)Thank you for helping me out. So, are you saying that my main error is using <br> instead of <br/> ? ??

I have fixed all <br \>’s to make it <br> or <br/> already.

I think those are the only problems since I haven’t really changed anything with the template codes.

Hi, I have corrected every <br \> or <br> into <br/>’s already.

I still dont know where i went wrong with the header, why it just won’t fit ?? wah…

I think there is a fundamental problem here with communication (understanding what we call validation errors). This link: https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.chocobay.com%2F shows 66 of them.

It also shows a dozen or more br’s that are not closed.

There are another dozen or so inline element errors that effect displaying your page (ul, li, p not closed, not opened, etc.).

I have fixed all <br \>’s to make it <br> or <br/> already.

In reality, this is not the case. When you make a fix or change, run it through the validator again.

I really have no idea on how to correct those that you have mentioned ?? I’m no CSS expert and this is just my first theme to tweak. Oh well, que sera, sera. Thanks for your advise.