.jumbotron .container { position: relative top: 100px}
<div class="jumbotron" > <style type= "text/css"> .jumbotron .container { position: relative top: 100px} <div class="container"> <—-- This becomes obsolete </style>
<div class="container">
Can you make it a little clearer please?tell us which is your HTML and which is your CSS.
<!DOCTYPE html><html> <head> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> <link rel="stylesheet" href="main.css"> </head> <body> <div class="nav"> <div class="container"> <ul> <li><a href="#">Airbnb logo</a></li> <li><a href="#">Browse</a></li> </ul> <ul> <li><a href="#">Sign Up</a></li> <li><a href="#">Log In</a></li> <li><a href="#">Help</a></li> </ul> </div> </div> <div class="jumbotron" > <style type= "text/css"> .jumbotron .container { position: relative top: 100px} <div class="container"> </style> <h1>Find a place to stay.</h1> <p>Rent from people in over 34,000 cities and 192 countries.</p> </div> </div> <div class="learn-more"> <div> <div> <div> <h3>Travel</h3> <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p> <p><a href="#">See how to travel on Airbnb</a></p> </div> <div> <h3>Host</h3> <p>Renting out your unused space could pay your bills or fund your next vacation.</p> <p><a href="#">Learn more about hosting</a></p> </div> <div> <h3>Trust and Safety</h3> <p>From Verified ID to our worldwide customer support team, we've got your back.</p> <p><a href="#">Learn about trust at Airbnb</a></p> </div> </div> </div> </div> </body></html>
.nav li {display: inline }.nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding: 14px 10px; text-transform: uppercase;}.jumbotron { background-image:url('http://goo.gl/04j7Nn'); height: 500px;}.jumbotron h1 { color: #fff; font-size: 48px; font-family: 'Shift', sans-serif; font-weight: bold;}.jumbotron p { font-size: 20px; color: #fff;}.learn-more { background-color: #f7f7f7;}.learn-more h3 { font-family: 'Shift', sans-serif; font-size: 18px; font-weight: bold;}.learn-more a { color: #00b0ff;}
I'm not sure but try to move the </style> tag around
#shitpost
Quote from: Jeff on April 12, 2015, 05:49:33 AM#shitpostReally? You use hashtags? go back to your Twitter, you 13 year old pubescent girl.
Quote from: Desty on April 12, 2015, 06:08:46 AMQuote from: Jeff on April 12, 2015, 05:49:33 AM#shitpostReally? You use hashtags? go back to your Twitter, you 13 year old pubescent girl. wanna cry about it fgt?
Quote from: Jeff on April 12, 2015, 06:09:46 AMQuote from: Desty on April 12, 2015, 06:08:46 AMQuote from: Jeff on April 12, 2015, 05:49:33 AM#shitpostReally? You use hashtags? go back to your Twitter, you 13 year old pubescent girl. wanna cry about it fgt?Do I wanna cry about Justing Bieber's latest news? No thanks, I'll leave that to you. In fact, don't ever talk back to me.
css and html are scripting, not programming. don't be a nigger like cheat and inflate your abilities.
Quote from: Desty on April 12, 2015, 06:27:08 AMQuote from: Jeff on April 12, 2015, 06:09:46 AMQuote from: Desty on April 12, 2015, 06:08:46 AMQuote from: Jeff on April 12, 2015, 05:49:33 AM#shitpostReally? You use hashtags? go back to your Twitter, you 13 year old pubescent girl. wanna cry about it fgt?Do I wanna cry about Justing Bieber's latest news? No thanks, I'll leave that to you. In fact, don't ever talk back to me. lol you keep up with Justin Bieber news? what a total fag
Quote from: ARSE5908 on April 12, 2015, 07:14:06 AMcss and html are scripting, not programming. don't be a nigger like cheat and inflate your abilities.I don't think I've ever said HTML/CSS was programming.But in regard to the OP: you're fucking up element encapsulation with that random style tag. Get rid of it and use the linked style sheet.
No.
Why aren't you using external style sheets?
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
Quote from: Yu on April 12, 2015, 11:48:59 AMWhy aren't you using external style sheets?Because this is just training. Code: [Select]<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">Is what you mean, right?
Quote from: Desty on April 12, 2015, 12:14:19 PMQuote from: Yu on April 12, 2015, 11:48:59 AMWhy aren't you using external style sheets?Because this is just training. Code: [Select]<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">Is what you mean, right?Well yes, but its a css file you create and link to, not a site.
Quote from: Yu on April 12, 2015, 12:15:59 PMQuote from: Desty on April 12, 2015, 12:14:19 PMQuote from: Yu on April 12, 2015, 11:48:59 AMWhy aren't you using external style sheets?Because this is just training. Code: [Select]<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">Is what you mean, right?Well yes, but its a css file you create and link to, not a site.A file you created and stored in your own hardware is what you link it to? That's my logical guess.
Quote from: Desty on April 12, 2015, 12:20:22 PMQuote from: Yu on April 12, 2015, 12:15:59 PMQuote from: Desty on April 12, 2015, 12:14:19 PMQuote from: Yu on April 12, 2015, 11:48:59 AMWhy aren't you using external style sheets?Because this is just training. Code: [Select]<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">Is what you mean, right?Well yes, but its a css file you create and link to, not a site.A file you created and stored in your own hardware is what you link it to? That's my logical guess.Well normally it would be in the folder in which you're working in, usually a designated CSS folder in the instance that you have multiple css files, doing it online, it would be on the hosted via whatever website you have it on.
Quote from: Yu on April 12, 2015, 12:25:16 PMQuote from: Desty on April 12, 2015, 12:20:22 PMQuote from: Yu on April 12, 2015, 12:15:59 PMQuote from: Desty on April 12, 2015, 12:14:19 PMQuote from: Yu on April 12, 2015, 11:48:59 AMWhy aren't you using external style sheets?Because this is just training. Code: [Select]<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">Is what you mean, right?Well yes, but its a css file you create and link to, not a site.A file you created and stored in your own hardware is what you link it to? That's my logical guess.Well normally it would be in the folder in which you're working in, usually a designated CSS folder in the instance that you have multiple css files, doing it online, it would be on the hosted via whatever website you have it on.He has a main.css but he also put in some in-line CSS stuff.
Programming problem
