Author Topic: MDQ Blues Eng V1 Menu-Bar (Now, Today, ThisMonth)  (Read 3491 times)

Offline CrasHBoneS

  • Jr. Member
  • **
  • Posts: 43
    • http://meteobellaria.altervista.org
MDQ Blues Eng V1 Menu-Bar (Now, Today, ThisMonth)
« on: January 08, 2012, 05:26:26 PM »
Hi all, please excuse me if I ask for your help again.
I don't know very much about HTML coding, I know the menu bar "expands" if I add button (info, photo, webcam)
My menu bar has 2 button "trends"(not now but in the future I think so)
"Trends Cumulus" and "Trends Graphweather"
I don't want the menu bar "expands" too much so in the menu bar I use <br /> after Trends and the button appears

Cumulus
 Trends

the text is horizontally centered but it is not vertically centered in the button

How do I center the text vertically in the menu bar buttons?
Thank You!
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: MDQ Blues Eng V1 Menu-Bar (Now, Today, ThisMonth)
« Reply #1 on: January 09, 2012, 05:50:06 AM »
Hi CB,

Since your "correction" touch only a few menu items, the best way is to do inline styling on the menu block item. Then on item you want to modify add simply this bit of code:

style="height: 45px;padding-top:10px"

With that, you play with 2 parameters :
height =  height of "menu item highiting' to stretch it a bit.
padding-top = to modify the space between upper menu bar and your the item text.

Then applied to your trend menu item, your line should look like this:
<a href="trends.htm" class="but but_t" title="Recent trends" style="height: 45px;padding-top:10px">Cumulus<br />Trends</a>

Hope this help,
Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline CrasHBoneS

  • Jr. Member
  • **
  • Posts: 43
    • http://meteobellaria.altervista.org
Re: MDQ Blues Eng V1 Menu-Bar (Now, Today, ThisMonth)
« Reply #2 on: January 09, 2012, 06:50:54 AM »
Quote from: "meteo_jacques"
Hi CB,

Since your "correction" touch only a few menu items, the best way is to do inline styling on the menu block item. Then on item you want to modify add simply this bit of code:

style="height: 45px;padding-top:10px"

With that, you play with 2 parameters :
height =  height of "menu item highiting' to stretch it a bit.
padding-top = to modify the space between upper menu bar and your the item text.

Then applied to your trend menu item, your line should look like this:
<a href="trends.htm" class="but but_t" title="Recent trends" style="height: 45px;padding-top:10px">Cumulus<br />Trends</a>

Hope this help,
Jacques


thank you very much!
I will test your solution as soon as possible
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »