I was hopeing that you could help me out as I am new to HTML & CSS.

Trying to build a game interface.

What I am attemptin to do I thought would be simple:-

Tile a background img z-index -1
runner img Centre & repeat – x z-index 0
Container div to subdivide with divs to make my design layout would be z-index 1

But I cannot seem to get past stage 1.

I am hoping someone can point me as to where I am going wrong.

I am using dreamweaver cs6

This is what I thought would work:-

<title>Another Failed Attempt</title>
<style type="text/css">
#space {
    background-color: #000;
    background-image: url(interface/star_bg.jpg);
    background-repeat: repeat;
    position: relative;
    z-index: -1;
#space #runner img {
   background-color: #003;
   background-image: url(interface/runner_bg.jpg);
   background-repeat: repeat-x;
   background-position: center;
   z-index: 0;
   left: auto;
   right: auto;

<div class="background" id="space"><img src="interface/star_bg.jpg" width="1024" height="1024" />
<div class="runner" id="runner"><img src="interface/runner_bg.jpg" width="568" height="564" /></div>

New contributor

Drew Waylander is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

Khám phá các thẻ bài đăng