Layer borders on dreamweaver

mardy · Jun 19, 2005

hey

ive started the new layout and he 1st rpoblem has occured already

i use tables for everything, my nav bar is a table ( i cant get the nav bar function to work) and the text box thing is a table and i like them cos there easy to work with. they also have borders etc.

BUT for some reason i cant have more than 1 table on the same line. so say i had the main table in the center and i wanted to add a smaller table to one side so i insert a table, in stead of going were i want it to it goes below and i cant move it up.

so i tryed layers but layers arent visible, how can i make the layer visible??

im on dreamweaver mx

thanks!

proudcdn · Jun 19, 2005

Can you post the code you have?

If you must use tables the best way around that is to nest them (one table inside of another)

You can do it like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%">
<tr>
<td width="72%"> </td>
<td width="28%"><table width="100%">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

But to be honest you would be better off using CSS to make columns.

mardy · Jun 19, 2005

whats CSS?? lol im so amateur

proudcdn · Jun 19, 2005

Cascading Style Sheets (CSS)

I am relatively new to CSS as well. There are lots of great tutorials and examples on the Net.

Here is a link to a simple version of a site set up with CSS:

http://nemesis1.f2o.org/authors/weakley/final

Here is the code from that site:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Two columns with color - Final layout</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #ddd;
}

#container
{
margin: 1em 5%;
background-color: #FFF;
background-image: url(images/background.jpg);
background-repeat: repeat-y;
border: 1px solid #333;
}

#banner
{
background-color: #666;
border-bottom: 1px solid #333;
}

#banner h1
{
margin: 0;
padding: .5em;
}

#nav
{
float: left;
width: 160px;
margin-left: 10px;
padding-top: 1em;
}

#nav p { margin-top: 0; }

#content
{
padding-top: 1em;
margin: 0 2em 0 200px;
}

#content h2 { margin-top: 0; }

#footer
{
clear: both;
background-color: #666;
padding: 1em;
text-align: right;
border-top: 1px solid #333;
}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<h1>Site name</h1>

</div>
<div id="nav">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</p>
</div>
<div id="content">
<h2>
Page heading
</h2>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
<p class="nextbutton">
<a href="JavaScript:history.back()">< Back to tutorial</a>
</p>
</div>
<div id="footer">

Footer stuff here
</div>
</div>
</body>
</html>

mardy · Jun 20, 2005

mmmm i dont really have enough time to learn html

no ideas on how to make visible borders on layers? or at least how to add more than 1 table per line

Genialnames · Jun 20, 2005

I am not sure what do you mean, but isn't the same result you can obtain by making a bigger table and then split in two parts?

alternatively you create a table and inside that table you can add as many other tables you like and positiion them where you like.
Just be aware because DW usually add dirty code, after done some trial and added some content be sure check the result in IE navigator and FF at least, they may look slightly different each to the other.
let me know

realtechtalk · Jun 20, 2005

mardy said:
mmmm i dont really have enough time to learn html

no ideas on how to make visible borders on layers? or at least how to add more than 1 table per line

You might consider splitting a single table into two cells.

If you know CSS it would probably be easier in the end to control the layout with CSS instead.

Cheers

ywne.com

gameful.com

lookgood.com

u2nion.com

futureready.com

trustmarket.com

data4truth.com

oart.com

ngocouncilofkenya.org

storebapp.com

Layer borders on dreamweaver

Established Member

Established Member

Established Member

Established Member

Established Member

Established Member

Established Member

soccerprediction.net

Emote.co

False.co

LiveBetter.ch

HandRail.net

Paketo.gr

LaBonde.com

OnePiece.org

idealhouse.com

Swash.co

Similar threads

We're social

soccerprediction.net

Emote.co

False.co

LiveBetter.ch

HandRail.net

Paketo.gr

LaBonde.com

OnePiece.org

idealhouse.com

Swash.co

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling