MyBB Community Forums

Full Version: Moving div to top of header
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How do I move the div (top_navigation) to the top of the header div. Trying to cover up the white area with the blue. There's no padding keeping it down a few pixels and tried using negative pixels but it won't move.

Preview of issue: http://gyazo.com/ea83beda6de526cd216f7aeeea5a444e
Preview of theme: http://gyazo.com/8782a8cf64ca15565874b28274e7841d
Website-demo: http://www.Vizzy.VisualizeEdits.com/
simple method is to move actual div element in the header templates and then adjust with css if required.
(2013-07-08, 04:21 AM).m. Wrote: [ -> ]simple method is to move actual div element in the header templates and then adjust with css if required.

What do I use? margin-top, margin-bottom? I inserted it into here (top_navigation) and (top_navigation_menu) and it won't move up.

I believe that the (top_navigation) div need to be changed somehow.
just use the default theme and use the mega menu. http://designmodo.com/create-css3-mega-menu/

Demo : http://designmodo.com/demo/css3megamenu/
(2013-07-08, 05:59 AM)ikhwanulfikri Wrote: [ -> ]just use the default theme and use the mega menu. http://designmodo.com/create-css3-mega-menu/

Demo : http://designmodo.com/demo/css3megamenu/

I don't know yet. I just want to learn how to do this kind of style before learning more advance like that. I might consider making this in my next theme which I have much better and amazing ideas. Thanks for considering though!
maybe you leave the closing </ div>

try to check your code again.

I hope you are successful in your idea. I pray so.
Look, You have 10px padding in panel div, To solve your problem, Reduce it to 8px.

Good job ! keep trying to become a professional designer, If you want so you can Wink
And there are some points need to mention:
1.Why did you close your container div at the header ?! I mean container is limited to the header and doesn't include body. Is it your theme style or you did it by mistake?

2.In fact your top_navigation div is useless, you can remove it, Also #navigation & #search_box are useless too.
(2013-07-08, 08:24 AM)jvdabz Wrote: [ -> ]Look, You have 10px padding in panel div, To solve your problem, Reduce it to 8px.

Good job ! keep trying to become a professional designer, If you want so you can Wink
And there are some points need to mention:
1.Why did you close your container div at the header ?! I mean container is limited to the header and doesn't include body. Is it your theme style or you did it by mistake?

2.In fact your top_navigation div is useless, you can remove it, Also #navigation & #search_box are useless too.

Yeah, I realized that because I wasn't able to change the background color instead it is above the body. I didn't mean to close my container which is why I'm restarting my layout in dreamweaver. Will be adding more mock-up images as well for previews. Is there a forum here where I can make updates for my theme? Including my images as well?
My advice for your theme is not to make it in dreamweaver, but rather to first draw out what you want either on paper or in photoshop. Then you need to code it; for that you need to brush up on your HTML and CSS. To help you get an idea of how themes are built up I suggest installing a few free themes from the mods site and looking at those.

You are a long way off showing previews; there is a thread for showing what we are working on, but you do need the theme to be a tad more polished before sharing images.
(2013-07-08, 07:22 PM)Leefish Wrote: [ -> ]My advice for your theme is not to make it in dreamweaver, but rather to first draw out what you want either on paper or in photoshop. Then you need to code it; for that you need to brush up on your HTML and CSS. To help you get an idea of how themes are built up I suggest installing a few free themes from the mods site and looking at those.

You are a long way off showing previews; there is a thread for showing what we are working on, but you do need the theme to be a tad more polished before sharing images.

Yes, I agree. The only reason I use dreamweaver is just for the divs. I can drag out my div to show how I want the layout to be. For the html/css, I use the "inspect element" (by right clicking in google chrome) and fix it in there how I want it to look such as a preview before adding it into my theme. It help so much and when I check the codes in a div, sometimes I copy and paste it into notepad++ and fix it. By using these method, I have gotten so much done and making it much easier.