Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted February 18, 20169 yr 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
February 18, 20169 yr Author 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
February 18, 20169 yr 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;}
February 18, 20169 yr Author 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...
February 18, 20169 yr 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;}"
February 19, 20169 yr 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; }
February 19, 20169 yr Author 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
February 19, 20169 yr 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.
February 20, 20169 yr 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%; }
February 20, 20169 yr Author 25 minutes ago, tnn said: a.logo img { max-width: 100%; } I salute you Sir - muchas gracias Regards Bacman
February 20, 20169 yr Just now, Bacman said: I salute you Sir - muchas gracias Regards Bacman Ah you got it, looking nice... no problem.
Archived
This topic is now archived and is closed to further replies.