I need help making my web site! Please!

[yanks1343]

Hi, I am making a web site. I want to make it like a computer desktop. I don't know the proper way to go about this.
This is what I have comeup with so far:

http://articsun.com/Yanks1343/New/Index.html

Im not happy with it at all.

Is it possible to make it more realilictic? Like, you can actually click on the start button and a menue pops up. And things like that. I think this would be a really cool way to make my web site.

[Charrey]

First of all, I'd make the background of the folder graphic transparent so the white isn't around it.

Try this for your start menu, you can adjust it so that it opens on-click instead of whne you hover over it..but I don't know if you can make it go up like the start menu does: http://www.dynamicdrive.com/dynamici...menu/index.htm

Or browse other forms of navigation here:
http://www.dynamicdrive.com/dynamicindex1/index.html


It's a neat idea, I hope it turns out well.

[SizzZzlinhair]

Maybe, if you had the start button be drop down menu...

http://lissaexplains.com/fun.shtml#drop

I'm not sure how to make a drop down menu open upwards instead of downwards, though. Sorry.

[yanks1343]

I had the icon transparent but when I saved it, it had to merge and became white. Also, is there a way I can position it better?

[Charrey]

Read this thread for making your image transparent:
http://www.lissaexplains.com/forum/s...ransparent+gif

and go here for your image positioning question:
http://www.lissaexplains.com/css2.shtml#position

[yanks1343]

How do you know how many pixels you want it from the top and left?

[Charrey]

I just guess and keep trying until it's where I want it.

[yanks1343]

Also, the area that I want is soposed to be black. Its not all black. Its speckeled green. Is there another way?

-----------


Two more questions, why does my image move when I change my browser size, how can I fix that?


-------------


Check it out! The first icon works

Now I just need help getting the icon transparent and not to move when the browser size is changed.


Do not post multiple times. Please use the edit button next time.

[yanks1343]

My proplems:
-one of my icons isn't transparent
-the background to my main table doesn't fully load in internet explorer but it does in opera
-the icon of my computer moves when the browser is resized
-the icon only says my computer when you put the mose on it in internet explorer

[Charrey]

I'd recommend putting it all into an iframe so things don't move around. This way, when you use absolute positioning, it will be where you position it inside of the iframe and not the whole window...and since the iframes dimensions are constant, they don't change....things will stay put. Get it?

Your image probably isn't fully loaded because the tables aren't coded correctly, you don't have any rowss in the beginning, but you close what's not there in the end (the <tr> tags)
Soo try this:

<table border="1" color="#FFFFFF" width="434" Height="353" cellspacing="0" cellpadding="0">
<tr>
<td background="http://articsun.com/Yanks1343/New/Main.jpg"><font face="comic sans ms" size="0.5" color="#000000">
<font face="comic sans ms" size="0.5" color="#000000">


<a href="http://articsun.com/Yanks1343/New/My Documents.html"><img style="position:absolute; top:50; left:325; width:42; height:47;" src="http://articsun.com/Yanks1343/New/FolderPaper.jpg" alt="My Documents">

</tr>
<tr>

<table border="1" color="#FFFFFF" width="434" Height="30" cellspacing="0" cellpadding="0">
<tr>
<td background="http://articsun.com/Yanks1343/New/Bottom.jpg"><font face="comic sans ms" size="0.5" color="#000000">
<font face="comic sans ms" size="0.5" color="#000000">
</td>
</tr>
</table>



The mouseover probably doesn't work in whatever other browser you're using besides internet explorar. But I'm using it and I don't see whatever my computer thing you're talking about.


and as for the transparent thing..what graphics program do you use?