Service. Uploaded Image Does Not Display Until I Refresh the Page Spring Mvc
Welcome to the Treehouse Customs
The Treehouse Community is a coming together place for developers, designers, and programmers of all backgrounds and skill levels to get back up. Interact here on code errors or bugs that you demand feedback on, or request for an extra set up of eyes on your latest project. Join thousands of Treehouse students and alumni in the customs today. (Note: Only Treehouse students can annotate 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. Become admission to thousands of hours of content and a supportive customs. Start your gratuitous trial today.
Problem: changes to fashion.css non reflected on browser refresh
The only change I can see is that the groundwork color has changed. The changes to my style.css file are not reflected on the web page. The filigree coding is also not reflected on the web folio.
I have examined the code and it is correct. This is very frustrating! I would capeesh whatsoever feedback to make this piece of work.
Hither is what I have in my alphabetize.html file: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-viii" /> <title>Smells Like Bakin' Cupcake Company</championship> <link rel="stylesheet" href="css/normalize.css" blazon="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" blazon="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> </head> <trunk> <div class="container clearfix">
< div class = "grid_4" > < img src = "img/logo.gif" alt = "Smells Similar Bakin" > </ div > < div course = "grid_8 omega" > < ul class = "nav" > < li >< a href = "#" >Near</ 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 concenter, especially in our kitchen! We combine unexpected flavors that melt together to create ironically succulent desserts.</ h1 > < p >< a href = "#" form = "btn" >Browse Our Cupcakes</ a ></ p > </ div > < div class = "grid_3 omega" > < img src = "img/y'all-bake-me-blush.gif" alt = "You Broil Me Chroma" > </ div > < div id = "featured-cupcake" class = "grid_7" > < h2 >Cupcake of the Week</ h2 > < p >This week's featured cupcake is the < a href = "#" >Avocado Chocolate cupcake</ a >. It's strange combo of flavors will kicking your taste buds into fiesta mode!</ p > < img src = "img/featured-cupcake.jpg" alt = "Avocado Chocolate Cupcake" > </ div > < div id = "new-cupcakes" class = "grid_5 omega" > < h2 >Fresh Out the Oven</ h2 > < p >Our newest cupcakes are < a href = "#" >Bacon Me Crazy</ a > and < a href = "#" >Jalapeno So Spicy</ a >. </ p > < img src = "img/new-cupcake-bacon.jpg" alt = "Salary Me Crazy" > < img src = "img/new-cupcake-jalapeno.jpg" alt = "Jalapeno And then Spicy" > </ div > < div class = "grid_7" > < h2 >Within the Kitchen</ h2 > < p >Smells Similar Bakin' started out in the garage of the hubby wife duo Allison & Joseph. Allison is the baker, and Joseph found a way for them to make a business out of her tasty treats. Wink forward to today and they haved a successful store front end, catering business and cupcake truck. </ p > < p >< a href = "#" class = "btn-pocket-size" >Read More</ a ></ p > </ div > < div class = "grid_5 omega" > < h2 >Get Bakin' With Us</ h2 > < div id = "contact" > < p >Call united states of america: < 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 beginning through Facebook & Twitter, and fifty-fifty have requests!</ p > < a href = "http://www.facebook.com/SmellsLikeBakin" >< img src = "img/facebook.gif" alt = "Facebook" ></ a > < a href = "http://www.twitter.com/SmellsLikeBakin" >< img src = "img/twitter.gif" alt = "Twitter" ></ a > </ div > < div id = "copyright" class = "grid_12" > < p > © 2012 Smells Like Bakin' Cupcake Company. All Rights Reserved.</ p > </ div > </div> </body> </html>
Here is style.css: body{ font-family: 'Nunito', sans-serif; colour: #FAF3BC; background: #420600 url('img/bg-texture.jpg')repeat; }
a{ colour: #4FB69F; text-decoration: none; }
h1 { font-size: 1.75em; letter-spacing: -1.5px; }
h2{ font-size: 1.500em; color: #B4C34F; }
.btn { color: #FAF3BC; background: #4FB69F url('img/tecture.png') no-echo right pinnacle; padding: 15px 30px; margin: 40px 0px; border-radius: 25px; text-transform: capital letter; }
.btn:hover { background-colour: #4CC4A7;
ul.nav { margin: 120px 0 0 0; list-manner: none; bladder: right; }
ul.nav li { bladder: left; margin-right: 40px; }
ul.nav li a { colour: #FAF3BC; }
intro {
}
new-cupcakes img {
border: 8px solid #FAF3BC; margin: 0 0 20px 0; }
I have all items in 1 projection folder on my desktop. I do not know what else to exercise.
Thanks!!
ii Answers
Hello Irina:
To troubleshoot whether your new CSS is loading correctly, you can right -click > View Source on the page. Look for the links to your CSS and filigree files. You should be able to follow those links and view the inverse CSS. If you lot don't see that changed CSS when you click on the source links, yous know information technology is a linking problem.
What are you seeing on your screen right now? and what changes did yo make from previous to now that you're trying to see reflected?
I also run across that on your .btn class, the background image is tecture.png, and I would change that to texture.png.
OMG...that was it!
I gauge I cannot become through these lessons when I am tired! Cheers so much, John.
Gratefully, Rina Andrejev
crenshawlixed1941.blogspot.com
Source: https://teamtreehouse.com/community/problem-changes-to-stylecss-not-reflected-on-browser-refresh
0 Response to "Service. Uploaded Image Does Not Display Until I Refresh the Page Spring Mvc"
Post a Comment