Jump to content

CSS/HTML HELP

Go to solution Solved by zwirek2201,
4 hours ago, bomberblyat said:

<!DOCTYPE html>
<html>
<head>
<title>tht12</title>
<style>
	body {
		width: 900px;
		background-color: #F1D01F;
	}
	.header {
		margin-left: 450px; 
	  }
	.kuva {
		position: relative;
		display: block;
    }
	#menu {
		height: 40px;
		background-color: green;
		margin-left: 450px;
		position: absolute;
		text-align: center;
		width: 900px;
	}
	h2 {
		color: black;
		margin-left: -400px;
		left: 500px;
		bottom: 20px;
		position: relative;
	}
	.p {
		color: black;		
		text-align:left;
		margin-left:500px;
		margin-right:-500px;
		margin-top: 0px;
		font-family: sans-serif;
    }
	#maintable {
		width: 900px;
		background-color: #F1D01F;
		margin-left: 450px;
	}
	tablecell {
		width: 400px;
	}
	nav {
		background-color: green;
		color: #FFFFF;
		list-style: none;
		text-align: center;
		padding: 20px 0 20px 0;
		{
.nav > li {
		display: inline-block;
		padding: 0 25px 0 25p;
		}
.nav > li > a {
		color; #FFFFF
		text-decoration: none;
</style>
</head>
<body>
<table id="maintable" border>
  <tr>
    <div class="header">
    <div class="image">
    <img src="kevat.jpg">
	<th></th>
	</div>
	</div>
	</tr>
	<tr>
	<nav>
	<a href="#">Kevät</a></h2>
	<a href="#">Kesä</a></h2>
	<a href="#">Syksy</a></h2>
	<a href="#">Talvi</a></h2>
	</nav>
	</tr>
	<tr>
	<td class="tablecell"><h2 class="h2">Kevät</td>
	<td></td>
	</tr>
</table>
</body>
</html>

well this is my last one from today atleast i have next time time to finish this so i could really use some help, i know there is - things but i dont know any else solution at the moment, excuse me for distraction :)

I will not be able to help you with this one because I'm really busy with my work.

 

On top of that I advised you to not use negative values for margins which you did not do, to only enclose the margin in the table which you did not do and to not center the content using margins which you also did not do. I tried helping you with the project/homework, but at this point it is just me writing some code for you. Also, your code has multiple syntax errors (including unclosed tags, hex colors with only 5 characters in the value, misused brackets etc.) and on top of that you are starting to use stuff that you really don't need (like child selectors) which only complicates your code. This is really not a difficult webpage and at this point you should easily be able to do it.

 

My last advice:

 

1. Image

2. Table with menu buttons

3. Header

4. Text

 

Do not put image or text in the table, only menu buttons.

 

Read all of the posts again because they contain solutions for every problem that you're having.

You need a style tag in your head tag so something like 

<head>
  <style>
     ///Your css
  </style>
</head>

Now, the good news is you're technically already using css for most things. They way you're doing it is called inline styles. So it's pretty easy to transfer it to a style tag.

 

First, you need to create selectors. You need a way to tell the css what it's being applied to. You CAN use the tag (for example the body tag) as the selector, but you want to try and avoid this. It's ok for the body tag, but you want to avoid it on other tags. The two main ways to add a selector is through an 'id' or a 'class' and the syntax is as follows

<div class="redDivs"></div>
<div class="redDivs"></div>
<div class="redDivs"></div>
<div id="blueDiv"></div>

In my example I show how you would use a class and an id. If you only want to apply the style to one tag, you use an id. In my example, there is only one div that I want to make blue. Class is for applying the css to multiple tags. So every one of the redDiv's will be red.

 

Now that you have selectors you can apply css using the selectors using the following syntax

<style>
  #blueDiv {// Use the # symbol to target an id
  	background-color: blue;//The semicolon is required
  }
  .redDivs {// Use the . symbol to target a class
  	background-color: red;
  }
</style>

 

So in your code you have bgcolor, width, valign, color and all that thing. That is your css. So you want to do something like

<head>
<style>
body {//To select a tag you can simply write the tag name (Sorry forgot to mention that in above examples)
	backgournd-color: #96C2E5;
	//bgcolor is represented as background-color in css and hex colours are written in the above format
}
#tableCell {
  background-color: #0c457c;
  width: 20%;
}
#whiteHeading {
  color: #ffffff;
}
</style>
</head>
<body>
	<table>
    	<tr>
          <td id="tableCell">
            <h2 class="whiteHeading">Text</h2>
          </td>
      	</tr>  
    </table>
</body>

 

That's the basic part of it, hope the examples made it clear enough for you

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to comment
Share on other sites

Link to post
Share on other sites

9 minutes ago, Hazy125 said:

You need a style tag in your head tag so something like 


<head>
  <style>
     ///Your css
  </style>
</head>

Now, the good news is you're technically already using css for most things. They way you're doing it is called inline styles. So it's pretty easy to transfer it to a style tag.

 

First, you need to create selectors. You need a way to tell the css what it's being applied to. You CAN use the tag (for example the body tag) as the selector, but you want to try and avoid this. It's ok for the body tag, but you want to avoid it on other tags. The two main ways to add a selector is through an 'id' or a 'class' and the syntax is as follows


<div class="redDivs"></div>
<div class="redDivs"></div>
<div class="redDivs"></div>
<div id="blueDiv"></div>

In my example I show how you would use a class and an id. If you only want to apply the style to one tag, you use an id. In my example, there is only one div that I want to make blue. Class is for applying the css to multiple tags. So every one of the redDiv's will be red.

 

Now that you have selectors you can apply css using the selectors using the following syntax


<style>
  #blueDiv {// Use the # symbol to target an id
  	background-color: blue;//The semicolon is required
  }
  .redDivs {// Use the . symbol to target a class
  	background-color: red;
  }
</style>

 

So in your code you have bgcolor, width, valign, color and all that thing. That is your css. So you want to do something like


<head>
<style>
body {//To select a tag you can simply write the tag name (Sorry forgot to mention that in above examples)
	backgournd-color: #96C2E5;
	//bgcolor is represented as background-color in css and hex colours are written in the above format
}
#tableCell {
  background-color: #0c457c;
  width: 20%;
}
#whiteHeading {
  color: #ffffff;
}
</style>
</head>
<body>
	<table>
    	<tr>
          <td id="tableCell">
            <h2 class="whiteHeading">Text</h2>
          </td>
      	</tr>  
    </table>
</body>

 

That's the basic part of it, hope the examples made it clear enough for you

Thanks alot dude, i think i should be able to do this now ! 

 

Link to comment
Share on other sites

Link to post
Share on other sites

After you create a style tag:

<head>
  <style>
    #CSS
  </style>
</head>

 , go through every bit of HTML code that includes some kind of styling and transfer it to the CSS:
 

body {
	background-color: #96C2E5;
}

table {
	width: 60%;
  	border-spacing: 0px;     
}

etc.

 

If you need to use classes and ids, the basic structure is:

 

.mainBody {
	[YOUR CSS HERE]
}

#mainBody {
	[YOUR CSS HERE]
}

and in your html file you should remove all styling and do:

[...]
<body class="mainBody">
  <center>
    [...]

for the .mainBody or

 

[...]
<body id="mainBody">
  <center>
    [...]

for the #mainBody.

 

The main difference between two of them is that you can use an id (#mainBody) only once in your html code. Since you are not going to have multiple <body> tags, this would work just fine. You can use class (.mainBody) multiple times in your code which helps with keeping your code clean.

 

This is just a very basic idea of the CSS and you would be better off grabbing a CSS tutorial, but it should get you started.

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

After you create a style tag:

<head>
  <style>
    #CSS
  </style>
</head>

 , go through every bit of HTML code that includes some kind of styling and transfer it to the CSS:
 

body {
	background-color: #96C2E5;
}

table {
	width: 60%;
  	border-spacing: 0px;     
}

etc.

 

If you need to use classes and ids, the basic structure is:

 

.mainBody {
	[YOUR CSS HERE]
}

#mainBody {
	[YOUR CSS HERE]
}

and in your html file you should remove all styling and do:

[...]
<body class="mainBody">
  <center>
    [...]

for the .mainBody or

 

[...]
<body id="mainBody">
  <center>
    [...]

for the #mainBody.

 

The main difference between two of them is that you can use an id (#mainBody) only once in your html code. Since you are not going to have multiple <body> tags, this would work just fine. You can use class (.mainBody) multiple times in your code which helps with keeping your code clean.

 

This is just a very basic idea of the CSS and you would be better off grabbing a CSS tutorial, but it should get you started.

 

Edit: And since it is a school/university project, after you're finished you can post your code here and someone will check it to make sure it's okay ;)

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

2 minutes ago, zwirek2201 said:

After you create a style tag:


<head>
  <style>
    #CSS
  </style>
</head>

 , go through every bit of HTML code that includes some kind of styling and transfer it to the CSS:
 


body {
	background-color: #96C2E5;
}

table {
	width: 60%;
  	border-spacing: 0px;     
}

etc.

 

If you need to use classes and ids, the basic structure is:

 


.mainBody {
	[YOUR CSS HERE]
}

#mainBody {
	[YOUR CSS HERE]
}

and in your html file you should remove all styling and do:


[...]
<body class="mainBody">
  <center>
    [...]

for the .mainBody or

 


[...]
<body id="mainBody">
  <center>
    [...]

for the #mainBody.

 

The main difference between two of them is that you can use an id (#mainBody) only once in your html code. Since you are not going to have multiple <body> tags, this would work just fine. You can use class (.mainBody) multiple times in your code which helps with keeping your code clean.

 

This is just a very basic idea of the CSS and you would be better off grabbing a CSS tutorial, but it should get you started.

 

Edit: And since it is a school/university project, after you're finished you can post your code here and someone will check it to make sure it's okay ;)

okay thanks for helping :) i will ask if i need more help ^^

Link to comment
Share on other sites

Link to post
Share on other sites

this brings me back to the days when we made justin timberlake fan pages on "the web"

=======================Current Build=======================

Motherboard: ASUS Z170-AR

CPU: i5-6600k @ 4.5Ghz Overclocked

GPU: Gigabyte GTX980 @ 1200 Mhz Oveclocked GPU boost 1400Mhz

Memory: Corsair Dominator 16Gb @ 3200 Mhz

Cooler: NZXT Kraken x61

Storage: Corsair Force GS 128Gb + WD2TB + Seagate 1TB

PSU: Corsair HX650

Lighting: NZXT HUE+ with extension

Display: LG 34' Ultrawide 3440x1440

Peripherals: Razer Blackwidow x Chroma + Razer Firefly + Razer Mamba Chroma

Headphones: Astro A40 + Miniamp

 

Link to comment
Share on other sites

Link to post
Share on other sites

34 minutes ago, bomberblyat said:

okay thanks for helping :) i will ask if i need more help ^^

32 minutes ago, zwirek2201 said:

After you create a style tag:


<head>
  <style>
    #CSS
  </style>
</head>

 , go through every bit of HTML code that includes some kind of styling and transfer it to the CSS:
 


body {
	background-color: #96C2E5;
}

table {
	width: 60%;
  	border-spacing: 0px;     
}

etc.

 

If you need to use classes and ids, the basic structure is:

 


.mainBody {
	[YOUR CSS HERE]
}

#mainBody {
	[YOUR CSS HERE]
}

and in your html file you should remove all styling and do:


[...]
<body class="mainBody">
  <center>
    [...]

for the .mainBody or

 


[...]
<body id="mainBody">
  <center>
    [...]

for the #mainBody.

 

