Can u try to do this? Need help

[Biggie_mac]

I've been trying for a week now to acomplish something that doesn't work out..here's what I'm trying....I have this picture:

http://www.cutite.ro/back.PNG

and I want to have something(menu) like this

http://www.cutite.ro/this.JPG (where those words are obviously links)

Looks easy? I said the same thing...only I have two problems
1. I've made a table with 3 rows, set that PNG as background for the table and wrote the words on the middle row...hope you're following me. Mozzila and Iexplorer show the links in different positions.
2. Css and Html validators form w3.org say it's wrong to use height="90" for example to row or tables. And without manually setting the heights for the rows it doesn't work out..at least for me it doesn't

So, feel free to try and tell me(and show to if u pls) if it works for you guys.

 

[Rowan W]

Here's a rough concept of how I would build the header through CSS styling.
http://img207.imageshack.us/img207/6286/exampleheader0ex.png

To get the links in the right place, put them in a list like this:

HTML:

<div id="nav">
<ul>
  <li>link 1</li>
  <li>link 2</li>
  <li>link 3</li>
</ul>
</div>

CSS:

#nav ul {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 125px; /* adjust accordingly */
  background-color: #000; /* so you can see where it is */

}
#nav ul li {
  display: inline;
}

hope that helps.

 

[Masahiro]

You can always put the links on the actaul image and make a HTML image map.

 

[Biggie_mac]

pfiu

Ok I've solved the problem...it seems that I had to set style="margin-top: 0; margin-bottom: 0 for the P tag..that seems to have solved it...

 

[Biggie_mac]

http://www.lanterne-cutite.ro/actives/

this is what came out. Pls tell me if u like it. It's not finished yet but I am looking forward to hearing some opinions regarding the design!!! I would appreciate it! Do u think the writing is to small? Is the menu too...simple? Some said to me that those links(principales & stuff) should be replaced or smth so that people realise that that's a menu. Do u agree? This should be a redesign for the site

http://www.actives.net/

I would appreciate some opinions. 10x a lot

 

[Rowan W]

It's slightly too wide and adds a horizontal scrollbar at 1024x768, it would be better to make the page luiquid so it can resize to any window size.

Also, get rid of the margins by using this, "body {margin:0;padding:0;}", in the CSS.

 

[Biggie_mac]

10x for the "body {margin:0;padding:0;}" hint...it solved the horizontal scrollbar too as I see....

 

[ramb0]

You're doing this the hard way... Have you ever used photoshop? It was made for doing stuff like this. Since you obviously didn't make it using photoshop, make an image map with dreamweaver. Tut here - http://webdesign.about.com/cs/dreamweaver/ht/htdwimgmap.htm

 

[Rowan W]

You're doing this the hard way... Have you ever used photoshop? It was made for doing stuff like this. Since you obviously didn't make it using photoshop, make an image map with dreamweaver. Tut here - http://webdesign.about.com/cs/dreamweaver/ht/htdwimgmap.htm

No he's done it the right way (for the most part), using an image map is the worse thing you can do in this simple situation.