HTML + CSS problem need help

w/e · April 04, 2015, 02:48:03 PM

http://www.codecademy.com/courses/web-beginner-en-4lw13/0/2?content_from=make-a-website%3Acss-properties-box

Could you see what I'm supposed to do? I passed by writing

Code: [Select]

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

But it did nothing, and that wasn't supposed to be in there. So I've no idea how I'm supposed to get the latter part in, without the

Code: [Select]

<style type="text/css"> I've tried pasting the part on several places, but the text remains white.

Oh · April 04, 2015, 02:51:06 PM

You would genuinely be better off posting this in an actual coding forum rather than this place.

Cheat · April 04, 2015, 02:51:21 PM

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;

w/e · April 04, 2015, 02:54:05 PM

Quote from: Cheat on April 04, 2015, 02:51:21 PM

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;

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?

Cheat · April 04, 2015, 02:57:04 PM

Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM

Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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".

w/e · April 04, 2015, 02:58:56 PM

Quote from: Cheat on April 04, 2015, 02:57:04 PM

Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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.

Cheat · April 04, 2015, 03:04:37 PM

Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM

Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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.

w/e · April 04, 2015, 03:06:43 PM

Quote from: Cheat on April 04, 2015, 03:04:37 PM

Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit

So I want the functions, and not the pass. How do I affect the padding-right to 10px? Where do I write it?

Cheat · April 04, 2015, 03:09:12 PM

Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM

Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit

Which items on the site are you trying to change? The links in the nav bar? Or just links in general?

w/e · April 04, 2015, 03:11:22 PM

Quote from: Cheat on April 04, 2015, 03:09:12 PM

Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?

The nav bar

This edit is a bit late, but I want to style all of the a elements
It says it's supposed to be done like this:

Code: [Select]

.nav a {
  color: #5a5a5a;
  font-size: 24px;
}

But where do I put that?

Cheat · April 04, 2015, 03:15:50 PM

Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PM

Quote from: Cheat on April 04, 2015, 03:09:12 PM
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar

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

w/e · April 04, 2015, 03:20:33 PM

Quote from: Cheat on April 04, 2015, 03:15:50 PM

Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PM
Quote from: Cheat on April 04, 2015, 03:09:12 PM
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put 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.

Cheat · April 04, 2015, 03:24:38 PM

Quote from: DigitalIzesty on April 04, 2015, 03:20:33 PM

Quote from: Cheat on April 04, 2015, 03:15:50 PM
Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PM
Quote from: Cheat on April 04, 2015, 03:09:12 PM
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put 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.

🂿 · April 04, 2015, 03:26:58 PM

Quote from: Cheat on April 04, 2015, 03:04:37 PM

Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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.

Cheat has no idea what to do either?

*hits the panic button*

YouTube

w/e · April 04, 2015, 03:30:05 PM

Quote from: Cheat on April 04, 2015, 03:24:38 PM

Quote from: DigitalIzesty on April 04, 2015, 03:20:33 PM
Quote from: Cheat on April 04, 2015, 03:15:50 PM
Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PM
Quote from: Cheat on April 04, 2015, 03:09:12 PM
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put 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 all
How 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?

Cheat · April 04, 2015, 03:36:32 PM

Quote from: DigitalIzesty on April 04, 2015, 03:30:05 PM

Quote from: Cheat on April 04, 2015, 03:24:38 PM
Quote from: DigitalIzesty on April 04, 2015, 03:20:33 PM
Quote from: Cheat on April 04, 2015, 03:15:50 PM
Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PM
Quote from: Cheat on April 04, 2015, 03:09:12 PM
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put 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 all
How 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.

w/e · April 04, 2015, 03:44:38 PM

Quote from: Cheat on April 04, 2015, 03:36:32 PM

Quote from: DigitalIzesty on April 04, 2015, 03:30:05 PM
Quote from: Cheat on April 04, 2015, 03:24:38 PM
Quote from: DigitalIzesty on April 04, 2015, 03:20:33 PM
Quote from: Cheat on April 04, 2015, 03:15:50 PM
Quote from: DigitalIzesty on April 04, 2015, 03:11:22 PM
Quote from: Cheat on April 04, 2015, 03:09:12 PM
Quote from: DigitalIzesty on April 04, 2015, 03:06:43 PM
Quote from: Cheat on April 04, 2015, 03:04:37 PM
Quote from: DigitalIzesty on April 04, 2015, 02:58:56 PM
Quote from: Cheat on April 04, 2015, 02:57:04 PM
Quote from: DigitalIzesty on April 04, 2015, 02:54:05 PM
Quote from: Cheat on April 04, 2015, 02:51:21 PM
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;
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 anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put 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 all
How 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.

Holy shit, I think you nailed it. Praise be to Cheat o powerful and wise one I thank thee for thee assistance.
The same principle worked with

Code: [Select]

.jumbotron {
  background-image: url('http://goo.gl/04j7Nn');
  height: 500px;
}

An actual image appeared. Thank you, Cheat. Bravo Cheat