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
https://forums.phpfreaks.com/topic/240629-table-over-a-image/
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
https://forums.phpfreaks.com/topic/240629-table-over-a-image/#findComment-1235988
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.