Table Separation in Dreamweaver CC

I'm having a problem in Dreamweaver CC that I don't have in CS5. I'm getting a few pixels of separation between stacked rows of tables that contain images. I've made certain that the table width and height matches the width and height of the images. Without the inserted images, the tables fit together perfectly, but when an image is inserted, I get the separation on the top and bottom.
What am I missing here?

It would be best if we could see the code in our browsers.
Without a link to your page, it's all guesswork.
My guess would be, you are in an html5 doctype and you're seeing the default text descender padding on inline elements. Try adding the following to your css...
img {
display:block;
If that doesn't help, please post a link to your page.

Similar Messages

How can i add a line separator on Dreamweaver?

Hi
How can i add a line separator on Dreamweaver?
Thanks

Do you mean a Horizontal Rule (the <hr/> tag)?
Click where you want it to appear and go to Insert > Horizontal Rule, or drag and drop from the Common heading of the Insert window.
If that's not what you're talking about, could you be a bit more descriptive as to what you are trying to accomplish?

Table separator after database query

I'm looking for a way to insert a table separator/line break
after an output from SQL Server based on last name or shift. For
example, here's a basic table output, showing the manager, their
employee, and the shift they work:
MGR | EMPLOYEE | SHIFT
Smith, John | Anderson, Thomas | 1st
Smith, John | Jackson, Randy | 1st
Miller, Tammy | Cowell, Simon | 2nd
Johnson, Johnny | Abdul, Paula | 1st
Smith, John | Marshall, Sarah | 3rd
Miller, Tammy | Rabbit, Peter | 3rd
The users want to be able to sort by the managers last name,
with a separator after each manager like so:
MGR | EMPLOYEE | SHIFT
Johnson, Johnny | Abdul, Paula | 1st
Smith, John | Anderson, Thomas | 1st
Smith, John | Jackson, Randy | 1st
Miller, Tammy | Cowell, Simon | 2nd
Miller, Tammy | Rabbit, Peter | 3rd
Smith, John | Marshall, Sarah | 3rd
If this were sorting by shift, I could do this manually with
a select statement:
SELECT mgr, employee, shift
FROM some_database
WHERE (shift = 1)
ORDER BY mgr
and then put in table code with a separator like so:
<tr><td colspan="3" bgcolor="#990000"
height="2"></td></tr>
but still, I'd have to do this for each shift with another
WHERE (shift=2), etc. So this is sort of a 2 part question.
1) How to output data from database with a separator after
the mgr last name and
2) If I were to sort by shift, how could I create a loop
where I don't have to use WHERE (shift=1), (shift=2), etc, and then
a separator is put in after each shift.
Thanks.

look up how to use <cfoutput> tag with GROUP attribute
in cfml reference.
if you do not have one - download (free) from adobe.com
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/

Edit table cells in Dreamweaver 8

In Dreamwever MX2004 if you have a 1 row, 2 column table, I
can enter text in the left cell and not affect the right cell,
otherwords, I can have text in the right cell and it does not move
if I do a carrage return in the left cell.
However in Dreamweaver 8 with the same situation, the text
line in the right cell moves down one line for each carrage return
in the left cell. Dreamweaver 8 does not leave an editable area
abovr the text of the right cell so you can't backspace the text
back to the top of the cell, thus, I can't have any alignment
between the two cells.
Any ideas on how to make Dreamweaver 8 behave the same as
Dreamweaver MX2004
Cheers,
Linus Sagadore

as a pure guess, it's got to do with the align attribute of
the td tag, or
the css being used.
my guess is the code is set to vertically align the contents
of the right
cell. When you add content to the left cell, the right cell
gets taller, so
the contents of it appear to move down.
if you're still unclear- please make a page with each
version, with a table
that does this, and upload someplace and give a link to the
uploaded pages.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Table created in Dreamweaver with CSS not positioning correctly

I've created a simple 9 page website using Dreamweaver and CSS. I am no pro but I can edit some in the code. I'm really enjoying the CSS but for some reason I cannot find out why my tables appear perfect in Firefox but not in Chrome or IE. The tables are centered properly but they appear way below where they're intended to be!
I've tried to paste my code but can't, is there somewhere I can post it?
-jrntmd8r88

