Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

css link bad

I have asked other people and they say that all my grid problems come from the link of my index.html and CSS but that would cause all my grids to stop working and it is only some of them that dont work well, what do I do?

Logan R
Logan R
22,989 Points

Could you please provide some code so we have a little bit more of a reference :)

See the "Tips for asking questions" video to the right of the page for some good tips on posting code and other things :)

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points
    here is the coding

''' <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> </head> <body> <div class="container clearfix">
<div class="grid_4"> <img src="img/logo.gif" alt="Smells Like Bakin"> </div> <div class="grid_8 omega"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locations</a></li> <li class="last"><a href="#">Contact Us</a></li> </ul>
</div> <div id="intro" class"grid_9"> <h1>Opposites really do attract, especially in our kitchen! We combined flavors that melt together to create ironically delicious desserts.</h1>
<p><a href="#" class="btn">Browse Our Cupcakes</p> </div> <div class="grid_3"> <img src="img/you-bake-me-blush.gif" alt="You Bake Ma Blush"> </div> <div id="featured-cupcake" class="grid_7"> <h2>Cupcake of the week</h2> <p>Thies week's featured cupcake is the <a href="#">Avocado chocolate cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p> <img src="img/featured-cupcake.jpg" alt="Avacado chocolate cupcake" </div> <div id="new-cupcakes" class="grid_5 omega"> <h2>Fresh Out The Oven</h2> <p>Our Newest are <a href="#">Bacon Me Crazy</a> and <a href="#">JalapeƱo So Spicy</a>.</p> <img src="img/new-cupcake-bacon.jpg" alt="Bacon Me Crazy"> <img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno So Spicy"> </div>

    <h2>Inside The Kitchen</h2>
    <p>Smells Like Bakin' started out in the garage of the husban wife duo Allison &amp; joseph. Allison is the baker, and joseph   found  a way for them to make a buisness out of her tasty treats. Flash forward to today and they have a successful store front,    catering        buisness and cupcake truck.</p>
    <p><a href="#" class="btn-small">Read more</a></p>


    <h2>Get Bakin' with Us</h2>

    <div id="contact">
       <p>Call Us: <span>1-555-CUP-CAKE</span><br>
       Email us <a href="#">bakeon@smellslikebakin.com</a></p>    
    </div>


    <p>We announce all of our new flavors through Facebook &amp; Twitter, and even take requests!</p>
    <a href="http://www.facebook.com/SmellsLikeBakin">
       <img src="img/facebook.gif" alt="Facebook"></a>
    <a href="https://twitter.com/#!/smellslikebakin">
       <img src="img/twitter.gif" alt="Twitter"></a>

    <div id="copyright">
       <p>&copy; 2014 Smells Like Bakin' Cupcake Company. All Rights Reserved</p>  
    </div>

</div>

</body> </html> '''

and here is the css coding ''' /* Width: 1000px # Columns : 12 Column width: 65px Gutter : 20px

*/ .grid_1 { width: 65px; } .grid_2 { width: 150px; } .grid_3 { width: 235px; } .grid_4 { width: 320px; } .grid_5 { width: 405px; } .grid_6 { width: 490px; } .grid_7 { width: 575px; } .grid_8 { width: 660px; } .grid_9 { width: 745px; } .grid_10 { width: 830px; } .grid_11 { width: 915px; } .grid_12 { width: 1000px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin: 0 20px 10px 0; float: left; display: block; }

.alpha{margin-left:0px;} .omega{margin-right:0px;}

.container{ width: 1000px; margin: auto; }

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} '''

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

i cant figure out how to post coding even with the vid

Logan R
Logan R
22,989 Points

It's all good. It looks like you didn't even link it lol. Does the following code appear anywhere in your code on the index page? I didn't see it.

<head> <link rel="stylesheet" type="text/css" href="theme.css"> </head>
Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

i believe there is only because if there wasn't a link then none of my grids would work but some do