Jump to content

Table over a Image


Dominee

Recommended Posts

 

He,

 

I dont know if im in the right topic.

Sorry for this.

 

Well, here is my problem:

I made a header for my website with photoshop (when I saved this as HTML+IMAGES it has alot of images in one map ofcourse)

 

On the right of my header I want a section where people can log in or register.

The problem is, i need a table over this image so I can put my toplink in here.

If there is a other solution to do this please tell :)

 

Here is a screenshot of my header.

HeaderImage.png

 

HeaderImage2.png

 

Here is my code.

<html>
<head>
<title>Project 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="center" id="Table_01" width="1201" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td colspan="8">
		<img src="images/header_01.png" width="1200" height="96" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="96" alt=""></td>
</tr>
<tr>
	<td rowspan="3">
		<img src="images/header_02.png" width="189" height="54" alt=""></td>
	<td>
		<a href="Index.php">
			<img src="images/Project-1_03.png" width="66" height="28" border="0" alt=""></a></td>
	<td>
		<a href="Producten.php">
			<img src="images/Project-1_04.png" width="113" height="28" border="0" alt=""></a></td>
	<td rowspan="3">
		<img src="images/header_05.png" width="15" height="54" alt=""></td>
	<td rowspan="2">
		<a href="Over_ons.php">
			<img src="images/Project-1_06.png" width="89" height="30" border="0" alt=""></a></td>
	<td rowspan="3">
		<img src="images/header_07.png" width="8" height="54" alt=""></td>
	<td>
		<a href="Contact.php">
			<img src="images/Project-1_07.png" width="93" height="28" border="0" alt=""></a></td>
	<td rowspan="3">
		<img src="images/header_09.png" width="627" height="54" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
	<td colspan="2" rowspan="2">
		<img src="images/header_10.png" width="179" height="26" alt=""></td>
	<td rowspan="2">
		<img src="images/header_11.png" width="93" height="26" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/header_12.png" width="89" height="24" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
</table>
<table align="center" width="1201" border="0">
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>

 

Thanks,

 

Mitch

Link to comment
Share on other sites

before your spending all your time accomplishing this (how hard /easy it can be), don't use tables for this (see sticky). html offers far better things to make a layout/template. If i were you I would have a read the div element and the properties float and clear.

These will keep your mark up much more cleaner. http://css.maxdesign.com.au/floatutorial/

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.