Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Alex Coven
Alex Coven
1,345 Points

Responsive Design Flexible Images and Vector Graphics

Cant figure out this code, if someone could help out it would be greatly appreciated... The directions are "Swap out <img src=”img/love-at-first-bite.gif alt=”Love at First Bite”> tag with the correct HTML markup to instead bring in an love-at-first-bite.svg, located in the same “img” folder."

and the html code is

<div class="container">
        <div id="intro">
            <div class="grid_4">
                <h1>We're kicking taste buds in to high gear with our featured avocado chocolate cupcake from the west to the east coast.</h1>
            </div>
            <div class="grid_2 omega">
              <img src="img/love-at-first-bite.gif" alt="Love at First Bite">
            </div>
        </div>

2 Answers

Keith Doyle
Keith Doyle
25,973 Points
Keith Doyle
Keith Doyle
25,973 Points

you again?? i think we're on the same track, this is stuff i just finished up a couple hours ago.

you need to use the object element and include the data and type attributes.

<object data="img/love-at-first-bite.svg" type="image/svg+xml"></object>
Alex Coven
Alex Coven
1,345 Points

lol mannnn im just making careless errors! didnt close my object tab. i just switched over to here from codeacademy and the literature is just a little different im still getting used to it.

Keith Doyle
Keith Doyle
25,973 Points
Keith Doyle
Keith Doyle
25,973 Points

Yeah, I pretty much did the same thing. I wanted a little more in-depth instruction and I learn better from videos than text. Treehouse is pretty sweet.

Keep up the good work. (and no there wasn't any hidden sarcasm in that!)

Alex Coven
Alex Coven
1,345 Points

yeah i like it better too, they definitely go into some topics way deeper then codeacademy does, and thanks man you too!

sam devos
sam devos
3,644 Points
sam devos
sam devos
3,644 Points

isn't it better to use a icon font instead of svg's ? (if it's purpose is a vector logo)

Keith Doyle
Keith Doyle
25,973 Points
Keith Doyle
Keith Doyle
25,973 Points

Sam, this was for the Responsive Design Deep Dive that Alex needed help with.