After struggling with this last night I took a look again this morning and narrowed down and corrected the problem. Basically, this is what happened to cause the issue and how I resolved it. Hopefully it helps others in the future.
Steps
Create project in Windows version of Cp (I was using version 8.01).
For my client's requirements, which are quite unique and complex compared to the typical Cp project, custom quiz questions/scoring had to be developed. Since these are HTML5 (non-responsive) courses, and Javascript is the fastest/most efficient way to do this, I used Javascript extensively for quizzes via the 'Execute Javascript' action. So for quiz questions, each answer is simply a smartshape (transparent, with answer text in it) that triggers the 'Execute Javascript' on click. In addition, on many of the quiz slides there are Edge Animate/HTML5 interactions embedded.
Worked fine on windows upon publish. But when I opened on a new Mac and published, when a question answer was clicked nothing would happen.
Turns out the problem seems to be with the text in the Javascript window. I think it somehow gets corrupted, though it looks fine. I had to literally delete the javascript, save it, and then copy it back in. Once I did that, it works.
I've invested too much time in this project so far, so don't want to risk any more major issues popping up like this, so I switched back to Windows and canceled my subscription this morning. Fortunately I have a license from my employer for Windows and will just use that with Boot Camp.

Table Disappears in Dreamweaver CS3

I am trying to update some pages that I did not create and
that were not created in Dreamweaver. When I open the page in DW,
the table with the text does not show up. Everything works fine
when viewing in IE.
This is the page:
http://vzoners.com/secondkingdom/sktravelersfaire/friday.html
This is what I get when I open it in Dreamweaver CS3:
DW PIC
I really would rather be able to update in Design view, so if
anyone can help I'd really appreciate it.
Thanks!
Debbie

> When I open the page in DW, the table with the text
> does not show up.
look in code view in dw.
see all the yellow highlighted tags?
start here around line 113
<tr>
<th align="center">Time</td>
<th align="center">Game</td>
<th align="center">Host</td>
<th align="center">Locale</td></tr>
change to:
<tr>
<th align="center">Time</th>
<th align="center">Game</th>
<th align="center">Host</th>
<th align="center">Locale</th></tr>
around line 135, same issue. wrong closing tag.
keep going- after fixing the wrong closing tags, click back
in design view,
then look back in code view to find the next set of
improperly closed tags.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Error when making tables in CS3 Dreamweaver

We are using Dreamweaver CS3, it has been working fine for years, just recently we have found we are unable to create tables, not only in new documents but also in old ones. We are getting the following message:
"while executing onLoad in TableCommands.htm, a JavaScript error occurred."
Please help!!!
Thanks Simon

The answer is in the Dreamweaver FAQ. See Deleting a corrupt cache file.

Need Help with giving Colors to Table Cells and Table Borders in Dreamweaver CC - Please!

Hi,
I am a teacher and use Dreamweaver CC to make my class web page.
How do I give colors to the cell borders of a table I inserted? How do I give colors and line thickness
to table borders, too?
I bought the David Powers DVD and it doesn't show that.
Please help.
Thank you,
John

Assuming that you have placed a table in your document and your CSS Designer panel is open
1. Click the '+' sign
2. Choose your option. I will choose 'Define in Page'
3. Follow the above sequence, 1.click on table, 2.ensure table is selected, 3.click on style, 4.click the '+' sign, 5. see the selector appear.
4. Click on the selector and choose the required Properties.
You can do the same for the row (<tr>) or a cell (<td>). In fact, this is how you would go about styling anything in your document.

Tables "collapsed" in dreamweaver

The sites uses tables- and the tables in dreamweaver are just
"closed" - it is written pretty much for IE 7- (the site has
seperate pages for IE and firefox) - but in both - I can read the
code in code view, but the page is inproperly displayed in design
mode? I got one of the to display a few days ago, and it still
does, but I have NO idea how I did it. This means I am having to do
all of the raw coding and it is driving me crazy. Any ideas?

I have been deleting yellow tags & or correcting them-
the main page, which the left side of the table doesn't show in dr
is biwriters.org - it does use nested tables which seems to be part
of the issue. but I got
http://www.biwriters.org/pages/membersitesI.html
to work in DR & have do idea what I did to do it- I clicked in
"a place" (as vague as it sounds), suddenly the table resized and I
was able to edit in design mode. I have made all of the links
relative (they had full URL's in them) that has not helped.

Table centered in dreamweaver, not in browser

I have the following code and css. In Dreamweaver, in design view, the table is centered, as expected, but in Safari and Firefox (the only two I've tried), the table is left aligned. I don't understand. Thanks for help
<table align = "center">
<tr><td id="firsttile"></td> <td id="secondtile"></td>
</tr>
<tr><td id="thirdtile"></td> <td id="fourthtile"></td>
</tr> </table>
with css for the 4 tiles are the same, here is for firsttile:
#firsttile {
transition: background 1.0s linear;
background-image: url("adultstrab.jpg");
background-repeat: no-repeat;
background-size: 100% auto; /*or your image's width*/
height: auto; /*or your image's height*/
margin: 0;
padding: 0;

Bascially what I have is a class .thumbnail and i put want to put 6 jpgs at the bottom of my screen each with the code following the css below. I'd like the jpgs to be centered, no matter what size screen. I can center them with css for a particular screen size, but I'd like a way for them to automatically center no matter what size screen. Any way to do this?
.thumbnail {
position: relative;
bottom:0px;
float: left;
border: 5px solid red;
margin: 1%;
padding: 1%;
width: 4%;
margin-bottom: 2px;
margin-top: 2px;
<div class="thumbnail"><a href="amb.jpg" target="_blank">
<img src="amb.jpg" width="100%" height = "100%"></a><br>
</div>
Then 5 more of the same, with different jpgs.

Table shadow in Dreamweaver

Is it possible to assign a shadow effect to a table
in Dreamweaver?
Example:
http://www.crocs.com/home.jsp
I am designing a template that has tables with rounded
corners much like the example site, but I would also like to add
shadow to the table to lift it off the page. Can this be done in
Dreamweaver?
Thanks

It is done in the CSS code but it is not fully cross browser
compatible.
This page will help
http://www.saila.com/usage/shadow/
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"paulkirtley" <[email protected]> wrote in
message
news:e4ja9n$fg3$[email protected]..
>
Is it possible to assign a shadow effect to a table
in
> Dreamweaver?
>
> Example: <a target=_blank
class=ftalternatingbarlinklarge
> href="
http://www.crocs.com/home.jsp
>
> I">
http://www.crocs.com/home.jsp
>
> I</a> am designing a template that has tables with
rounded corners much
> like
> the example site, but I would also like to add shadow to
the table to lift
> it
> off the page. Can this be done in Dreamweaver?
>
> Thanks
>

Centre a table/swf in dreamweaver

I have placed a flash swf within a table in Dreamweaver and
have got it centred but it appears at the very top of the screen,
II would like it to centre completely within the browser window
when opened, and change if the user was to reduce or increase the
size of their browser window - how do I do this??

You would need sokmething there to fill the height of the
page. Your table
won't do it.
Say -
#fullheight { height:100%; }
and then -
<table id="fullheight"....
(thanks to Gary White and
http://www.apptools.com/examples/tableheight.php)
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
==================
"sjakie" <[email protected]> wrote in
message
news:eola73$nn2$[email protected]..
> This is your stylesheet:
>
> html, body, #wrapper {
> height:100%;
> margin: 0;
> padding: 0;
> border: none;
> text-align: center;
> }
> #wrapper {
> margin: 0 auto;
> text-align: left;
> vertical-align: middle;
> width: 400px;
> }
>
> This is your HTML page:
>
> <body>
> <table id="wrapper">
> <tr>
> <td>Here goes your SWF</td>
> </tr>
> </table>
> </body>
>
> Beste Regards,
>
> Cor
>
http://www.dewebmakers.nl/
>

Rounded table corners in Dreamweaver

I need to create tables with rounded corners in Dreamweaver.
Does anyone have an easy (to understand) solution? I would really
appreaciate it. Many thanks!
PS: Will Dreamweaver ever have this function built in to
their software? Seems to be long over due.

On Mon, 29 May 2006 14:52:49 -0700, paulkirtley
<[email protected]> wrote:
>
> PS: Will Dreamweaver ever have this function built in to
their
> software? Seems
> to be long over due.
>
I wrote a DreamWeaver extension to do this. The output is
XHTML 1.1 valid
(and CSS). Supports borders, drop shadows and inner shadows.
The rects
are initially absolutely positioned, but they support liquid
layout and
relative positioning and there are tutorials on how to do
that. Plus,
once a round rect class is defined it can be re-used over and
over.
http://www.medialab.com/wellrounded
Chris Perkins
Media Lab, Inc.
http://www.medialab.com/sitegrinder
<--Photoshop to the Web plug-in.
New version supports image galleries, flash slideshows, form
creation
(yes, you read that right, form creation in Photoshop) with
PHP and CGI
mail forms supported out-of-the-box, plus vertically
expanding documents,
importing of external HTML, late binding to external HTML
(via PHP
require()) and much more.

Seeking Table alignment advice, Dreamweaver CS3

Hello,
Being extremely new to Dreamweaver, I am having trouble resolving an alignment dilemma and hope someone can help.
I am working on a page wherein I have placed a table with one row and two columns. In the lefthand column I have the title graphic for the page, and in the righthand column have added a "table within a table" where I plan to place a number of images to be viewed by scrolling down the page.
Would like the title graphic in left-hand column to stay aligned to the top of the page, but each time I add more images to the right-hand column, my title graphic in left-hand column automatically moves down. I would like to keep it static at the top of the page. (hopefully I am being clear enough explaining this).
Code is as follows:
<p> </p>
<table width="936" border="0" align="center" cellpadding="25" cellspacing="25">
<tr>
    <td width="209"><img src="Images/Portfolio Page/Brochures/brochures.jpg" alt="brochures" width="230" height="388" align="top" /></td>
    <td width="552" valign="top"><table width="450" border="0" cellspacing="5" cellpadding="5">
      <tr>
        <td><img src="Images/Portfolio Page/Brochures/wawauditionapp.gif" alt="sf ethnic dance festival audition application" width="700" height="446" /></td>
      </tr>
      <tr>
        <td><img src="Images/Portfolio Page/Brochures/restaurantinvite.gif" alt="restaurant invite" width="558" height="391" /></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table>
Any insight would be very much appreciated.
Thanks in advance,
Tania

There are two ways to close (some types of) tags.
Meta tags in your head for example <meta name="description" content="whatever" /> is a self closing tag.
Images: <img src="picture.gif" alt="picture" width="360px" height="240px" /> is a self closing tag
<tr>
    <td>content goes here</td>
</tr>
is an example of a manually closed tag set <tr> </tr> and <td> </td>
If your tag has "/>" at the end of it it doesn't need "</tag>" afterward.
Headings, paragraphs, and table cells usually aren't self closing.
When you get your page online, run ti through XHTML validation at http://validator.w3.org/ and you'll see if it is valid.
Meantime, you can run Commands>Clean up XHTML from your toolbar and it will remove redundant tags, then give you a report of what if cleaned up.

Table borders in Dreamweaver cs4 design view too big, I would like to have a single line for tables

Hi All,
I design email templates using only tables but the design view options in cs4 only provide a huge 3px border in order to display the tables. In older versions of macromedia etc the table view is only 1px wide which makes designing a whole lot easier.
When I add tables within tables it adds more spacing and looks way off and it also looks off in browsers, causing me to have to increase and decrease padding sure this is no way to create table even if they have no borders and the table width is already fixed?
I have tried turning borders off in visual aids but there is no option to have just a single line to demonstrate a border!!
I can't work like this, can anybody help me or is this just the way borders are displayed in cs4 for the pc???

Hi Guys, thanks for getting back to me.
the problem is purely about design view display and not about coding.
Below is how CS4 displays borders with two lines which I find difficult to decipher:
Then below is Macromedia DM 8 and this how I want the borders to look, with single lines to display the tables.
This may just be the way Abobe have decided to display tables in design view and there may not be any option to change it but if you know any way to change it I would be most greatful.
Thanks again.
G

Table Separation in Dreamweaver CC

Similar Messages

Maybe you are looking for