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 trial

HTML

Posted by timstrasser2
timstrasser2
2,850 Points

Hi, i testet the Website from the Track "How to make a Website" but the Pictures are buggy..

Picture 1-7 works well, but Picture 8 should not be in a new line.

Notice: The Pictures and labels are just for test purposes.

Staff Edit: Links have been removed for Terms and Conditions violation, NSFW content.

13 Answers

Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Me again!

I think this solves the issue:

gallery li:nth-child(3n+1)

{ clear: left; }

=)

saladspork
saladspork
19,762 Points
saladspork
saladspork
19,762 Points

Just a heads up to others that want to help, link is NSFW.

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Hey, I could be wrong as I'm only learning too, but...

I think you have set the images to clear left on every forth image, [#gallery li:nth-child(4n)] and your gallery is only three images wide? Maybe change the clear:left to the 3n?

Let me know how it goes, or if I'm way off =)

timstrasser2
timstrasser2
2,850 Points
timstrasser2
timstrasser2
2,850 Points

Okay, i changed it, but now the bug appeasers on a different position :D

timstrasser2
timstrasser2
2,850 Points
timstrasser2
timstrasser2
2,850 Points

Yes, IT WORKS :D You helped me so much :D Now i have to try different images sizes, i hope it works :)

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Fantastic! I learnt something new too! I couldn't quite grasp the nth child selector, but I think this makes it a little clearer

timstrasser2
timstrasser2
2,850 Points
timstrasser2
timstrasser2
2,850 Points

Okay, i uploaded a few new pics an it looks pretty good. :) But now i don't know how i can write a php-file, so other users can upload their own photos.

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Sorry Tim,

That's way above my skill set!

I think you should maybe post a new question with the relevant php tag for that answer.

Include a snippet of your attempted code, as its better to have a go yourself and learn rather than someone just posting the code...you wont learn how it works that way =)

timstrasser2
timstrasser2
2,850 Points
timstrasser2
timstrasser2
2,850 Points

Okay, But really thanks for the help! I tried it sooo long :o

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

No problem, can you mark this as solved if you're happy with the answer to mark the thread as answered =)

timstrasser2
timstrasser2
2,850 Points
timstrasser2
timstrasser2
2,850 Points

I don't know how ^^

timstrasser2
timstrasser2
2,850 Points
timstrasser2
timstrasser2
2,850 Points

I don't know how i can mark it as sloved

Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

You just click the "best comment" grey text underneath whatever post solved your issue =)

ecp
ecp
838 Points
ecp
ecp
838 Points

Hi Tim Strasser ,

I'm so glad to see the community was able to help! Please refrain from posting content that is potentially harmful. If you have any questions please send me an email at help@teamtreehouse.com. Thank you and happy learning!

All the best,

Elizabeth