Hi, here I am with my next problem:
I can't seem to get my images next to each other.
I WANT the menu to adapt at different screen sizes so I want it to be width="100%"
I got 8 taps so that's 12.5% per tap
so I tried this:
CODE: [Select]<table>
<th>
<a href="/index.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/biografie.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/programma.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/uitslagen.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/fotoalbum.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/gastenboek.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/krantenknipsels.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
</th>
<th>
<a href="/page4.html">
<IMG width=12.5% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttonactief.png">
</a>
</th>
</table>

But it won't work

Can't seem to find why tried td too no luck it just resises the img but it keeps the pixel with of the full image as with of the td or th

Can anyone help me?

Thanks in advance

Jonas Dont need the Table you can just resize them, down to 11% each, you have to COMPENSATE for the margins on each side.

try this:
Code: [Select]<p align="center">
<a href="test.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/biografie.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/programma.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/uitslagen.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/fotoalbum.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/gastenboek.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/krantenknipsels.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttoninactief.png">
</a>
<a href="/page4.html">
<IMG width=11% src="http://i696.photobucket.com/albums/vv330/willemwauters/Buttonactief.png">
</a>
</p>
Hope this Helps
,Nick(macdad-)Horizontal menus are usually done with the tag.

http://webdesign.about.com/od/css/a/aa082304_2.htm
http://css.flepstudio.org/en/css-tutorials/horizontal-menu.html
http://www.dynamicdrive.com/style/csslibrary/category/C1/Yeah, but both of your solutions aren't really solving my problem, the problem is it needs to resise them automaticly (with use of the %).
And Nick I don't think your method will work. It will just give a vertical menu.
Still thanks for the help I MIGHT have found something in one of the link, I'll check if I can use the % in combination with that method.

Jonas no it gives a horizontal menu, but HECK...and besides, you cant use the full 12.5% on each of the pictures, you have to take into consideration the margins of the page.What you should do is set a fixed width (like you have, i.e. 12.5%) but leave the last without a fixed width. This will resize the last cell automatically.