SVG logo distorted in Safari and chrome

Hi,

On my website the logo in header and footer on IE and Safari old version is distorted.

Really dont know why. Can somebody check please?

 

Well, for starters it might help if the same logo image wasn't in the markup six times back-to-back-to-back. Second, you're relying on auto-height when anything other than Blink (Chrome, ChrOpera, Vivaldi) cannot determine the aspect ratio/auto height of a SVG when it's included in an IMG tag.

Third, it's SVG... it can be... unreliable at times. There's a reason the two companies who contributed most to its creation -- Adobe and Microsoft -- dropped it like a hot potato a decade ago. WHY the W3C felt the need to pick it up, dust it off, and try to run with it I'm still trying to fathom.

Honestly, I'd probably import that SVG into a webfont and use that instead. It would probably be a fraction the size, easier to style if desired, and you could even do per-letter assignment allowing for graceful degradation and getting what is for all intents and purposes a PRESENTATIONAL image the **** out of the markup.

Since logo's are presentation of text, and as such have ZERO business in a <img> tag.

Of course, given the bloated inaccessible train wreck laundry list of how NOT to build a website you have there, the logo being distorted is the LEAST of your problems.... in a "Accessibility, what's that?" kind of way.... much less the 58k of markup to deliver 2.27k of plaintext and NOTHING I would actually consider to be a content image; possibly five to eight times the HTML that should have been used -- or the ape-shit ridiculous 18 separate CSS files massing 1.3 MEGABYTES, 1.5 MEGABYTES of goofy scripttardery spanning 31 files adding little if anything of value to the page... when it's 4.2 megabytes spanning 64 files, it's hardly a shock it takes half a MINUTE for that disaster to load. Between the massive ridiculous bloat, goofy animated crap that adds nothing of value to the page, image heavy garbage hiding what little ACTUAL content exists on the page, and utter and complete ignorance of what HTML is or how to use it properly that went into building the site, you might as well have just dig up the old picture from goat.se and pasted two upraised middle fingers into the corners! It's that big a "**** YOU!" to visitors to the page.

POSTER CHILD for developer ineptitude and letting some art *** continue to delude themselves into THINKING they know what design is.

No offense, but I figured SOMEBODY should at least TRY and tell you that.

 

dont smoke it anymore you getting in ****

 

If one takes the above post into consideration, one can reasonably conclude that you have been smoking something that probably isn't doing you any good.
When the smoke clears and you come down, reread the post that @deathshadow made and maybe you can fix your mess. Good luck to you in any event.

 

I browse the web with javascript turned off by default, so this is what I see when I load the site:



Then, after whitelisting your domain, I see "just another ****ing bootstrap template", just like http://adventurega.me/bootstrap/

 

heh very good. so thanks for this. I had some mistakes in testimonials. I fixed. and the myspace profile. omg need to remove it.