3 Replies - 3613 Views - Last Post: 20 July 2009 - 03:21 PM

#1 jasonbd   User is offline

  • New D.I.C Head
  • member icon

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 30-January 08

text in menu align to middle of img ?

Posted 20 July 2009 - 07:27 AM

Hi

I am new at this only started learning HTML and CSS 4 days ago and start this site than too to learn from. i got alot of it worked out but one thing at this point in time is bugging me. Tha text in the menu i got center but its at the top of the image i used and and looks a bit strange. can any one help me out here to get the text in the middle of the button image. This is the code i got so far.

Link to site: Megatopia





Thanks
Jason :blink:

This post has been edited by jasonbd: 20 July 2009 - 03:25 PM


Is This A Good Question/Topic? 0
  • +

Replies To: text in menu align to middle of img ?

#2 newt   User is offline

  • New D.I.C Head

Reputation: 4
  • View blog
  • Posts: 25
  • Joined: 06-July 09

Re: text in menu align to middle of img ?

Posted 20 July 2009 - 07:44 AM

Changing #menu a:link, #menu a:visited property
padding:0px;


like this
padding:10px 0 0 0;
lowers the text.
Was This Post Helpful? 1
  • +
  • -

#3 jasonbd   User is offline

  • New D.I.C Head
  • member icon

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 30-January 08

Re: text in menu align to middle of img ?

Posted 20 July 2009 - 03:16 PM

Thanks Newt

This worked but i did change it a bit more then what you have there it made the image go all strange LOL.
here is what i changed and it works great i just needed the idea and you gave it to me thanks for the help.

#menu a:link, #menu a:visited{
	color:#000;
	font-weight:bold;
	height:26px; /* was height:32px; */
	margin:10px 20.5px;
	padding:7px 0 0 0; /* was padding:0; */
	width:105px;
	background-image:url(images/navbar1.png);
	background-repeat:repeat-y;
	background-position:center;
	border: 2px inset #0000ff;
}


Thanks again
Jason :blink:
Was This Post Helpful? 0
  • +
  • -

#4 newt   User is offline

  • New D.I.C Head

Reputation: 4
  • View blog
  • Posts: 25
  • Joined: 06-July 09

Re: text in menu align to middle of img ?

Posted 20 July 2009 - 03:21 PM

You`re welcome :P
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1