<style type="text/css"> .nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; } </style>
<style type="text/css">
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;
Quote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".
Quote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }
Quote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?
.nav a { color: #5a5a5a; font-size: 24px;}
Quote from: Cheat on April 04, 2015, 03:09:12 PMQuote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?The nav bar
#headerContainer nav ul li a { /** changes color of inactive links in nav **/ color: red !important;}#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/ color: #FFFFFF !important;}#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/ font-size: 12px !important;}
Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PMQuote from: Cheat on April 04, 2015, 03:09:12 PMQuote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?The nav barPut this in a stylish theme:Code: [Select]#headerContainer nav ul li a { /** changes color of inactive links in nav **/ color: red !important;}#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/ color: #FFFFFF !important;}#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/ font-size: 12px !important;}Change colors/sizes as desired.
Quote from: Cheat on April 04, 2015, 03:15:50 PMQuote from: DigitalIzesty on April 04, 2015, 03:11:22 PMQuote from: Cheat on April 04, 2015, 03:09:12 PMQuote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?The nav barPut this in a stylish theme:Code: [Select]#headerContainer nav ul li a { /** changes color of inactive links in nav **/ color: red !important;}#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/ color: #FFFFFF !important;}#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/ font-size: 12px !important;}Change colors/sizes as desired.Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.
Quote from: DigitalIzesty on April 04, 2015, 03:20:33 PMQuote from: Cheat on April 04, 2015, 03:15:50 PMQuote from: DigitalIzesty on April 04, 2015, 03:11:22 PMQuote from: Cheat on April 04, 2015, 03:09:12 PMQuote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?The nav barPut this in a stylish theme:Code: [Select]#headerContainer nav ul li a { /** changes color of inactive links in nav **/ color: red !important;}#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/ color: #FFFFFF !important;}#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/ font-size: 12px !important;}Change colors/sizes as desired.Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.https://userstyles.org/It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.
.nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;}
<!DOCTYPE html><html> <head> <link href="main.css" rel="stylesheet"> </head> <body> <div class="nav"> .nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;} <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>
Quote from: Cheat on April 04, 2015, 03:24:38 PMQuote from: DigitalIzesty on April 04, 2015, 03:20:33 PMQuote from: Cheat on April 04, 2015, 03:15:50 PMQuote from: DigitalIzesty on April 04, 2015, 03:11:22 PMQuote from: Cheat on April 04, 2015, 03:09:12 PMQuote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?The nav barPut this in a stylish theme:Code: [Select]#headerContainer nav ul li a { /** changes color of inactive links in nav **/ color: red !important;}#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/ color: #FFFFFF !important;}#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/ font-size: 12px !important;}Change colors/sizes as desired.Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.https://userstyles.org/It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.I'm trying to learn how to program, I don't actually need it right now.Look, it'd be much easier if we start from square one.Description:1)The CSS selector .nav a selects any a element nested inside an HMTL element with a class named "nav."2)The color property sets the color of a element text to #5a5a5a.3)The font-size property changes the size of a element text to 24px.I get this, I understand and comprehend it allHow the finished version is supposed to look like:Code: [Select].nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;}Alright, but where is it supposed to be placed in the text?I just want to follow the instructions, and it says that ^ is how the finished one is supposed to look like. I've no idea where to put this; under something or over it. Where in the text does that piece of coding fit in? If I put it on its own, it won't accept it. It can't look like this:Code: [Select]<!DOCTYPE html><html> <head> <link href="main.css" rel="stylesheet"> </head> <body> <div class="nav"> .nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;} <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>Again, ^ Is a bad one, it doesn't work that way, so how does it work?
<!DOCTYPE html><html> <head> <link href="main.css" rel="stylesheet"> <style type="text/css"> .nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;} </style> </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>
Quote from: DigitalIzesty on April 04, 2015, 03:30:05 PMQuote from: Cheat on April 04, 2015, 03:24:38 PMQuote from: DigitalIzesty on April 04, 2015, 03:20:33 PMQuote from: Cheat on April 04, 2015, 03:15:50 PMQuote from: DigitalIzesty on April 04, 2015, 03:11:22 PMQuote from: Cheat on April 04, 2015, 03:09:12 PMQuote from: DigitalIzesty on April 04, 2015, 03:06:43 PMQuote from: Cheat on April 04, 2015, 03:04:37 PMQuote from: DigitalIzesty on April 04, 2015, 02:58:56 PMQuote from: Cheat on April 04, 2015, 02:57:04 PMQuote from: DigitalIzesty on April 04, 2015, 02:54:05 PMQuote from: Cheat on April 04, 2015, 02:51:21 PMPut !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.color: #5a5a5a;color: #5a5a5a !important;No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.Code: [Select]<head> <link rel="stylesheet" type="text/css" href="style.css" /></head>And then name your stylesheet "style.css".I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.Where do I put in Code: [Select]color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }It won't fit in anywherebut if I were to type stylecss blabla then the site allows me to pass, but it does jack shitWhich items on the site are you trying to change? The links in the nav bar? Or just links in general?The nav barPut this in a stylish theme:Code: [Select]#headerContainer nav ul li a { /** changes color of inactive links in nav **/ color: red !important;}#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/ color: #FFFFFF !important;}#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/ font-size: 12px !important;}Change colors/sizes as desired.Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.https://userstyles.org/It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.I'm trying to learn how to program, I don't actually need it right now.Look, it'd be much easier if we start from square one.Description:1)The CSS selector .nav a selects any a element nested inside an HMTL element with a class named "nav."2)The color property sets the color of a element text to #5a5a5a.3)The font-size property changes the size of a element text to 24px.I get this, I understand and comprehend it allHow the finished version is supposed to look like:Code: [Select].nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;}Alright, but where is it supposed to be placed in the text?I just want to follow the instructions, and it says that ^ is how the finished one is supposed to look like. I've no idea where to put this; under something or over it. Where in the text does that piece of coding fit in? If I put it on its own, it won't accept it. It can't look like this:Code: [Select]<!DOCTYPE html><html> <head> <link href="main.css" rel="stylesheet"> </head> <body> <div class="nav"> .nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;} <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>Again, ^ Is a bad one, it doesn't work that way, so how does it work?Code: [Select]<!DOCTYPE html><html> <head> <link href="main.css" rel="stylesheet"> <style type="text/css"> .nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase;} </style> </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>In the <head>, inside a <style> tag.
.jumbotron { background-image: url('http://goo.gl/04j7Nn'); height: 500px;}