WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » I want to move the headerbar some down

View previous topic View next topic Go down  Message [Page 1 of 1]

1 I want to move the headerbar some down on Mon Dec 20, 2010 6:19 am

Matti


Registered Member
Registered Member
I want to move the image for headerbar some down as you can see the image is on the top so I want to move that at least 20px.



Last edited by Maki on Mon Dec 20, 2010 4:58 pm; edited 1 time in total

2 Re: I want to move the headerbar some down on Mon Dec 20, 2010 7:12 am

McStormify


Registered Member
Registered Member
Go to your CSS and find

Code:
.navbar {


and add after it:

Code:
margin-top: 20px;


If 20 pixels is too much, just edit the 20px;

3 Re: I want to move the headerbar some down on Mon Dec 20, 2010 8:42 am

ankillien


Administrator
Administrator
Hi,

I need a link to your forum.
Also, please change the topic title to something specific. Thanks Wink

4 Re: I want to move the headerbar some down on Mon Dec 20, 2010 4:55 pm

Matti


Registered Member
Registered Member
McStormify, thx but i didn't ask for navbar Wink cuz I already know that.


ankillien, sry but the forum is private but if you rally want the link then I'll give it to you by pm.

5 Re: I want to move the headerbar some down on Mon Dec 20, 2010 5:37 pm

Guest


Guest
try this (:
Code:
.headerbar{
margin-top:20px;}

6 Re: I want to move the headerbar some down on Mon Dec 20, 2010 10:22 pm

ankillien


Administrator
Administrator
Gangstar's code should work. But if it doesn't, PM me the link and I'll provide you the fix.

7 Re: I want to move the headerbar some down on Tue Dec 21, 2010 12:38 am

Matti


Registered Member
Registered Member
I have tried that many times but still nothing so here is the code I'm using for it.

Code:
.headerbar {
background-color: #7C8891;
background-image: url("http://i63.servimg.com/u/f63/14/63/83/43/bg_hea11.gif");
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
margin-left: 20px;
width: 859px; !important;
height: 129px;
}


Anki, I have send you a pm.

8 Re: I want to move the headerbar some down on Tue Dec 21, 2010 2:09 am

Guest


Guest
try add !important or add margin-bottom: -20px; with the margin-top: 20px; (:

9 Re: I want to move the headerbar some down on Wed Dec 22, 2010 10:13 pm

ankillien


Administrator
Administrator
Hi Maki,

This code would fix the bug...

Code:
#page-header {
padding-top: 1px !important;
}

10 Re: I want to move the headerbar some down on Thu Dec 23, 2010 1:51 am

Matti


Registered Member
Registered Member
ankillien wrote:Hi Maki,

This code would fix the bug...

Code:
#page-header {
padding-top: 1px !important;
}


Wow. Thank you so much anki, this is solved now. All the best Smile

11 Re: I want to move the headerbar some down on Thu Dec 23, 2010 4:41 am

Jophy


Registered Member
Registered Member


Solved => Thread Closed


http://www.socialtechforum.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » I want to move the headerbar some down

Permissions in this forum:
You cannot reply to topics in this forum