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 trialEric Nevitt
4,914 PointsResponsive rollovers
I am working on making my site responsive. So far, so good, however, there is one part I'm having trouble and that's the rollover items in my menu. The problem occurs when the screen is sized at 320px as its width. The menu works and looks OK with the images there. What I'm looking for it to do is have my logo on top and the menu items in text without images. It would be easier if I could post a picture to show what I'm wanting to do.
Dave McFarland
Treehouse TeacherAre you placing actual images -- the <img>
tag -- inside these menus? If so, you should use CSS background images, then at your breakpoint CSS in your media query you can hide the images.
Eric Nevitt
4,914 Pointshttp://i18.photobucket.com/albums/b107/Pujolsthegreat1/responsive1_zpsf84de3ee.jpg This is what I'm trying to do. http://i18.photobucket.com/albums/b107/Pujolsthegreat1/responsive2_zps81693988.jpg This is what I have so far.
When I made the rollovers I just told Dreamweaver to make them.
Adam Sackfield
Courses Plus Student 19,663 PointsThat's one of my favourite sites. I think it's a little more complex than rollovers though. AJAX based content I believe. I would have to try and deter you from using DreamWeaver and rollovers really and use a less bloated editor like Sublime and try to create it in there.
Eric Nevitt
4,914 PointsWhere can I find a plugin or instructions to do what I'm looking for?
Adam Sackfield
Courses Plus Student 19,663 PointsThe site you are using as inspiration is very advanced so you would need a solid understanding of HTML, CSS, JavaScript and then AJAX to complete it. The best lpace to start is here and maybe codeschool.
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsWould be good to see a demo of what the problem is. Try adding the code to codepen.io it's free. Then add images to tinypic and link them so we can get a feel for what is going on.