The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Help with HTML and CSS

  • # January 31, 2013 at 4:49 pm

    Hi all. I am brand new to coding, have no experience besides the past week. I am currently taking a course on tree house and I have a problem with some coding.
    Here is a link to the coding I have so far
    The email to the “contact” section is not to the right of the page with the contact information, but instead, in the middle.

    For some reason though, the page is working fine in Safari, but not in Chrome.

    Sorry if this sounds confusing.

    Any help with is very much appreciated.

    # January 31, 2013 at 4:55 pm

    Looks OK in Chrome to me.

    # January 31, 2013 at 5:02 pm

    Hi Paulie. Is the contact email “” under the “Cupcake of the Week” photo?
    It’s suppose to me to the far right-top where it says “email us.”

    # January 31, 2013 at 5:49 pm

    Also looks okay in Chrome to me.

    # January 31, 2013 at 6:54 pm

    This reply has been reported for inappropriate content.

    Looks fine in Chrome to me on Windows & Macs latest version. Tried re-sizing the browser and still, the outcome was fine. I originally thought it could be a positioning issue in terms of fluid layouts. Seems all fine.

    # January 31, 2013 at 6:56 pm

    Really?! Thanks. I’m going to try viewing on my husband’s cou when he gets home.

    # January 31, 2013 at 6:57 pm

    No wonder! That is the wrong link. Here is the correct link file:///Users/colettepitamba/Documents/Projects/index.html

    # January 31, 2013 at 7:02 pm

    That link is to a file on your local system. Can you put that in a code pen so we can see it?

    # January 31, 2013 at 7:38 pm

    Sure, here is the correct link

    The images are not displaying, but my problem is with the contact information.
    “Email us:” should be under call us.

    Is there a way to attach screenshots?

    # January 31, 2013 at 8:02 pm

    This reply has been reported for inappropriate content.

    @colette I checked out the site you sent us. I tried googling it to find the Treehouse course which has this website as a tutorial. The link you sent us is so barebones because you did not include the images that were a part of that website. Also, the stylesheet was externally linked, which was also in the Treehouse website. I tried tidying up the code for you and this is what I have: The images are replaced with sample boxes. The email was not under the call us because the style sheet was missing. Also, to answer your screenshots question, you could upload it to a service like Imgur and share it via that site.

    # January 31, 2013 at 8:26 pm

    Thanks @Srig99. I did not upload the style sheet because I didn’t get to that section yet in the videos. Below are the photos of the screenshots from different browsers. This starte happening after adding grids.



    # January 31, 2013 at 8:28 pm

    Under “Get Baking with us” in Chrome, the email contact is at the bottom of the screen.

    # January 31, 2013 at 8:41 pm

    This reply has been reported for inappropriate content.

    @colette, looking at your codepen, your #contact doesn’t have a grid class assigned to it, so it spans the entire page, also, your “Inside the kitchen” and the two <p> tags following it and your “Get Bakin with Us” are all outside a div, I’m not familiar with the tutorial, so I’m not sure if that’s intentional.

    # January 31, 2013 at 11:26 pm

    Sorry everyone. I probably should have finished the video instead of freaking out after my code looked a little messy *palm face.*

    After finishing the whole tutorial, it worked out to be fine.

    Thank you all so much. I’m so glad I found this site and look forward to working with all of you.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed