News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

How To? Navigation | Change Height Cap of Bar | Look here for help |

Started by Vyache, October 14, 2009, 12:07:21 PM

Previous topic - Next topic

ɔɔɔɔɔɔuɥoɾ

well the only problem is, is that the image is slightly too long, it will be aligned at the top, but the bottom may be slightly over.

you can use a decent image editor and cut off the bottom, little by little until it fits.

You may want to consider making the image a little lighter too as to match the rest of the menu images.


SMF 2.0 RC5

   
Webhost to New Webhost file transfer service, PM me - Fast transfers

Vyache

Quote from: ♪ JohnCcCcCc ♫ on October 19, 2009, 07:38:57 PM
well the only problem is, is that the image is slightly too long, it will be aligned at the top, but the bottom may be slightly over.

you can use a decent image editor and cut off the bottom, little by little until it fits.

You may want to consider making the image a little lighter too as to match the rest of the menu images.
What decides the image height?

I don't want this going on, I want the image to display as a whole, the size I measured.  Which is like 60 px or so.

AjaxChat - SMF 2.0 RC2 Edition Download.
mrtrc266 ~AJAX Chat Intergration FAQ's & Tips-N-Tricks~

ɔɔɔɔɔɔuɥoɾ

Well I have refreshed your page and the only problem is with the image itself

add
margin-bottom : -2px;

to the class, that will fix the bottom, as for the top, I don't see any problem there, except the image looks out of place, it needs to be lightened and have a curve added at the bottom


SMF 2.0 RC5

   
Webhost to New Webhost file transfer service, PM me - Fast transfers

Vyache

Quote from: ♪ JohnCcCcCc ♫ on October 19, 2009, 07:49:48 PM
Well I have refreshed your page and the only problem is with the image itself

add
margin-bottom : -2px;

to the class, that will fix the bottom, as for the top, I don't see any problem there, except the image looks out of place, it needs to be lightened and have a curve added at the bottom

margin-bottom : -2px; Does not fix the problem. It looks like it pushes it further down a bit but does not show my entire image.

The Height of my image is 60 px and width is 34...

AjaxChat - SMF 2.0 RC2 Edition Download.
mrtrc266 ~AJAX Chat Intergration FAQ's & Tips-N-Tricks~

ɔɔɔɔɔɔuɥoɾ

You will get it better looking at this

http://www.w3schools.com/css/

see the margin and padding options that are available to use.


SMF 2.0 RC5

   
Webhost to New Webhost file transfer service, PM me - Fast transfers

Vyache

Quote from: ♪ JohnCcCcCc ♫ on October 19, 2009, 08:18:09 PM
You will get it better looking at this

http://www.w3schools.com/css/

see the margin and padding options that are available to use.

Its not a margin or padding issue. I played around with it and it doesn't see to have any affect of increasing my image.

AjaxChat - SMF 2.0 RC2 Edition Download.
mrtrc266 ~AJAX Chat Intergration FAQ's & Tips-N-Tricks~

Vyache

Okay, I figured it out.

Since the damn thing is spanned, PADDING increases my image out! So, the more padding I add, has a reverse effect!

Why no one could have just told me that... Could of saved me a couple of days of sleep...

"Sleep is cheep"!

AjaxChat - SMF 2.0 RC2 Edition Download.
mrtrc266 ~AJAX Chat Intergration FAQ's & Tips-N-Tricks~

Advertisement: