Header problem

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

cool thnx!!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Header problem

Post by Dr.CSS »

header right in your posted layout is floated right with no margin or padding...
try going to the farthest outside 'box' maybe that one and add margin-top:?px with that number being the hieght of your logo minus the hieght of the menu.... logo box is 80px menu is 20px so 60px mite work...
the best tool i've found for designing and trouble shooting is Firefox with the Web Developer extention load your site and clik CSS on the W.D. bar and then clik Edit CSS and you can change the CSS in the left hand window and see your changes in real time.... here's a shot of this page....
and no i don't have a Mac..  ;)

    mark
ps. what do you mean "I still cannot upload a picture due to a full folder"

[attachment deleted by admin]
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

ok so you say try putting top margin in the right header...mmmmmmm.. ok I will try that :o)
I will try your tip on firefox as well!

What I meant was that I am trying to upload a picture into this topic but every time I try to do so I get an error message saying the upload folder is full and that I should contact the administrator....
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Header problem

Post by Dr.CSS »

they've up the size of the folder should work now...

    mark
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

this is where I want my menu to be

[attachment deleted by admin]
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

Mark,

What did you mean by : try going to the farthest outside 'box' maybe that one and add margin-top:?px ???
I added margin-top: 60px; to my div#header_right but it did not do anything...
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

ok I got it now  ;D0o
I added the margin-top bit to the div#menu_horiz and n :)ow its lined up with the bottom of my logo picture just like I wanted it

My next problem is that I now want to add a underneath the logopicture and menu as a seperator so I added to my template there where the header section ended. But I dont see anything happen. To check if I was at the correct position I typed some tekst at the same location in the template and that shows up perfectly on the page at the right position....

Anyone any Ideas??

[attachment deleted by admin]
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

I have added now a picture of what the header should look like when it is finshed...

As you can see from the previous picture, I am getting there :o)

But can someone tell me how I can make the menu items look like they do in this picture instead of how they look like now?
(rounded corners, color shading etc.)

Thanks in advance!! You all have been a great help sofar!!!!!!

[attachment deleted by admin]
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Header problem

Post by Dr.CSS »

when viewing your page right clik and 'view source' to see what the main menu links are labled ie. if they have a class= some times not, but the main list is usually  primary_nav a{  } which you can try and put a background in, it will show up in every thing under that unless you say  primay_nav li a {background-image: none}....
you will have to make the  primary_nav a{  }  big enuf for the img. ...  width:?? height:?? remember if you don't call out sizes for the 'child' ie. primay_nav li a  it will inhieret(?sp) that size too... once you start calling out things for the 'parent' it gives the same style to the 'kids' if you don't tell them to look diff.

    mark
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

thnx mark I got it now~!!  ;D
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Header problem

Post by Dr.CSS »

yea i saw on other thread...
you should be able to do the same for vert. menu...

  mark
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: Header problem

Post by Kaylen »

Yes I am able to put a background image in the vertical menu but then the image is behind the tekst and thats not what I want. I want the image before the tekst..

So I think it should not be a background image but an image that gets put before every menu tekst...
But I cannot find out where the menu items are even generated....
Post Reply

Return to “Layout and Design (CSS & HTML)”