tmn/JS-Game
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: tmn:9a4c6bea4a3e563a27dbda3d311ba2f04b942372
Branches Tags
tmn:master
...
compare: tmn:b9c458694f8a0e071f682645bd1d8ca6dfda5ef9
Branches Tags
tmn:master

2 Commits
9a4c6bea4a ... b9c458694f

Author SHA1 Message Date
tmn
b9c458694f Merge remote-tracking branch 'origin/master' into master 
# Conflicts:
#	style.css
 2020-11-02 10:15:19 +01:00
tmn
a6688b60c1 +Navigations Bar 2020-11-02 10:13:32 +01:00
2 changed files with 38 additions and 0 deletions
Show Stats Expand all files Collapse all files

6
index.html
View File

@ -7,6 +7,12 @@
<script src="code.js"></script> <script src="code.js"></script>
</head> </head>
<body> <body>
<ul>
<li><a class="active" href="#index">Play</a></li>
<li><a href="#HighScore">HighScore</a></li>
<li style="float:right"><a href="#Nickname">Nickname</a></li>
</ul>
<table id="gameTable" class="game"> <table id="gameTable" class="game">
<tr id="row0" class="game rows"> <tr id="row0" class="game rows">
<td id="field0" class="game fields" onclick="selectField(this)"></td> <td id="field0" class="game fields" onclick="selectField(this)"></td>

32
style.css
View File

@ -1,3 +1,35 @@
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
border-right:1px solid #bbb;
}
li:last-child {
border-right: none;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
#gameTable{ #gameTable{
position: absolute; position: absolute;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);