Can I convert a table to "div" tags?

As I can not chose to work with "div" tags straight in DW as
DW only can produce "tables" so far (As far as i know. If I don't
do it manuallu then) But is there a way to convert a table to "div"
tags? I have been recommended to use "div" tags and not tables any
more. And I am not a coder guy.

> A <div> is a block level element, just like an
<h1> or <p> tag. When you
> then
> add positioning information to it, it then becomes a
"layer". (someone
> correct
> me if I'm wrong)
Any element with absolute positioning becomes a "layer" in DW
parlance. Any
element with relative, static, or fixed positioning does not.
Start here for the tutorials -
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Murray --- ICQ 71997575
Adobe Community Expert
(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
==================
"Lesurel" <[email protected]> wrote in
message
news:[email protected]...
> Why do you want to change from tables to divs? Although
CSS is preferred
> way to
> design websites these days, there are still plenty of
tables out there.
> See
> Yahoo, for example.
>
> I assume you are are only using Dreamweaver in the
design view, and not
> going
> into the code itself? The only good way to do it would
be in code view,
> and
> unless you really know what you are doing, you can
really give yourself a
> big
> headache if you try to do a one-to-one conversion.
Depending on how
> complicated
> your page is, it might be more straightforward to
recreate the page using
> CSS
> (divs, classes, ids, positioning).
>
> A <div> is a block level element, just like an
<h1> or <p> tag. When you
> then
> add positioning information to it, it then becomes a
"layer". (someone
> correct
> me if I'm wrong)
>
> Check out any of the many, many tutorials on CSS to get
started. (do a
> search
> on this forum for recommendations)
>
>

Similar Messages

Can I replace my table with divs, in this context?

Hi,
I'm trying to accomplish something without the use of tables. Maybe someone can tell me how.
- The skeleton is basically made up of 3 newspaper-style columns.
- Their widths aren't very likely to change -- their widths will be fixed -- so this eliminates one problem right off the bat, right?
- The first column (left) is a sidebar menu, and it has its own distinct background image pattern.
- The other two columns (mid and right) share a flat background. Right now, I'm just calling the same 1k JPG twice (once in each of those two columns/cells). I find this simpler than creating an unnecessary container just for the common background.
- All 3 columns begin at the same line (0).
So far so good, the fixed widths and the fact that they all begin at y=0 makes this easier than it otherwise could have been.
Now here's the tricky part :
- The amount of content is different from page to page (some pages are longer than others), and the amount of content per column will also vary individually (so the sidebar might be the longest column in one file, the mid column could be the longest element in the next, and so on...)
- The layout is horizontally centered.
- All 3 columns need to end at the same spot, which will be dynamic from page to page (in other words, the backgrounds of these columns need to stretch/repeat until the end of the column with the most content, whichever of the 3 columns that may be on any given page).
- There is a page-end image to display that is as wide as the combined 3 column widths.
As you can imagine, using a table with 3 columns makes this easy as pie. But I was told to avoid tables whenever possible, so if there's an easy way to justapose 3 divs and have them behave like 3 cells of the same table -- without too much markup -- I'd give it a try, and potentially leave tables behind for good.
It would be easy enough to create a large container div, horizontally center it, and left-float 3 divs inside it... but this doesn't address the problem of having to have those backgrounds repeat all the way to the end of the site. The way I just described, the backgrounds would vertically end wherever the content of that individual column ends.
And since we know divs don't like height=100%, well...
Any help would be appreciated.
Thanks!

Have you tried using Faux Columns?
http://www.alistapart.com/articles/fauxcolumns/
or Project Seven's Equal Height Columns script?
http://www.projectseven.com/tutorials/css/pvii_columns

How can I convert PDF table to Excel table? I'm using Adobe Acrobat Pro X

Please, Help

See this thread: http://forums.adobe.com/thread/968107?tstart=0
Lori posted some links to useful tutorials.
Be well...

Nested Repeat Region (How to convert from table to list)

Sorry, i am really no PHP hero :-(
i created a menu with the "nested repeat region" wizzard. Now i want to change the HTML from TABLE to LIST.
I thought i just need to delete <table>- and <td>-tags, replace <tr> with <ul> and that's it. (But ist's NOT!)
This is my code:
------- START ----------------
<ul id="nav">
      <?php do { ?>
          <li><?php echo $row_master1waa_page_top['top_name']; ?></li>
        <?php
if ($totalRows_master1waa_page_top>0) {
    $nested_query_detail2waa_page_sub = str_replace("123456789", $row_master1waa_page_top['id_top'], $query_detail2waa_page_sub);
    mysql_select_db($database_WAA);
    $detail2waa_page_sub = mysql_query($nested_query_detail2waa_page_sub, $WAA) or die(mysql_error());
    $row_detail2waa_page_sub = mysql_fetch_assoc($detail2waa_page_sub);
    $totalRows_detail2waa_page_sub = mysql_num_rows($detail2waa_page_sub);
    $nested_sw = false;
    if (isset($row_detail2waa_page_sub) && is_array($row_detail2waa_page_sub)) {
      do { //Nested repeat
?>
          <ul>
            <li> <?php echo $row_detail2waa_page_sub['sub_head']; ?></li>
          </ul>
          <?php
      } while ($row_detail2waa_page_sub = mysql_fetch_assoc($detail2waa_page_sub)); //Nested move next
?>
        <?php } while ($row_master1waa_page_top = mysql_fetch_assoc($master1waa_page_top)); ?>
</ul>
------- END -----
The problem is located in line 3. the result is a list like this:
<ul id="nav">
     <li>xxx</li>
     <li>xxx</li>
          <ul>
                <li>xxx</li>
                <li>xxx</li>
          </ul>
     <li>xxx</li>
</ul>
Of course it will not work. I need the nested list inserted like this:
<ul id="nav">
     <li>xxx</li>
     <li>xxx
          <ul>
                <li>xxx</li>
                <li>xxx</li>
          </ul>
      </li>
     <li>xxx</li>
</ul>
Can someone please help me changing my code to get this result?

Hi,
I had trouble replying. I may be of some assistance until one of the Guru's get on.
The whole thing works on loops based inside do and while
EX.
<?php
          do{    //end php, use html
?>
I can repeat anthing here in HTML!
<?php } while ( /* some critera exist ex: i<5 */      ); ?>
so, your 'options' tag or LI' tags should only exist inside the first loop, check your { }
The entire LIST would repeat if you add the UL tags inside the nested loop area
You may find it easier to reaplace the table with div tags and then indent the sub or nested loop with a class
I don't have time to test this but try this:
<ul id="nav">
<ul>
<?php do { ?>
<li><?php echo $row_master1waa_page_top['top_name']; ?></li>
<?php
if ($totalRows_master1waa_page_top>0) {
    $nested_query_detail2waa_page_sub = str_replace("123456789", $row_master1waa_page_top['id_top'], $query_detail2waa_page_sub);
    mysql_select_db($database_WAA);
    $detail2waa_page_sub = mysql_query($nested_query_detail2waa_page_sub, $WAA) or die(mysql_error());
    $row_detail2waa_page_sub = mysql_fetch_assoc($detail2waa_page_sub);
    $totalRows_detail2waa_page_sub = mysql_num_rows($detail2waa_page_sub);
    $nested_sw = false;
    if (isset($row_detail2waa_page_sub) && is_array($row_detail2waa_page_sub)) { ?>
   <ul>
<?php do { //Nested repeat ?>
               <li> <?php echo $row_detail2waa_page_sub['sub_head']; ?></li>
        <?php } while ($row_detail2waa_page_sub = mysql_fetch_assoc($detail2waa_page_sub)); //Nested move next ?>
    </ul>
<?php
?>
        <?php } while ($row_master1waa_page_top = mysql_fetch_assoc($master1waa_page_top)); ?>
</ul>
Hit me back if its close but wonky..
J

Convert the table using the Database Utility SE14

Hi,
I have changed the structure of table
How can I convert the table using the Database Utility (SE14)??
Regards,
Vivek

give your table name and press edit. on the next screen select activate and adjust data. This will adjust your data in the table according to new structure

Why is "onLoad" not allowed for the div tag in the behaviors effects?!

I have a js menu positioned relatively over a Flash intro in hybrid fashion; I'd like for it to appear gradually on Load so that it appears at the end of the intro, but you can't use onLoad for the div tag apparently. Is there any other way to do this? I do NOT want to have to create a navigation menu in Flash...

As David says onLoad does exactly what it says, triggers the event on page load.
A simpler solution would be to attach a JavaScript behavior to the onLoad event or separately it would not matter, to gradually fade-in your menu.
There are many utilities to do this and all are dhtml, Try searching for one and adding it to your webpage.
See the spry fade-in/out for an example of a simple effect, (you would have to adapt it to your requirements as with most special effect behaviors).
Link to spry:
http://labs.adobe.com/technologies/spry/home.html
PZ

Can you place an image in a div tag and then add type over top of it?

I told someone in class lastweek that I wanted to be able to
place type over an image. They said you can just add the image into
the div tag as a background image, which will allow you to then
type over it if you like. How is this done? I have tried and
failed. I have an image that is 200x590 going down the left side of
my page. I want to run type over it, and keep the image consistent
on every page, but change the header and type. I've seen this in
several sites. How do you do this with the div tag box model method
of building a page. Can I insert an image into the div and then run
type over it. What does the code look like?

Here's an example of using a css and a background image to a
table cell...
sample principle for a div
#div {styles go here{
http://tinyurl.com/yqeptp
You may also want to go through the beginner css tutorials at
the Adobe
site:
http://www.adobe.com/devnet/dreamweaver/css.html
(pay attention to the ones
by Adrian), beginner moving onto to creating full css
layouts.
Hope this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Forum Posting Guidelines:
http://www.adobe.com/support/forums/guidelines.html
>I told someone in class lastweek that I wanted to be able
to place type
>over an
> image. They said you can just add the image into the div
tag as a
> background
> image, which will allow you to then type over it if you
like. How is this
> done?
> I have tried and failed. I have an image that is 200x590
going down the
> left
> side of my page. I want to run type over it, and keep
the image consistent
> on
> every page, but change the header and type. I've seen
this in several
> sites.
> How do you do this with the div tag box model method of
building a page.
> Can I
> insert an image into the div and then run type over it.
What does the code
> look
> like?
>

DW Beginner - Tables, Div Tags and CSS Confusion

Hi,
I am a beginner to DW. The layout I am designing is as follows:
First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
After this table I made another table named left and right column (r:1 cz:2).
And lastly, another table, called "footer".
Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
Thanks,
S

Since you're new to DW, I'm assuming you're new to HTML and CSS, too. So start by learning code basics first and you'll have a much easier time understanding DW.
Begin here:
HTML & CSS Tutorials - http://w3schools.com/
CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
http://alt-web.com/TEMPLATES/I-page-with-floats.html
http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
How To get Help Quickly in DW Forums
http://forums.adobe.com/thread/470404

How do I position AP Div Tags relative to a Table?

Hi!
I know that it is possible to position an AP Div Tag relative to the header using a template in Dreamweaver. However, I am not able to position to relative when using a table so if you know how then help would be appreciated! Thank you! (I am using CS5 by the way)

webdesigner3383 wrote:
Hi!
I know that it is possible to position an AP Div Tag relative to the header using a template in Dreamweaver. However, I am not able to position to relative when using a table so if you know how then help would be appreciated! Thank you! (I am using CS5 by the way)
Not sure why you want to do this as it can be hit and miss.
I would insert a <div> in a table cell and set its position to relative and then insert an absolutely positioned <div> inside of the relatively positioned one:
<td>
<div style="position: relative;">
<div style="position: absolute; top: 50px; left: 40px;">Content goes here</div>
</div>
</td>
I think that should work although I havent tried inserting <divs> inside a <td> cell for many moons.

How can I convert an existing table to IOT

Hi,
My Oracle version is 10.2.0.4
Below is my structure of my test_table .
It has 1141580 rows.
I want to convert this into index Organized table. It has no secondary indexes.
How can I convert an existing table to IOT.
CREATE TABLE test_table (
   Column1             NUMBER        NOT NULL,
   Column2             DATE          NOT NULL,
   Column3             VARCHAR2(100) NOT NULL,
   Column4             VARCHAR2(8)   NULL,
   Column5             VARCHAR2(40) NOT NULL,
   Column6             VARCHAR2(3)   NULL,
   Column7             NUMBER        NOT NULL,
   Column8             NUMBER        NULL,
   Column9             VARCHAR2(32) NULL,
ALTER TABLE test_table
ADD CONSTRAINT test_table_pk2 PRIMARY KEY (
    Column1,
    Column2
USING INDEX
    STORAGE (
      INITIAL   30720 K
ALTER TABLE test_table
ADD CONSTRAINT test_table_cons1 FOREIGN KEY (
    Column1
) REFERENCES test_table2 (
    Column1
/

alter table doesn't allow to change the organization of a table.
So the logical answer to your question is
You can not
and your question
redundant.
As most other questions here.
So the answer should have been
- create a new table
- insert all rows
- drop the old table
- rename the new table
Oracle is not about rocket science.
Oracle is about reading documentation and using brains.
If you do that, maybe, one day, you will be a bigboy.
If you keep asking redundant questions you will remain a littleboy.
Sybrand Bakker
Senior Oracle DBA

Can you change the default code that targets a new window to change the content in a div tag instead

I created a database for store locations. I was able to display the list of stores. Here though I don't want the list to show the number in front of it... I still need to find the CSS to edit my results for this one. However, more importantly, I don't want to open my results in a new window, I want to be able to target a DIV tag instead.
This is the code that is created to display the list of stores.
{module_webapps,5665,a,,,_blank,,50,,1}
Currently it opens a blank window. I'd like to target a div tag on the right of the list area where the store info can appear.
Perhaps the gurus at adobe can upgrade this feature? Target DIVs instead of new or blank windows, or using frames. Below is the screen of the links created from the DB.
Below is the blank window that it opens.
Would like to make it open in a div to the right of the list. Not sure how to change to core code that was created to make that change.

I'm doing something wrong. I have the list showing the stores in CA
<div class="flip" id="woodcontainer" style="width: 160px; height: 23px;">
<h1>CALIFORNIA</h1>
</div>
<div class="panel">
<script>
$("#infochange").load("{module_webapps,5665,c,41140}"); /* this creates the list of stores in CA where #infochange is the DIV I am targeting.
</script>
</div>
<br />
The code for the DIV where I want the details to load.
<div id="infochange"></div>
This doesn't make sense because I need to have something in the DIV as a holder of some sort?

How can i convert the data from mutiple-table to the other database(MSSQL)?

Dears,
How can i convert the data from mutiple-table to the other database such as MS-SQL?
I have a third party system based on MS-SQL 2000.
Now we want to make a integration between SAP R/3(Oracle) and SQL server.
When my user releases the purchase order in R/3, the application we coded will convert the releated data to the temp database on the SQL server.
But i don't know which tools will help me reach the purpose. BAPI, LSMW, IDoc... ???
Would anybody tell me which way is better and how to do?
Thanks a lot!
Kevin Wang

Hello Kevin,
The question to use which method depend on your detail requirements. If you use BAPI, you need to find which Bapi can provide the data you want. Bapi normally use as a function called by external system. So you need to develop an external program like VB/Java to call this Bapi and move it to SQL. LSMW is use when you want to upload data from an external system to SAP. So it does not serve your requirement. Idoc can be use to export data to an external system. Again like Bapi, you need to find what Idoc can provide the data you want. However, it does not any programming from the external system. If I were you, based on your requirements, I think writing an Abap program that read the data you want and download it to NT/SQL server will be faster and easier.

How do I, or can I, do a rollover with, or between, three div tags?

Dear Dreamweaver forum:
I am currently using Dreamweaver CS3 on my MacBook Pro.
I am new to Dreamweaver and have been studying tutorials on Lynda.com at the "essential" level.
The series of Dreamweaver CS3 videos I have been following on Lynda.com are done by Garrick Chow.
However, what I still do not know how to do is link a shape to both an image and to text.
The shape, the image, and the text are all contained within their own div tags.
Why did I go so "div tag crazy"? It's because I went with what I can understand so far.
The concept of movable div tags, for me, was both one of the easiest concepts to understand and one of
the easiest things to create so far in my studies of Dreamweaver CS3.
Anyway, I think the image below pretty much spells out what I'm looking for
Any help would be appreciated. Thanks!
Scott

You can learn to code, pay the $99 to join the developers program, purchase a Mac if you don't have one (it's required to develop for iOS) and install the correct tools. There are a number of books available on the subject, some in the iBookstore, I'm sure.

Can you put a div tag on top of div tag that contains an image?

i have a div tag with an image inside it, i would like to create another div tag and place a video inside this one. Is it possible to place the div tag with the video inside it on top of the div tag with the image inside it?
Any help is very much apreciated

Typically, a background image is placed in a division's CSS code.
See example below: (view source in browser to see the CSS and HTML code)
http://alt-web.com/DEMOS/fixed-background.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

AP DIV tags

Back in 2003 when i was making web sites i would create the layout by using some sort of tag which i cant remember the name of. I think it was called a table tag (but definitly not the sort of tables you would get in MS word). It definitly was not a frameset.
You would draw a "area" which i think appeared in green and then draw spaces within that area which things could be placed in.
I cannot find this tag/function in dreamweaver cs5
what i have discovered is a AP DIV tag which works in a similar way excet the boxes can be drawn anywhere and not limited to your pre defined area and the code for them appears in the head (the old one was in the body)
does anyone know what i am talking about and are AP div tags a good alternative to my old method?
also if i change the ID name these boxes convert into ordinary div tags (by that i mean the look like ordinary div tags in design view) why is this?

I do like using AV divs to position objects like you would with indesign or ms publisher.
you say its able to cause display problems due to resolutions and accessability
I design my pages with 1024x768 in mind as this is typically the lowest resolution anyone will use but it is perfectally acceptable and sites which use it and fill the rest of the width screen with a background look clean. (this forum does this in fact)
if AV divs are such a bad idea what is a good alternative method of page layout?
Also ive noticed that divs and av-divs generate the exact same HTML code. so how exactly do they differ (other than the fact that dreamweaver lets you postition one in the same way you would position an object in indesign but does not allow this with the other)?

Can I convert a table to "div" tags?

Similar Messages

Maybe you are looking for