The main difference between two of them is that you can use an id (#mainBody) only once in your html code. Since you are not going to have multiple <body> tags, this would work just fine. You can use class (.mainBody) multiple times in your code which helps with keeping your code clean.

 

This is just a very basic idea of the CSS and you would be better off grabbing a CSS tutorial, but it should get you started.

 

Edit: And since it is a school/university project, after you're finished you can post your code here and someone will check it to make sure it's okay ;)

<html>
<head>
<title></title>
<style>
 body {
        margin: 60;
        background-color: 96C2E5;
        
}

#tablecell {
            background-color: #0c457c;
            width:20%;
            
}
#h2 {
            color:#fffff;
}
#tablecell2
            {
            background-color: white;
}
            
            
            
            
            
</style>
</head>
<body>
<center>
<table width="60%" cellspacing="0">
  <tr>
    <th colspan="2"><img src="logo.png"></th>
  </tr>
  <tr>
    <td id="tablecell"><h2 class="h2"><a href="Etusivu.html">Etusivu</a></p><a href="vesivarat.html">Vesivarat</a></p><a href="ihminen.html">Ihminen</a></p><a href="palaute.html">Palaute</a><h2></td> 
    
    <td id="tablecell2"><center><h2>Vesi</h2></center></p><center>______________________________________________________________________________</center></p></p>Vesi (H2O, joskus my&ouml;s divetymonoksidi tai divetyoksidi) on huoneenl&auml;mm&ouml;ss&auml; nesteen&auml; esiintyv&auml; vedyn ja hapen muodostama kemiallinen yhdiste. Kaikki maapallolla oleva vesi lienee per&auml;isin vuosimiljoonien aikana planeettaan t&ouml;rm&auml;nneist&auml; komeetoista ja tulivuorten purkauksista. Vett&auml; on saatavilla l&auml;hes kaikkialla maapallolla, ja se on kaiken tunnetun el&auml;m&auml;n perusehto. Vesi on hajutonta, mautonta ja l&auml;pin&auml;kyv&auml;&auml;. 
    </td>
  </tr>
</table>
</body>
 

i think im doing something wrong, cause when i try delete html code like <font color="#####"> text color goes away and i dont know how make style for text or something.

and am i doing everything else good?

sorry for being shit xD

Link to comment
Share on other sites

Link to post
Share on other sites

2 minutes ago, Geoffrey said:

this brings me back to the days where we made justin timberlake fan pages on "the web"

idont enjoy this i got 3 days to do 4 these more like and i barely know what im doing xD rip

Link to comment
Share on other sites

Link to post
Share on other sites

Just now, bomberblyat said:

idont enjoy this i got 3 days to do 4 these more like and i barely know what im doing xD rip

cool hack for you. Go to theme forest or some other web design website. Save the website in the browser and open the css and html in them and then work from that. Kinda like cheating or plagiarism but everything is plagiarised on the internet....

 

Also the developer tabs in chrome can show you the changes in real time when you edit the css/html. 

Good luck man

=======================Current Build=======================

Motherboard: ASUS Z170-AR

CPU: i5-6600k @ 4.5Ghz Overclocked

GPU: Gigabyte GTX980 @ 1200 Mhz Oveclocked GPU boost 1400Mhz

Memory: Corsair Dominator 16Gb @ 3200 Mhz

Cooler: NZXT Kraken x61

Storage: Corsair Force GS 128Gb + WD2TB + Seagate 1TB

PSU: Corsair HX650

Lighting: NZXT HUE+ with extension

Display: LG 34' Ultrawide 3440x1440

Peripherals: Razer Blackwidow x Chroma + Razer Firefly + Razer Mamba Chroma

Headphones: Astro A40 + Miniamp

 

Link to comment
Share on other sites

Link to post
Share on other sites

<html>
<head>
<title></title>
<style>
 body {
		margin: 60;
		background-color: 96C2E5;
		
}

#tablecell {
			background-color: #0c457c;
			width:20%;
			
}
#h2 {
			color:#fffff;
}
#tablecell2
			{
			background-color: white;
}

			
			
			
			
			
</style>
</head>
<body>
<center>
<table width="60%" cellspacing="0">
  <tr>
    <th colspan="2"><img src="logo.png"></th>
  </tr>
  <tr>
	<td id="tablecell"><h2 class="h2"><a href="Etusivu.html">Etusivu</a></p><a href="vesivarat.html">Vesivarat</a></p><a href="ihminen.html">Ihminen</a></p><a href="palaute.html">Palaute</a><h2></td> 
	<td id="tablecell2"><h2 class="h2"><center>Vesi</center></h2></p><center>______________________________________________________________________________</center></p></p>Vesi (H2O, joskus my&ouml;s divetymonoksidi tai divetyoksidi) on huoneenl&auml;mm&ouml;ss&auml; nesteen&auml; esiintyv&auml; vedyn ja hapen muodostama kemiallinen yhdiste. Kaikki maapallolla oleva vesi lienee per&auml;isin vuosimiljoonien aikana planeettaan t&ouml;rm&auml;nneist&auml; komeetoista ja tulivuorten purkauksista. Vett&auml; on saatavilla l&auml;hes kaikkialla maapallolla, ja se on kaiken tunnetun el&auml;m&auml;n perusehto. Vesi on hajutonta, mautonta ja l&auml;pin&auml;kyv&auml;&auml;. 
	
	</td>
  </tr>
</table>
</body>

 

Edited by bomberblyat
Link to comment
Share on other sites

Link to post
Share on other sites

29 minutes ago, bomberblyat said:

<html>
<head>
<title></title>
<style>
 body {
        margin: 60;
        background-color: 96C2E5;
        
}

#tablecell {
            background-color: #0c457c;
            width:20%;
            
}
#h2 {
            color:#fffff;
}
#tablecell2
            {
            background-color: white;
}
            
            
            
            
            
