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

Watch Video

Posted March 22, 2016 11:32pm by

My contact icons are not aligning on right with contact info?

@media screen and (min-width: 480px) {

/***************************** TWO COLUMN LAYOUT ******************************/

#primary { width: 50%; float: left; }

#secondary { width: 40% float: right;
} }

@media screen and (min-width: 660px) {

}

4 Answers

March 30, 2016 3:30am

If you are just reloading the existing preview window you will need to close this and reopen it as looking at the link you have just sent there its still trying to direct via the folder you have just deleted.

Try this link instead http://port-80-oj4b2tuv7a.treehouse-app.com/ (notice the removed index.html/ from the end [your old folder])

also as I mentioned you still don't have a style sheet on here yet this will make the image load rather large as standard so bare that in mind.

Some simple styling might help like this.

https://w.trhou.se/hyl642jrnt

Hope that helps solve the issues you've been having.

March 30, 2016 3:58am

My pleasure.

I am glad you've got it working now.

The problem solving will come with time and experience, I'm always making mistakes and spending time fixing them only to find its something silly I've done wrong. That's all part of the learning process though.

Happy coding!

March 23, 2016 12:58am

Might be worth checking your class on your html for the Facebook anchor.

I have just used your css code and its working for me.

Your html for facebook should look something like this

<li class="facebook"><a href="xxxxx facebook profile link xxxxxxxxxx">Profile</a></li>

If you can share a snapshot that would help but that is a possible cause as the css selectors and code is correct.

March 23, 2016 1:14am

Sir....you did it once again!!!

Thank you Billy you have a knack for this!

I had....

<li class="Twitter"><a href="xxxxx facebook profile link xxxxxxxxxx">Profile</a></li>

I wrote "Twitter" as my class not "Facebook" .

How's your day so far?

March 23, 2016 1:39am

Brilliant!

Glad that solved it for you.

Days been great thanks just about to call it a day for now today though.

Glad we solved your issues for you.

Keep it up.

Happy coding

March 23, 2016 2:02am

Happy coding as well Billy!

Enjoy the rest of your day...it's 10:04pm here in Canada so will call it a day myself soon. Hope to chat again....thanks.

Cheers,

-Walt

March 30, 2016 2:26am

Hey Walter,

I'm good thanks, how are you doing?

Whats causing you the issue is the image not uploading to workspaces or is the image just no displaying?

If the image isn't display but is in the workspace then try the following:

Check the src value in your HTML is matching the files location and file name.
Ensure the newly added img is inside the folder named img and not just floating freely outside. (This can be misleading sometimes if files are not into a folder but sitting under the folder, ensure you drag the file onto the folder itself).

As always if you can create a snapshot that would be helpful. Icon top right of screen > create snapshot > share the weblink in here once created.

Hope that helps a little if nothing else.

March 30, 2016 2:36am

Glad to hear you're doing well Billy!

My image is not displaying, my file location and file name are matching it also is not floating.

https://w.trhou.se/jyhmlzmbvw

March 30, 2016 2:45am

Hey bud,

I have found the issue now I can see your code.

Because you have places your index HTML inside a folder the source code you have written cannot find the img folder in the index folder therefore you need to navigate out of the index folder before specifying the img folder.

This can be done like this.

<img src="../img/Music.jpg" alt="">

remember in the src "../" means navigate up one level.

This should resolve the issue.

Alternatively removing the index from its folder will solve the issue without needing to change the src value u places to begin with.

Hope that helps

March 30, 2016 3:12am

Thanks Billy I deleted the extra "index.html"

now my screen looks like this... https://w.trhou.se/vkh4b42yqq

But when I preview my page I get this... http://port-80-oj4b2tuv7a.treehouse-app.com/index.html/

What am I doing now lol...sorry Billy I'm really lost.

March 30, 2016 3:17am

Hi Walter,

Based on the updated snapshot you have correctly removed the extra HTML folder which means you src is now valid for the folders you have in your project.

With the code you have written the page is populating just fine what seems to be the issue, were you expecting something different?

Bare in mind at the moment you have no CSS being applied to this page at all so it it loading under your browser defaults.

Is there something in particular you are trying to achieve?

March 30, 2016 3:55am

Hi Billy! I got it!!! I had to go to Chrome and delete my cookies. Thanks for all your patience. I believe that being a good coder involves solving problems I will get there lol. Again, you rock! Happy Coding!

March 23, 2016 12:28am

You have a missing semi-colon

#secondary { 
  width: 40%;   <<missing semi-colon here
  float: right;
}

Might be the reason why?

Hope that helps

March 23, 2016 12:32am

Thank you Billy...you are awesome!

Do you do Web Development as a career?

March 23, 2016 12:39am

I tried doing the Snapshoot of the previous issue I have(still unresolved) but couldn't get it to upload.

The issue is that on my contact page the facebook icon on the right column of contact details doesn't show?

Do you see an error here....

.contact-info li.phone a { background-image: url('../img/phone.png'); }

.contact-info li.mail a { background-image: url('../img/mail.png'); }

.contact-info li.facebook a { background-image: url('../img/facebook.png'); }

March 23, 2016 12:52am

Your welcome!

I don't yet no. Only been learning to code for a couple of months now heading that way eventually though.

Is it only the facebook icon that is missing or all 3?

This ones hard to tell without the code in front of me.

March 30, 2016 2:19am

Hi Bill how are you? I can't get my image to upload...

<img src="img/Music.jpg" alt="">

Have you had trouble with workspaces? I've tried it on sublime 3 and it works fine.

March 30, 2016 3:23am

When I preview page on my browser I get message...

http://port-80-oj4b2tuv7a.treehouse-app.com/index.html/

March 31, 2016 1:43am

Hi Billy how was your day? Sorry to bug you I am curious to ask. Have you considered taking Treehouse's Techdegree program(certificate that also envolves creating a portfolio)?

Take care.

-Walt

March 31, 2016 1:55am

Hey bud,

I am good thanks hope you are too.

I'll be honest its a bit expensive for my pocket currently but I have started building my own portfolio myself though.

For now I will continue working through content on TreeHouse and work on my own little projects on the side to build my portfolio.

How about you something your interested in?

March 31, 2016 2:05am

I'm doing well thanks. I'm redoing the "build your first website" (for practice) and also doing some tutorials for photoshop.

Yes, I do agree it is expensive for me as well. That's a good idea what you're doing. I was planning on doing the same thing here too. You know there seems to be a lot of demand in this field here but, I'm sure there must be a lot of competition too lol! But, seems like you are well on your way keep up the great work! Hey man, you got FB? Maybe I can add you? If, you're ok with that.

March 31, 2016 2:31am

Good plan I am finding just doing things more they become more second nature.

I also found the tracks quite useful to give myself some structure to my learning, so far I have done the web design and front end development tracks. Lots of over lap in those too also.

Yeh from what I can see there is plenty of opportunity in this field but yes I am sure its a very competitive area to work in also. Hence the need for a portfolio to help showcase your best work and what you can do.

I have facebook and google+ links to both of them should be on my TreeHouse profile if you would like them.

March 31, 2016 10:46pm

Hi Billy!

I will add you on shortly. Hope you have a good day!

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

Welcome to the Treehouse Community

Looking to learn something new?

Walter Cortez

Walter Cortez

My contact icons are not aligning on right with contact info?

4 Answers

Billy Bellchambers

Billy Bellchambers

Billy Bellchambers

Billy Bellchambers

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Walter Cortez

Walter Cortez

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez

Billy Bellchambers

Billy Bellchambers

Walter Cortez

Walter Cortez