Site Logo

[EOMA]

Evening

My site logo fits my site on my laptop perfectly in firefox - When I use my desk top it is too long

Currently I am using iro 1300 x 130 size

Also people complain when they restore down (make the view smaller) the logo decreases differently from the rest of the board

Any ideas

Thanks

[Mark Round]

link to site?

[EOMA]

1 hour ago, Mark Round said:

link to site?

http://enmancab.invisionzone.com/

 

I can change the float from left to right but cannot set centre/center

 

 

[Adlago]

22 minutes ago, Bacman said:

http://enmancab.invisionzone.com/

 

I can change the float from left to right but cannot set centre/center

Try this

a.logo{ margin-left:auto; margin-right:auto;}
  

 

[EOMA]

12 minutes ago, Adlago said:

Try this

a.logo{ margin-left:auto; margin-right:auto;}
  

 

Thanks - Where abouts should I put it - Is it to replace another code? - I cant seem to get it to work

This is for the site logo/Header...

[Adlago]

2 minutes ago, Bacman said:

Thanks - Where abouts should I put it - Is it to replace another code?

Change your code "a.logo{float:left;}"

[tnn]

4 hours ago, Bacman said:

Thanks - Where abouts should I put it - Is it to replace another code? - I cant seem to get it to work

This is for the site logo/Header...

If This Does Not Work...

/* Logo Modified */
a.logo {
    margin-left:auto; 
    margin-right:auto; 
    display:block;
}

Try This...

/* Logo Modified */
a.logo {
    text-align:center;
}

[EOMA]

16 hours ago, tnn said:

 

Adlago tnn

 

Thanks fo the replies - It seem to have worked, certainly on my desk top

The site logo is still short on my laptop - Is there something I need to put here

[Mark Round]

The perfect solution would be multiple images for multiple screen sizes,as the image scales to the screen size,the width also affects the height.I could achieve this if i had the source images psd. There are other ways of doing it but i think targeting screen size with media queries is a good way to go but thats just my opinion.

[tnn]

12 hours ago, Bacman said:

Adlago tnn

 

Thanks fo the replies - It seem to have worked, certainly on my desk top

The site logo is still short on my laptop - Is there something I need to put here

Ok, when I resize your forum, max-width: 100% disapears at the break point where you are seeing the overlaping image. (desktop size.)

Try adding max-width: 100% in your a.logo img style. The other media queries already have the max-width. It should be the one that does not have it. 

a.logo img {

max-width: 100%;

}

[EOMA]

25 minutes ago, tnn said:

a.logo img {

max-width: 100%;

}

 I salute you Sir - muchas gracias

Regards

 

Bacman

[tnn]

Just now, Bacman said:

 I salute you Sir - muchas gracias

Regards

 

Bacman

Ah you got it, looking nice... no problem.