</style>
</head>
<body>
<center>
<table width="60%" cellspacing="0">
  <tr>
    <th colspan="2"><img src="logo.png"></th>
  </tr>
  <tr>
    <td id="tablecell"><h2 class="h2"><a href="Etusivu.html">Etusivu</a></p><a href="vesivarat.html">Vesivarat</a></p><a href="ihminen.html">Ihminen</a></p><a href="palaute.html">Palaute</a><h2></td> 
    
    <td id="tablecell2"><center><h2>Vesi</h2></center></p><center>______________________________________________________________________________</center></p></p>Vesi (H2O, joskus my&ouml;s divetymonoksidi tai divetyoksidi) on huoneenl&auml;mm&ouml;ss&auml; nesteen&auml; esiintyv&auml; vedyn ja hapen muodostama kemiallinen yhdiste. Kaikki maapallolla oleva vesi lienee per&auml;isin vuosimiljoonien aikana planeettaan t&ouml;rm&auml;nneist&auml; komeetoista ja tulivuorten purkauksista. Vett&auml; on saatavilla l&auml;hes kaikkialla maapallolla, ja se on kaiken tunnetun el&auml;m&auml;n perusehto. Vesi on hajutonta, mautonta ja l&auml;pin&auml;kyv&auml;&auml;. 
    </td>
  </tr>
</table>
</body>
 

i think im doing something wrong, cause when i try delete html code like <font color="#####"> text color goes away and i dont know how make style for text or something.

and am i doing everything else good?

sorry for being shit xD

Could you edit your post and post a code as "Code" in the editor? Use 9th button from left in the editor options. It will make it way easier for everyone to read and find mistakes :)

Edit: Here's a jsfiddle to play with the code
https://jsfiddle.net/47NMH/28/

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

<html>
<head>
<title></title>
<style>
 body {
        margin: 60;
        background-color: 96C2E5;
        
}
#tablecell {
            background-color: #0c457c;
            width:20%;
            
}
#h2 {
            color:#fffff;
}
#tablecell2
            {
            background-color: white;
}
            
            
            
            
            
</style>
</head>
<body>
<center>
<table width="60%" cellspacing="0">
  <tr>
    <th colspan="2"><img src="logo.png"></th>
  </tr>
  <tr>
    <td id="tablecell"><h2 class="h2"><a href="Etusivu.html">Etusivu</a></p><a href="vesivarat.html">Vesivarat</a></p><a href="ihminen.html">Ihminen</a></p><a href="palaute.html">Palaute</a><h2></td> 
    
    <td id="tablecell2"><center><h2>Vesi</h2></center></p><center>______________________________________________________________________________</center></p></p>Vesi (H2O, joskus myös divetymonoksidi tai divetyoksidi) on huoneenlämmössä nesteenä esiintyvä vedyn ja hapen muodostama kemiallinen yhdiste. Kaikki maapallolla oleva vesi lienee peräisin vuosimiljoonien aikana planeettaan törmänneistä komeetoista ja tulivuorten purkauksista. Vettä on saatavilla lähes kaikkialla maapallolla, ja se on kaiken tunnetun elämän perusehto. Vesi on hajutonta, mautonta ja läpinäkyvää. 
    </td>
  </tr>
</table>
</body>

i think im doing something wrong, cause when i try delete html code like <font color="#####"> text color goes away and i dont know how make style for text or something.

and am i doing everything else good?

sorry for being shit xD here is  ^^

Spoiler

 

 

Link to comment
Share on other sites

Link to post
Share on other sites

1 hour ago, zwirek2201 said:

Could you edit your post and post a code as "Code" in the editor? Use 9th button from left in the editor options. It will make it way easier for everyone to read and find mistakes :)

Edit: Here's a jsfiddle to play with the code
https://jsfiddle.net/47NMH/28/

i dont understand that at all what should i do there

Link to comment
Share on other sites

Link to post
Share on other sites

<html>
  <head>
    <style>
      body {
        margin: 60;
        background-color: #96C2E5;     
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;           
      }

      .h2 {
        color:#ffffff;
      }

      .tablecell2 {
        background-color: white;
      }

      .line
      {
        width:90%;
        display:block;
        height:1px;
        background-color:black;
        margin-top:5px;
        margin-bottom:5px;
      }
    </style>
  </head>
  <body>
    <center>
      <table id="mainTable">
        <tr>
          <th colspan="2"><img src="logo.png"></th>
        </tr>
        <tr>
          <td class="tablecell">
            <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
            <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
            <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
            <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
          </td>    
          <td class="tablecell2">
            <center>
              <h2>Vesi</h2>
              <div class="line"/>
            </center>
            Vesi (H2O, joskus myös divetymonoksidi tai divetyoksidi) on huoneenlämmössä nesteenä esiintyvä vedyn ja hapen muodostama 								kemiallinen yhdiste. Kaikki maapallolla oleva vesi lienee peräisin vuosimiljoonien aikana planeettaan törmänneistä komeetoista ja 						  tulivuorten purkauksista. Vettä on saatavilla lähes kaikkialla maapallolla, ja se on kaiken tunnetun elämän perusehto. Vesi on 							hajutonta, mautonta ja läpinäkyvää. 
          </td>
        </tr>
      </table>
    </center>
  </body>
</html>

Sorry for the formatting, but apparently code looks different in the editor than when you post it.

 

Main problems that I found and fixed:

- Your font color was going away because you wrote color as 5 symbols while hex color almost always needs to be 6 symbols (#ffffff)

- You've mistaken id with class

- the line that you did was causing the table to take the whole space of the page. I replaced it with a div that imitates a line

 

If you have any questions, go for it ;)

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

<html>
<head>
<title></title>
<style>
 body {
        margin: 60;
        background-color: #96C2E5;     
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;           
      }

      .h2 {
        color:#ffffff;
      }

      .tablecell2 {
        background-color: white;
      }

      .line
      {
        width:90%;
        display:block;
        height:1px;
        background-color:black;
        margin-top:5px;
        margin-bottom:5px;
      }
	  h3{
		color:  #0c457c;
		float: right;
		width: 40%;
		height: 10;
		}
	.p {
		float: right;
		width: 62%;
		}
		
