css div positie absoluut binnen tabel

Status
Niet open voor verdere reacties.

Skoebie

Gebruiker
Lid geworden
11 nov 2007
Berichten
21
Hey,

Ik wil graag een div absoluut kunnen plaatsen binnen een tabel zodat ik een div boven een plaatje kan laten zien ;)

HTML:
<table>
	<tr>
		<td width="728" height="90">
			[B]<div id="footer">
			</div>[/B]
<img src="PLAATJE.JPG">
								</td>
</tr>
</table>
[HTML]

Dus de DIV footer moet over het plaatje heen komen ik had deze css code:

[CODE]
div#footer{
width: 200px;
height: 30px;
margin-left: 570px;
top: 120px;
background-color: #000000;
}
[/CODE]

waar ik mee zit is dat het plaatje wel goed horizontaal wordt weergegeven maar verticaal dus top: 120px; wil ik dattie 120px van de bovenkant van de tabelcel af te zien is.. als ik dat doe gaat het plaatje automatisch naar onder waardoor de div en het plaatje NIET over elkaar heen komen en ik wil juist van wel. 

Het aantal pixels van de bovenkant van de pagina aangeven werkt voor mij niet aangezien het voor meerdere pagina's geldt die ik alleen vanuit de css allemaal tegelijk kan editen.
 
Vogel een beetje hiermee:

HTML:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title>(Type a title for your page here)</title>
<!--Pagina gemaakt op Tuesday, December 23, 2008 22:01:39 -->
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="description"  content="korte beschrijving van de pagina">
<meta name="keywords"  content="trefwoorden, die, slaan, op, de, pagina">
<meta name="publisher" content="Jan Jansen">
<meta name="Author" content="Peter Vazed">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv=content-type content="text/html; charset=windows-1252">
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
<LINK rel="stylesheet" type="text/css" href="zp.css">

 <style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
div#footer{
width: 200px;
height: 80px;
margin-left: 570px;
margin-top: -70px;
color:#ff0000;
}
.plaatje
{
margin-left: 570px; 
}
</style>
</head>

<body >
<img src="menu1.gif" width="170" height="73" alt="">
Ik wil graag een div absoluut kunnen plaatsen<br>
 binnen een tabel zodat ik een div boven een plaatje kan laten zien

[html]
<table border="1">
<tr>
<td width="728" height="190">
<div class="plaatje"><img src="menu1.gif"></div>
<div id="footer">Dus de DIV footer moet over het plaatje heen komen
</div>
</td>
</tr>
</table>
[html]

Dus de DIV footer moet over het plaatje heen komen ik had deze css code:<br>

Code:<br><br>


waar ik mee zit is dat het plaatje wel goed horizontaal wordt<br>
 weergegeven maar verticaal dus top: 120px; wil<br>
ik dattie 120px van de bovenkant van de tabelcel af te zien is.. als ik dat doe gaat het plaatje<br> 
automatisch naar onder waardoor de div en het plaatje NIET<br>
 over elkaar heen komen en ik wil juist van wel.<br>
<br>
Het aantal pixels van de bovenkant van de pagina <br>
aangeven werkt voor mij niet aangezien het voor meerdere <br>
pagina's geldt die ik alleen vanuit de css allemaal tegelijk kan editen.

</body>

</html>

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan