Div container [Dreamweaver]

Prev: Page Validation W3C Compliance
Next: trying to align text/images in tables?

From: martinstan on 6 Jan 2006 12:19

Hi all
I've read through the postings on this and can't find anything quite relevant.
I'm experimenting with div tags and creating a very basic css rollover within
a div tag container (why bother you might ask). It's placed in a table cell and
what I'm trying to do is shove the whole container over to far right of the
cell, at present it is left. Now by increasing the size of the container eg
from say 200px to 400px then it does shove it across, but surely there is a
less medieval way of doing this.
Thanks for your help
Martin

From: Osgood on 6 Jan 2006 12:33

Oops that should be 370px not 340px

td {
width: 340px;
border: 1px solid #000;
}

From: Murray *TMM* on 6 Jan 2006 12:34

<td align="right">?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable(a)atthisaddress.com> wrote in message
news:dpm9kg$et$1(a)forums.macromedia.com...
> martinstan wrote:
>
>> Hi all
>> I've read through the postings on this and can't find anything quite
>> relevant.
>> I'm experimenting with div tags and creating a very basic css rollover
>> within a div tag container (why bother you might ask). It's placed in a
>> table cell and what I'm trying to do is shove the whole container over to
>> far right of the cell, at present it is left. Now by increasing the size
>> of the container eg from say 200px to 400px then it does shove it across,
>> but surely there is a less medieval way of doing this.
>> Thanks for your help
>> Martin
>>
>
> You can float the <div> container or you can give it a margin-left
> attribute, see code below.
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="740" border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td><div id="exampleOne"><p>This is some text</p></div></td>
> <td><div id="exampleTwo"><p>This is some text</p></div></td>
> </tr>
>
> </table>
> </body>
> </html>
>

From: Osgood on 6 Jan 2006 12:30

martinstan wrote:

> Hi all
> I've read through the postings on this and can't find anything quite relevant.
> I'm experimenting with div tags and creating a very basic css rollover within
> a div tag container (why bother you might ask). It's placed in a table cell and
> what I'm trying to do is shove the whole container over to far right of the
> cell, at present it is left. Now by increasing the size of the container eg
> from say 200px to 400px then it does shove it across, but surely there is a
> less medieval way of doing this.
> Thanks for your help
> Martin
>

You can float the <div> container or you can give it a margin-left
attribute, see code below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="exampleOne"><p>This is some text</p></div></td>
<td><div id="exampleTwo"><p>This is some text</p></div></td>
</tr>

</table>
</body>
</html>

From: Osgood on 6 Jan 2006 12:39

Murray *TMM* wrote:

> <td align="right">?
>

Duh....thats the easy way but it doesnt appear to work in Mac IE5

| Next | Last
Pages: 1 2
Prev: Page Validation W3C Compliance
Next: trying to align text/images in tables?