</style>
</head>
<body>

<table id="mainTable">
  <tr>
    <th colspan="2"><img src="logo.PNG"></th>
  </tr>
  <tr>
  <td class="tablecell">
  <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
  <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
  <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
  <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
	<td class="tablecell2">
	<center>
	<h2>Vesi ja ihminen </center>
	<h4 class="h4">Fysiologinen merkitys</h4><img src="lasi.png">   
	<p class="p">Ihminen on noin 62-prosenttisesti vettä, ja jo muutaman<br>prosentin nestehukka heikentää työkykyä merkittävästi.<br>Kahdenkymmenen prosentin vajaus johtaa kuolemaan.<br>Koska vettä poistuu ihmisessä monella tavalla, ihminen<br>tarvitsee elääkseen jatkuvasti merkittäviä määriä vettä.
	<br>
	<br>Ihminen kuolee ensimmäisenä hapenpuutteeseen <br> (minuuteissa), sitten vedenpuutteeseen (vuorokausia) ja<br>ravinnonpuutteeseen vasta viikkojen tai kuukausien jälkeen.
	<br>
	<br>Veden haihtuminen vaatii paljon energiaa, ja käytännössä<br>viilentää ihmisen ruumista. Tämän voi todeta itsekin<br>helposti: nuolaisemalla kämmenselkää ja puhaltamalla<br> siihen. Tämä on yksi hikoilun ja karvattomuuden etu.
	</p>
	<h3 class="h3">Kulttuurimerkitys</h3>
	<br>
	 <br>Maanviljelyssä vesi tuli erityisen tärkeään asemaan, sitä <br>tarvittiin juomiseen ja ruuanlaittoon verrattuna valtavia <br>määriä. Makeaa vettä on saatavilla suuria määriä suurien <br>jokien alueilla (Niili, Eufrat, Huanghe eli Keltainenjoki). Ne synnyttivät ensimmäiset suuret kulttuurit.<br></p>
    Myös veden kyky sammuttaa tuli on tehnyt vedestä tärkeän.
	</p>
	  <br>Vettä pidettiin vuosisatojen ajan yhtenä klassisista alkuaineista. Vasta 1700-luvulla Henry Cavendish <br>havaitsi, että vedyn palaessa syntyy vettä. Tämä osoitti että vesi ei ole alkuaine vaan vedyn ja hapen<br> kemiallinen yhdiste.</p>
 <h3> Energiakäyttö</h3></p>
   <br>Virtaavia vesiä on pitkään valjastettu voimantuotantoon. Kuitenkin vasta teollisena aikana tämä<br>energiantuottotapa nousi merkittävään asemaan patojen ja vesivoimaloiden rakentamisen myötä.</p>
   <br>
    Tulevaisuudessa kyky tuottaa hallittua energiaa ydinfuusion avulla antaisi vedelle vielä uuden merkityksen.<br> Se tekisi valtameristä käytännössä rajattoman energianlähteen ihmiselle.


	 
 
   </td>
  </tr>
</table>
</body>

what am i doing wrong  its supposed to look like this https://gyazo.com/30b72863e1ffe7478f1743a227b49355

Link to comment
Share on other sites

Link to post
Share on other sites

2 hours ago, zwirek2201 said:

<html>
  <head>
    <style>
      body {
        margin: 60;
        background-color: #96C2E5;     
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;           
      }

      .h2 {
        color:#ffffff;
      }

      .tablecell2 {
        background-color: white;
      }

      .line
      {
        width:90%;
        display:block;
        height:1px;
        background-color:black;
        margin-top:5px;
        margin-bottom:5px;
      }
    </style>
  </head>
  <body>
    <center>
      <table id="mainTable">
        <tr>
          <th colspan="2"><img src="logo.png"></th>
        </tr>
        <tr>
          <td class="tablecell">
            <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
            <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
            <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
            <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
          </td>    
          <td class="tablecell2">
            <center>
              <h2>Vesi</h2>
              <div class="line"/>
            </center>
            Vesi (H2O, joskus myös divetymonoksidi tai divetyoksidi) on huoneenlämmössä nesteenä esiintyvä vedyn ja hapen muodostama 								kemiallinen yhdiste. Kaikki maapallolla oleva vesi lienee peräisin vuosimiljoonien aikana planeettaan törmänneistä komeetoista ja 						  tulivuorten purkauksista. Vettä on saatavilla lähes kaikkialla maapallolla, ja se on kaiken tunnetun elämän perusehto. Vesi on 							hajutonta, mautonta ja läpinäkyvää. 
          </td>
        </tr>
      </table>
    </center>
  </body>
</html>

Sorry for the formatting, but apparently code looks different in the editor than when you post it.

 

Main problems that I found and fixed:

- Your font color was going away because you wrote color as 5 symbols while hex color almost always needs to be 6 symbols (#ffffff)

- You've mistaken id with class

- the line that you did was causing the table to take the whole space of the page. I replaced it with a div that imitates a line

 

If you have any questions, go for it ;)

<html>
<head>
<title></title>
<style>
 body {
        margin: 60;
        background-color: #96C2E5;     
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;           
      }

      .h2 {
        color:#ffffff;
      }

      .tablecell2 {
        background-color: white;
      }

      .line
      {
        width:90%;
        display:block;
        height:1px;
        background-color:black;
        margin-top:5px;
        margin-bottom:5px;
      }
	  h3{
		color:  #0c457c;
		float: right;
		width: 40%;
		height: 10;
		}
	.p {
		float: right;
		width: 62%;
		}
		
</style>
</head>
<body>

