CSS Forum

**Tomahock** · 01-22-2007, 10:23 AM

Hello

I'm trying to do my personal website!

And o got some doubts.

First of all!

It's possible i put a layer inside a table and align that layer according the table?

This is the first question that i have!

thks!

**Tom_M** · 01-22-2007, 01:47 PM

Quote:

Originally Posted by Tomahock

It's possible i put a layer inside a table and align that layer according the table?

Yes you can. But why would you want or need to? A little more info would be helpful.

**Tomahock** · 01-22-2007, 02:58 PM

i'm trying to align correcty this:

http://www.tomahock.com/site/index3.html

**LadynRed** · 01-22-2007, 03:47 PM

Yes, you can do it, but no it won't work the way you want it to.
It would be better to NOT use tables at all, for many reasons.

If you use CSS and NO tables, then you can position things fairly easily. Position absolute is, in most cases, unnecessary too.

If you're going to use XHTML, then you should not use markup like this:
<div align="center">. With XHTML, ALL presentational items should be a CSS file and it's not that hard to center a layout with CSS.

**Tomahock** · 01-22-2007, 04:48 PM

the problem is that the menu isn't in the center of the page but between the red lines...

**Tomahock** · 01-22-2007, 04:53 PM

if it helps here is my code!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>João Pina</title>
<style type="text/css">
<!--
body {
    background-image: url(Imagens/wood.jpg);
}
#Menu {
    position:absolute;
    left:323px;
    top:42px;
    width:408px;
    height:30px;
    z-index:1;
}
-->
</style></head>

<body>
<div align="center">
<table width="500" height="600" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<div id="Menu"><img src="Imagens/menu1.jpg" alt="Home" width="60" height="30" /><img src="Imagens/menu2.jpg" width="21" height="30" /><img src="Imagens/menu3.jpg" alt="Biografia" width="104" height="30" /><img src="Imagens/menu4.jpg" width="27" height="30" /><img src="Imagens/menu5.jpg" alt="Galeria" width="85" height="30" /><img src="Imagens/menu6.jpg" width="27" height="30" /><img src="Imagens/menu7.jpg" alt="Outros" width="81" height="30" /></div>
<img src="Imagens/fundo.jpg" />
</td>
</tr>
</table>
</div>
</body>
</html>

**LadynRed** · 01-22-2007, 05:47 PM

The PROBLEM is you are using absolute positioning without understanding how it works. Absolute positioning will position an element in relation to it's nearest positioned ANCESTOR. If it has no positioned ancestors, then it positions in relation to the <body>.

http://www.barelyfitz.com/screencast...s/positioning/

**Tomahock** · 01-22-2007, 07:06 PM

Now you must understand that you're talking to a newbie!

So you tell me that my code is wrong right? and... i tried this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>João Pina</title>
<style type="text/css">
<!--
body {
    background-image: url(Imagens/wood.jpg);
}
#Folha {
 position:relative;
}
#Menu {
    position:absolute;
    top:0;
    width:408px;
    height:30px;
}
-->
</style></head>

<body>
<div align="center">
  <div id="Folha"><img src="Imagens/fundo.jpg" /></div>
  <div id="Menu"><a href="index.html"><img src="Imagens/menu1.jpg" alt="Home" width="60" height="30" border="0" /></a><img src="Imagens/menu2.jpg" width="21" height="30" /><a href="biografia.html"><img src="Imagens/menu3.jpg" alt="Biografia" width="104" height="30" border="0" /></a><img src="Imagens/menu4.jpg" width="27" height="30" /><a href="galeria.html"><img src="Imagens/menu5.jpg" alt="Galeria" width="85" height="30" border="0" /></a><img src="Imagens/menu6.jpg" width="27" height="30" /><img src="Imagens/menu7.jpg" alt="Outros" width="81" height="30" /></div>
</div>
</body>
</html>

and it does not give the result that i whant!
Sorry if this isn't what you want to tell me but my poor english only let me understand this

**Tomahock** · 01-22-2007, 07:19 PM

i forgot to say that i'm using DreamWeaver