Hano009

Hmm weird, oh well. Look around on the web for examples and try many diffrent ways and see what works and what doesnt. I have to get some sleep now though but ill check back in the morning to see if you figured it out. Peace

Try this <div class=navback> <div class=nav> <ul> <li class="home"><a href="#">Home</a></li> <li class="store"><a href="#">Store</a></li> <li class="contact"><a href="#">Contact</a></li> </ul> </div></div> Then with the original css .logo img { border:4px solid #477519;}.nav ul { list-style-type: none; margin: 0; padding: 0;}.nav li { display: inline; font-family: 'Yanone Kaffeesatz', sans-serif; color: #ffffff; font-size: 40px;}.home { position: fixed; top: 15px; left: 175px;}.store { position: fixed; top: 15px; left: 245px;}.contact { position: fixed; top: 15px; left: 315px;}.navback { background-image: url("navback.png"); background-repeat: repeat-x; position: relative; z-index: -1; top: -175px; right: -8px;}

Well try to merge nav and navback, aka rename the css ".navback" to ".nav" then compleatly remove this in the html code: <div class="navback"> </div> Then if it works as i think it till then it will draw the background behind the <div class=nav> which contains the menu. If it works but just looks a little weird / off you just need to adjust positions and width/height etc to get the div to adapt the proper size then to place the menu exactly where you want it To make it more versitile in the future if you are running into problems you might wanna split this section into 2 divs, 1 for the header area and 1 for the tabs, like so: <div class=nav> <div class=tabs> <ul> <h1><div class='home'><li><a href="#">Home</a></li></div> <div class ='store'><li><a href="#">Store</a></li></div> <div class='contact'><li><a href="#">Contact</a></li></h1></div> </ul> </tabs> </div> So that you can more accuratly controle the size/position of the whole header area and the tab area seperatly

Bet Linus is into the SNUS!!

Ah well thats cause there is no content now in the div for the css to draw a background onto, its a bit hard to see exactly whats going on when i cant see the whole code Where is this Menu text element placed in the html code? this should be in the div with the class "navback" so that the background is drawn behind the text

Yeah its being drawn twice since you have it linked twice You have it both as an background pic and as an image element in the div. Remove: <img src="navback.png"> in the html code

First you had .navbg then you changed it to .body in the css code, did you also change this in the HTML element?

Well did you change the id to body in the html code also?

Well it looks kinda weird what you are trying to do with the text painted on that picture then wanting to repeat it horizontally? then you would get the same text repeated also, If you just want that background that you are using then it would be so much better to just grab 1px width of that image than using css bg repeat to extend it across the whole screen like so: background-image: url("pic.gif"); background-repeat: repeat-x; Then just code the text over this element so you later can implement the menu dropdowns etc.

width: 100% ??? Not sure what exactly you are doing here Is this a mockup or are you just experimenting trying to learn html?

I never really understood why you would want a desk like this. I mean sure if your gonna me doing driving sims/games but general use is gonna be a pain with this type of desk. There Is virtually no space for anything else but your peripherals so if you need to get some work done of if your that guy who likes to eat at your desk then you're in for a mess.

I love the design of the phone

I love the giraffing size of that screen!