<table id="mainTable">
  <tr>
    <th colspan="2"><img src="logo.PNG"></th>
  </tr>
  <tr>
  <td class="tablecell">
  <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
  <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
  <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
  <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
	<td class="tablecell2">
	<center>
	<h2>Vesi ja ihminen </center>
	<h4 class="h4">Fysiologinen merkitys</h4><img src="lasi.png">   
	<p class="p">Ihminen on noin 62-prosenttisesti vettä, ja jo muutaman<br>prosentin nestehukka heikentää työkykyä merkittävästi.<br>Kahdenkymmenen prosentin vajaus johtaa kuolemaan.<br>Koska vettä poistuu ihmisessä monella tavalla, ihminen<br>tarvitsee elääkseen jatkuvasti merkittäviä määriä vettä.
	<br>
	<br>Ihminen kuolee ensimmäisenä hapenpuutteeseen <br> (minuuteissa), sitten vedenpuutteeseen (vuorokausia) ja<br>ravinnonpuutteeseen vasta viikkojen tai kuukausien jälkeen.
	<br>
	<br>Veden haihtuminen vaatii paljon energiaa, ja käytännössä<br>viilentää ihmisen ruumista. Tämän voi todeta itsekin<br>helposti: nuolaisemalla kämmenselkää ja puhaltamalla<br> siihen. Tämä on yksi hikoilun ja karvattomuuden etu.
	</p>
	<h3 class="h3">Kulttuurimerkitys</h3>
	<br>
	 <br>Maanviljelyssä vesi tuli erityisen tärkeään asemaan, sitä <br>tarvittiin juomiseen ja ruuanlaittoon verrattuna valtavia <br>määriä. Makeaa vettä on saatavilla suuria määriä suurien <br>jokien alueilla (Niili, Eufrat, Huanghe eli Keltainenjoki). Ne synnyttivät ensimmäiset suuret kulttuurit.<br></p>
    Myös veden kyky sammuttaa tuli on tehnyt vedestä tärkeän.
	</p>
	  <br>Vettä pidettiin vuosisatojen ajan yhtenä klassisista alkuaineista. Vasta 1700-luvulla Henry Cavendish <br>havaitsi, että vedyn palaessa syntyy vettä. Tämä osoitti että vesi ei ole alkuaine vaan vedyn ja hapen<br> kemiallinen yhdiste.</p>
 <h3> Energiakäyttö</h3></p>
   <br>Virtaavia vesiä on pitkään valjastettu voimantuotantoon. Kuitenkin vasta teollisena aikana tämä<br>energiantuottotapa nousi merkittävään asemaan patojen ja vesivoimaloiden rakentamisen myötä.</p>
   <br>
    Tulevaisuudessa kyky tuottaa hallittua energiaa ydinfuusion avulla antaisi vedelle vielä uuden merkityksen.<br> Se tekisi valtameristä käytännössä rajattoman energianlähteen ihmiselle.


	 
 
   </td>
  </tr>
</table>
</body>

you got any clue what is wrong ? supposed to look like https://gyazo.com/30b72863e1ffe7478f1743a227b49355

Link to comment
Share on other sites

Link to post
Share on other sites

