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! While you're at it, check out some resources Treehouse students have shared here.
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 trialRamy Oteifa
159 Pointsi applied the hover technique to an image but didnot work. Can you help?
<!DOCTYPE html> <html lan="En"> <hTML> <link rel="stylesheet" href="style.css"> <head> <title>Tripsmonster</title> <img src="Tripsmonster.PNG" alt-"Tripsmonster" class="Tripsmonster"> </head>
/*********************************************** Headline styling ***********************************************/ header .Tripsmonster { margin-top: 50px; width: 150px; height: 150px; border-radius: 50%; border: 3px solid white; transition: all .5s; } header.Tripsmonster: hover transform: scale(1.2) rotate (5deg); }
1 Answer
Steven Parker
231,198 PointsWhen posting code, use the instructions for code formatting in the Markdown Cheatsheet pop-up below the "Add an Answer" area. Or watch this video on code formatting.
But even unformatted, I notice these issues:
- there should be nothing between the <html> and <head> tags
- all page content (like the image) should go in the <body> section
- the <body> section seems to be missing
- there's no <header> section, but the CSS rules look for it
- there should be no space between the class name and "
:hover
" - after the second rule selector, the open brace to begin the property settings is missing
- there should also be no space between a transform name and the open parenthesis