Grow your CSS skills. Land your dream job.

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 http://cdpn.io/mCkvH
    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 “bakeon@smellslikebakin.com” 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

    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 http://cdpn.io/rmajz

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

    Is there a way to attach screenshots?

    # January 31, 2013 at 8:02 pm

    @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: http://codepen.io/anon/pen/hEIit. 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](http://imgur.com/ “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.

    [IMG]http://i.imgur.com/LjPDPRH.png?1[/IMG]

    [IMG]http://i.imgur.com/RwYFzPA.png?1[/IMG]

    # 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

    @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 `

    ` 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.

*May or may not contain any actual "CSS" or "Tricks".