I wrote a whole beautiful paragraph about what mistakes you made and it disappeared >:(

Well... following code should work better.

 

Most of the time you're either missing closing tags (ex. </td>) and for some reason putting </p> tags everywhere. 

<html>
  <head>
    <style>
      body {
        margin: 60px;
        background-color: #96C2E5;   
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .image
      {
        float:left;
        margin-right:5px;
        margin-bottom:5px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;
        vertical-align:top;
      }

      .h2 {
        color:#ffffff;
        position:relative;
        text-align:center;
      }

      a {
        color:#ffffff;
      }

      .h1 {
        color:#0c457c
      }
      .tablecell2 {
        background-color: white;
      }

      .h4 {
        color:#0c457c
      }

      .p {
        color:#0c457c;
        position: relative;
      }

      .text {
        color:#0c457c;
        position: relative;
        margin-top: 00px;
        margin-left: 0px;

      }

      .kuva {

      }

      .h1 {
        color: red;
        margin-top: -1030px;
      }

      .h3 {
        color:#0c457c;
        position: relative;
        margin-top: 00px;
        margin-left: 0px;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th colspan="2"><img src="logo.PNG"></th>
      </tr>
      <tr>
        <td class="tablecell">
          <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
          <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
          <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
          <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
        </td>
        <td class="tablecell2">
          <center>
            <h2 class="h1">Vesi ja ihminen</h2> 
          </center>
          <h4 class="h4">Fysiologinen merkitys</h4>
          <img class="image" src="lasi.png">   
          <p class="p">Ihminen on noin 62-prosenttisesti vettä, ja jo muutaman<br>prosentin nestehukka heikentää työkykyä merkittävästi.<br>Kahdenkymmenen prosentin vajaus johtaa kuolemaan.<br>Koska vettä poistuu ihmisessä  monella tavalla, ihminen<br>tarvitsee elääkseen jatkuvasti merkittäviä määriä vettä.
            <br>
            <br> Ihminen kuolee ensimmäisenä hapenpuutteeseen <br> (minuuteissa), sitten vedenpuutteeseen (vuorokausia) ja<br>ravinnonpuutteeseen vasta viikkojen tai kuukausien jälkeen.
            <br>
            <br>Veden haihtuminen vaatii paljon energiaa, ja käytännössä<br>viilentää ihmisen ruumista. Tämän voi todeta itsekin<br>helposti: nuolaisemalla kämmenselkää ja puhaltamalla<br> siihen. Tämä on yksi hikoilun ja karvattomuuden etu.
          </p>

          <h3 class="h3">Kulttuurimerkitys</h3>
          <br>Maanviljelyssä vesi tuli erityisen tärkeään asemaan, sitä <br>tarvittiin juomiseen ja ruuanlaittoon verrattuna valtavia <br>määriä. Makeaa vettä on saatavilla suuria määriä suurien <br>jokien alueilla (Niili, Eufrat, Huanghe eli Keltainenjoki). Ne synnyttivät ensimmäiset suuret kulttuurit.<br>

          <text class="text"> Myös veden kyky sammuttaa tuli on tehnyt vedestä tärkeän.</text>

          <text class="text"> <br>Vettä pidettiin vuosisatojen ajan yhtenä klassisista alkuaineista. Vasta 1700-luvulla Henry Cavendish <br>havaitsi, että vedyn palaessa syntyy vettä. Tämä osoitti että vesi ei ole alkuaine vaan vedyn ja hapen<br> kemiallinen yhdiste.</text>
          <h3 class="h3">Energiakäyttö</h3>
          <br>Virtaavia vesiä on pitkään valjastettu voimantuotantoon. Kuitenkin vasta teollisena aikana tämä<br>energiantuottotapa nousi merkittävään asemaan patojen ja vesivoimaloiden rakentamisen myötä.
          <br>
          Tulevaisuudessa kyky tuottaa hallittua energiaa ydinfuusion avulla antaisi vedelle vielä uuden merkityksen.<br> Se tekisi valtameristä käytännössä rajattoman energianlähteen ihmiselle.
        </td>
      </tr>
    </table>
  </body>
</html>

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

2 minutes ago, zwirek2201 said:

<html>
  <head>
    <style>
      body {
        margin: 60px;
        background-color: #96C2E5;   
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .image
      {
        float:left;
        margin-right:5px;
        margin-bottom:5px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;
        vertical-align:top;
      }

      .h2 {
        color:#ffffff;
        position:relative;
        text-align:center;
      }

      a {
        color:#ffffff;
      }

      .h1 {
        color:#0c457c
      }
      .tablecell2 {
        background-color: white;
      }

      .h4 {
        color:#0c457c
      }

      .p {
        color:#0c457c;
        position: relative;
      }

      .text {
        color:#0c457c;
        position: relative;
        margin-top: 00px;
        margin-left: 0px;

      }

      .kuva {

      }

      .h1 {
        color: red;
        margin-top: -1030px;
      }

      .h3 {
        color:#0c457c;
        position: relative;
        margin-top: 00px;
        margin-left: 0px;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th colspan="2"><img src="logo.PNG"></th>
      </tr>
      <tr>
        <td class="tablecell">
          <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
          <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
          <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
          <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
        </td>
        <td class="tablecell2">
          <center>
            <h2 class="h1">Vesi ja ihminen</h2> 
          </center>
          <h4 class="h4">Fysiologinen merkitys</h4>
          <img class="image" src="lasi.png">   
          <p class="p">Ihminen on noin 62-prosenttisesti vettä, ja jo muutaman<br>prosentin nestehukka heikentää työkykyä merkittävästi.<br>Kahdenkymmenen prosentin vajaus johtaa kuolemaan.<br>Koska vettä poistuu ihmisessä  monella tavalla, ihminen<br>tarvitsee elääkseen jatkuvasti merkittäviä määriä vettä.
            <br>
            <br> Ihminen kuolee ensimmäisenä hapenpuutteeseen <br> (minuuteissa), sitten vedenpuutteeseen (vuorokausia) ja<br>ravinnonpuutteeseen vasta viikkojen tai kuukausien jälkeen.
            <br>
            <br>Veden haihtuminen vaatii paljon energiaa, ja käytännössä<br>viilentää ihmisen ruumista. Tämän voi todeta itsekin<br>helposti: nuolaisemalla kämmenselkää ja puhaltamalla<br> siihen. Tämä on yksi hikoilun ja karvattomuuden etu.
          </p>

          <h3 class="h3">Kulttuurimerkitys</h3>
          <br>Maanviljelyssä vesi tuli erityisen tärkeään asemaan, sitä <br>tarvittiin juomiseen ja ruuanlaittoon verrattuna valtavia <br>määriä. Makeaa vettä on saatavilla suuria määriä suurien <br>jokien alueilla (Niili, Eufrat, Huanghe eli Keltainenjoki). Ne synnyttivät ensimmäiset suuret kulttuurit.<br>

          <text class="text"> Myös veden kyky sammuttaa tuli on tehnyt vedestä tärkeän.</text>

          <text class="text"> <br>Vettä pidettiin vuosisatojen ajan yhtenä klassisista alkuaineista. Vasta 1700-luvulla Henry Cavendish <br>havaitsi, että vedyn palaessa syntyy vettä. Tämä osoitti että vesi ei ole alkuaine vaan vedyn ja hapen<br> kemiallinen yhdiste.</text>
          <h3 class="h3">Energiakäyttö</h3>
          <br>Virtaavia vesiä on pitkään valjastettu voimantuotantoon. Kuitenkin vasta teollisena aikana tämä<br>energiantuottotapa nousi merkittävään asemaan patojen ja vesivoimaloiden rakentamisen myötä.
          <br>
          Tulevaisuudessa kyky tuottaa hallittua energiaa ydinfuusion avulla antaisi vedelle vielä uuden merkityksen.<br> Se tekisi valtameristä käytännössä rajattoman energianlähteen ihmiselle.
        </td>
      </tr>
    </table>
  </body>
</html>

 

umm all text is gone ?

Link to comment
Share on other sites

Link to post
Share on other sites

2 minutes ago, bomberblyat said:

umm all text is gone ?

It's because of the margin that you're setting to -1030 in the h1 class. Remove that line and it should be good. You should never use negative margins. 

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

8 minutes ago, zwirek2201 said:

I wrote a whole beautiful paragraph about what mistakes you made and it disappeared >:(

Well... following code should work better.

 

Most of the time you're either missing closing tags (ex. </td>) and for some reason putting </p> tags everywhere. 


<html>
  <head>
    <style>
      body {
        margin: 60px;
        background-color: #96C2E5;   
      }

      #mainTable {
        width:60%; 
        border-spacing:0px;
      }

      .image
      {
        float:left;
        margin-right:5px;
        margin-bottom:5px;
      }

      .tablecell {
        background-color: #0c457c;
        width:20%;
        vertical-align:top;
      }

      .h2 {
        color:#ffffff;
        position:relative;
        text-align:center;
      }

      a {
        color:#ffffff;
      }

      .h1 {
        color:#0c457c
      }
      .tablecell2 {
        background-color: white;
      }

      .h4 {
        color:#0c457c
      }

      .p {
        color:#0c457c;
        position: relative;
      }

      .text {
        color:#0c457c;
        position: relative;
        margin-top: 00px;
        margin-left: 0px;

      }

      .kuva {

      }

      .h1 {
        color: red;
        margin-top: -1030px;
      }

      .h3 {
        color:#0c457c;
        position: relative;
        margin-top: 00px;
        margin-left: 0px;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th colspan="2"><img src="logo.PNG"></th>
      </tr>
      <tr>
        <td class="tablecell">
          <a href="Etusivu.html"><h2 class="h2">Etusivu</h2></a>
          <a href="vesivarat.html"><h2 class="h2">Vesivarat</h2></a>
          <a href="ihminen.html"><h2 class="h2">Ihminen</h2></a>
          <a href="palaute.html"><h2 class="h2">Palaute</h2></a>
        </td>
        <td class="tablecell2">
          <center>
            <h2 class="h1">Vesi ja ihminen</h2> 
          </center>
          <h4 class="h4">Fysiologinen merkitys</h4>
          <img class="image" src="lasi.png">   
          <p class="p">Ihminen on noin 62-prosenttisesti vettä, ja jo muutaman<br>prosentin nestehukka heikentää työkykyä merkittävästi.<br>Kahdenkymmenen prosentin vajaus johtaa kuolemaan.<br>Koska vettä poistuu ihmisessä  monella tavalla, ihminen<br>tarvitsee elääkseen jatkuvasti merkittäviä määriä vettä.
            <br>
            <br> Ihminen kuolee ensimmäisenä hapenpuutteeseen <br> (minuuteissa), sitten vedenpuutteeseen (vuorokausia) ja<br>ravinnonpuutteeseen vasta viikkojen tai kuukausien jälkeen.
            <br>
            <br>Veden haihtuminen vaatii paljon energiaa, ja käytännössä<br>viilentää ihmisen ruumista. Tämän voi todeta itsekin<br>helposti: nuolaisemalla kämmenselkää ja puhaltamalla<br> siihen. Tämä on yksi hikoilun ja karvattomuuden etu.
          </p>

          <h3 class="h3">Kulttuurimerkitys</h3>
          <br>Maanviljelyssä vesi tuli erityisen tärkeään asemaan, sitä <br>tarvittiin juomiseen ja ruuanlaittoon verrattuna valtavia <br>määriä. Makeaa vettä on saatavilla suuria määriä suurien <br>jokien alueilla (Niili, Eufrat, Huanghe eli Keltainenjoki). Ne synnyttivät ensimmäiset suuret kulttuurit.<br>

          <text class="text"> Myös veden kyky sammuttaa tuli on tehnyt vedestä tärkeän.</text>

          <text class="text"> <br>Vettä pidettiin vuosisatojen ajan yhtenä klassisista alkuaineista. Vasta 1700-luvulla Henry Cavendish <br>havaitsi, että vedyn palaessa syntyy vettä. Tämä osoitti että vesi ei ole alkuaine vaan vedyn ja hapen<br> kemiallinen yhdiste.</text>
          <h3 class="h3">Energiakäyttö</h3>
          <br>Virtaavia vesiä on pitkään valjastettu voimantuotantoon. Kuitenkin vasta teollisena aikana tämä<br>energiantuottotapa nousi merkittävään asemaan patojen ja vesivoimaloiden rakentamisen myötä.
          <br>
          Tulevaisuudessa kyky tuottaa hallittua energiaa ydinfuusion avulla antaisi vedelle vielä uuden merkityksen.<br> Se tekisi valtameristä käytännössä rajattoman energianlähteen ihmiselle.
        </td>
      </tr>
    </table>
  </body>
</html>

i found the reason why all text was gone it  was h1 margin top :), thanks for help once again my friend, anymore 2 PAGES !!! :)

Link to comment
Share on other sites

Link to post
Share on other sites

Just now, bomberblyat said:

i found the reason why all text was gone it  was h1 margin top :), thanks for help once again my friend, anymore 2 PAGES !!! :)

No problem ;) glad to help

Try, fail, learn, repeat...

Link to comment
Share on other sites

Link to post
Share on other sites

10 hours ago, Geoffrey said:

this brings me back to the days when we made justin timberlake fan pages on "the web"

Spoiler

I'm bring html back, yeah

you other mark ups don't know where its at, yeah

no inline styling to make me fat, yeah

so ill bring you pages quick like the flash. 

 

                     ¸„»°'´¸„»°'´ Vorticalbox `'°«„¸`'°«„¸
`'°«„¸¸„»°'´¸„»°'´`'°«„¸Scientia Potentia est  ¸„»°'´`'°«„¸`'°«„¸¸„»°'´

Link to comment
Share on other sites

Link to post
Share on other sites

5 hours ago, vorticalbox said:
  Hide contents

I'm bring html back, yeah

you other mark ups don't know where its at, yeah

no inline styling to make me fat, yeah

so ill bring you pages quick like the flash. 

 

shit's lit fam. Tight af

=======================Current Build=======================

Motherboard: ASUS Z170-AR

CPU: i5-6600k @ 4.5Ghz Overclocked

GPU: Gigabyte GTX980 @ 1200 Mhz Oveclocked GPU boost 1400Mhz

Memory: Corsair Dominator 16Gb @ 3200 Mhz

Cooler: NZXT Kraken x61

Storage: Corsair Force GS 128Gb + WD2TB + Seagate 1TB

PSU: Corsair HX650

Lighting: NZXT HUE+ with extension

Display: LG 34' Ultrawide 3440x1440

Peripherals: Razer Blackwidow x Chroma + Razer Firefly + Razer Mamba Chroma

Headphones: Astro A40 + Miniamp

 

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×