Weather by You!
Templates and Projects support => Html Templates => Topic started by: CrasHBoneS 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!
-
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
-
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