Archief - CSS: Layers centreren?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

SaTaN

Legacy Member
Beste,

Ik ben bezig aan een site, deze is eigenlijk vrij simpel:

Ik heb een afbeelding van 1024*768 (mijn layout gemaakt in ps)
in mijn code heb ik een tabel gemaakt van 1024*768 die ik gecentreerd heb.
Hierin heb ik mijn afbeelding geladen.

In mijn afbeelding heb ik een tekstvak voorzien, omdat dit een afbeelding in moet
ik dus werken met Layers.
PHP: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<STYLE TYPE="text/css">
	<!--
	a:hover {  color: #FF6600; text-decoration: none}
	a {  color: #FF6600; text-decoration: none}	
	body {
	margin: 0px;
	padding: 0px; 
}
#Layer1 {
	position:absolute;
	width:559px;
	height:410px;
	z-index:1;
	left: 439px;
	top: 314px;
}
	-->
	</STYLE>
</head>

<body bgcolor="#272a31">
<center>
  <div id="Layer1"></div>

  <table width="1024" height="768" border="0" cellspacing="0" cellpadding="0"><blockquote></blockquote>
  <tr>
    <td v align="center"><img src="contact.jpg" width="1024" height="768" border="0" usemap="#Map" /></td>
  </tr>
</table>
</center>
</body>
</html>
Maar het lukt mij niet om die Layer ook in het midden van mijn pagina te houden.
Ik zet hem op zijn plaats in dreamweaver, maar in de browser verspringt hij.

Concreet, zou ik dus mijn layer horizontaal moeten centeren, en verticaal 500px van de top moeten positioneren.

Is Dit mogelijk? Of zijn er andere manieren om op een gecentreerde afbeelding tekst te plaatsen, die niet verspringt?

BV als ik mijn jpg versnijd, mijn tekstvak in een aparte tabel zet, kan ik dan mijn layer aan die tabel koppelen?

Dank u.
M

Mithrandix

Legacy Member
doe die position absolute weg en vervang door:

Code: 
#Layer1 {
margin: 500px auto 0;
}
S

SaTaN

Legacy Member
Ja, hij staat nu horizontaal in het midden, maar verticaal staat hij vnboven en is mijn tabel naar onder geschoven.

Hij plakt dus niet meer boven mijn tabel. :s

Dit heb ik veranderd:

PHP: 
#Layer1 {
	position:margin: 500px auto 0;
	width:559px;
	height:410px;
	z-index:1;
	top: 200px;
}
S

Strangler

Legacy Member
HTML: 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
<STYLE TYPE="text/css"> 
    <!-- 
    a:hover {  color: #FF6600; text-decoration: none} 
    a {  color: #FF6600; text-decoration: none}     
    body { 
    margin: 0px; 
    padding: 0px;
	background: #272a31; 
} 

#container{
	position: absolute;
	top: 50%;
	margin-top: -384px;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	height: 768px;
	background: url(contact.jpg) top left no-repeat;
}
    --> 
    </STYLE> 
</head> 

<body> 
	<div id="container">
			<p>tekst erin, positioneren met css</p>
	</div> 
</body> 
</html>

goe genoeg?

is in een rapke gedaan, wel zonder tabel.
x

xardy

Legacy Member
PHP: 
#Layer1 {
	margin: 500px auto 0;
	width:559px;
	height:410px;
	z-index:1;
}

probeer zo es
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan