Graphic and title vertically aligned

I'm trying to set up graphic images with numbered titles (captions) aligned to the left of the image. I have a single column layout with a side head. I'd like the graphics to go in the column and the title to go in the left side head, vertically aligned with the top of the graphic.
My graphic title format has side head alignment and is in the right place. The anchor for the frame that holds the graphic is at the end of the title paragraph. I've tried different anchoring positions, but can't seem to get the frame in the column, vertically aligned with the title. Has anyone done this?

You need to adjust the settings in the respective paratgs.
For the Figure Caption paratag, set the Side Head-Alignment to be "Top Edge".
For the Anchored frame in the next paratag set it to be at insertion point.
Having a paragraph between the graphic title and the frame, breaks the "Keep with Next" between the two, leaving the possiblitly of having the title on one page and the graphic on the next.
The anchored frame should be in that next paratag. There shouldn't be anything in between.
If I follow your requirements, it looks something like this:

Similar Messages

Clean sharp psd graphics and premiere titles until I render?

Hello,
I'm importing beautiful layered psd graphics and creating titles with premiere on a 720P DVCPROHD timeline.
These graphics and titles look great when they are still red bar...then after I render I get the same old ugly jagged edges I have always seen.
Can anyone explain why this is? And is there a fix?
Thanks for your advise in advance!
Mark

Thanks for the input.
I am viewing on my computer monitor because I don't have a video board for external output. I need to render out to a DVD for final playback, so I am stuck making adjustment on my computer screen. I am editing a progressive timeline so isn't my "Premiere program monitor" computer screen accurate for progressive material or is premiere always converting to interlaced?
My preview playback codec is set to DVCproHD 720p.
I just now tried setting my render quality and bit depth quality to max...this slows down the render time and the rendered graphic images still become jagged.
If I render out to a progressive DVD should this jagged edges clean up?
Rushing to get a project out.....don't have much time to investigate it.
Thanks,
Mark

Vertical Alignment issue in Safari

I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?

Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers).

Basic questions about word spacing and vertical alignment with CSS

I'm sill very new to Dreamweaver and web page designing. I've
read the entire manual SC3, one book, and starting another but I
have almost 0 practice.
Q1. so far I haven't been able to produce the effect of the
Word Spacing property. I tried all kinds of tests and I don't know
in what scenario this effect will show. Can someone give me a
simple example that shows the effect of this CSS property.
Q2. Vertical Alignment: this works well with images inserted
into text but I also expected this to work with text against other
text. For example I typed TEST© and assigned a different SCC
style to the © so that I can make it smaller and put it up
with the Vertical Alignment property. Surprisingly this propery
didn't produce any effect. How is htis suppose to be done?

> This is some text. This is some text.
You forgot to wrap your text in <p> tags so the style
rule you created
doesn't apply.
Walt
"emil emil" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> i don't know about Q1. but for Q2. just delete what you
already have for
> the copyright symbol, and then insert the copyright
special character.
> there's a couple ways to do it: on the main menu at the
top of the
> window, go to Insert, then HTML, then Special
Characters, and select
> Copyright. or you can also find it in the Insert panel,
which is below
> the menu, under Text. ...
>
>
> Thanks courtney, but that was exactly the way I created
the © character
> and
> like in this text here it needs to be scaled down and
moved up
> independently
> from the surrounding text. Can someone please post a
simple code showing
> the
> effect of the vertical alignment of text in relation to
surrounding text.
>
>
>
quote:
Originally posted by:
Newsgroup User
> Q1
>
> <html>
> <head>
> <style type="text/css">
> p
> {
> word-spacing: 30px
> }
> </style>
> </head>
> <body>
>
> <p>
> This is some text. This is some text.
> </p>
>
> </body>
> </html>
>
>
> Thank you Ken, your code works but not the code
generated from
> Dreamweaver
> when I type in the Design View and assing CSS style to
the p tag. Does
> Dreamweaver have trouble generating properly working
HTML or I'm missing
> something here? Here is the code that Dreamweaver
generates and the word
> spacing doesn't work with it.
>
> <!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>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> This is some text. This is some text.
> </body>
> </html>
>
>
>

Align JLabels and JTextFields vertically in different areas

I like to have 3 TitledBorders for 3 different areas of my frame.
Each area has its own components - JLabels, JTextField, etc.
How to align JLabels and JTextFields vertically in different areas?
e.g. for the following test program, how to configure label1, label2, label3 so that their right sides all align vertically and
tf1, tf2, tf3 so that their left sides all align vertically?
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.GridLayout;
import java.awt.Insets;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.border.TitledBorder;
public class TitledBorderDemo extends JFrame {
public TitledBorderDemo() {
    super("TitledBorderDemo");
    JTextField tf1 = new JTextField("hello", 6);
    JTextField tf2 = new JTextField("hello", 12);
    JTextField tf3 = new JTextField("test");
    JTextField tf4 = new JTextField("test2");
    JLabel label1 = new JLabel("1234567890ertyuiyup label");
    JLabel label2 = new JLabel("zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz long label");
    JLabel label3 = new JLabel("short label");
    JLabel label4 = new JLabel("test");
    JPanel panel_tf = new JPanel(new GridBagLayout());
    JPanel panel_pf = new JPanel(new GridBagLayout());
    JPanel panel_ftf = new JPanel(new GridBagLayout());
    GridBagConstraints constraints = new GridBagConstraints(0, 0, 3, 3,
            0.0, 0.0, GridBagConstraints.WEST, GridBagConstraints.NONE,
            new Insets(10, 10, 10, 10), 0, 0);
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.gridwidth = 2;
    constraints.anchor = GridBagConstraints.WEST;
    panel_tf.add(label1, constraints);
    constraints.gridx = 2;
    constraints.gridwidth = 1;
    constraints.anchor = GridBagConstraints.EAST;
    panel_tf.add(tf1, constraints);
    constraints.gridx = 0;
    constraints.gridy = 1;
    constraints.gridwidth = 2;
    constraints.anchor = GridBagConstraints.WEST;
    panel_pf.add(label2, constraints);
    constraints.gridx = 2;
    constraints.gridwidth = 1;
    constraints.anchor = GridBagConstraints.EAST;
    panel_pf.add(tf2, constraints);
    constraints.gridx = 0;
    constraints.gridy = 2;
    constraints.gridwidth = 2;
    constraints.anchor = GridBagConstraints.WEST;
    panel_ftf.add(label3, constraints);
    constraints.gridx = 2;
    constraints.gridwidth = 1;
    constraints.anchor = GridBagConstraints.EAST;
    panel_ftf.add(tf3, constraints);
    constraints.gridx = 3;
    constraints.gridwidth = 1;
    constraints.anchor = GridBagConstraints.WEST;
    panel_ftf.add(label4, constraints);
    constraints.gridx = 4;
    constraints.anchor = GridBagConstraints.EAST;
    panel_ftf.add(tf4, constraints);
    panel_tf.setBorder(new TitledBorder("JTextField1"));
    panel_pf.setBorder(new TitledBorder("JTextField2"));
    panel_ftf.setBorder(new TitledBorder("JTextField3"));
    JPanel pan = new JPanel(new GridLayout(3, 1, 10, 10));
    pan.add(panel_tf);
    pan.add(panel_pf);
    pan.add(panel_ftf);
    this.add(pan);
public static void main(String args[]) {
    JFrame frame = new TitledBorderDemo();
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(600, 450);
    frame.setVisible(true);
}

Thank you! It works!
I add some labels & components to your demo program.
Most of the components align vertically.
How to align the "Country", "Test2" & "Extension" labels on the right sides?
How to align their corresponding components so that their left sides all align vertically?
How to make the Cancel button stick to the Save button
(i.e. eliminate the gap between the Cancel and the Save button)?
import java.awt.*;
import javax.swing.*;
import javax.swing.border.*;
public class TitledBorderDemoNew extends JFrame {
public TitledBorderDemoNew() {
    super("TitledBorderDemoNew");
    JLabel nameLabel = new JLabel("Name");
    JTextField nameText = new JTextField(20);
    JLabel addressLabel = new JLabel("Address (City & State)");
    JTextField addressText = new JTextField(40);
    JLabel countryLabel = new JLabel("Country");
    JTextField countryText = new JTextField(30);
    JLabel testLabel = new JLabel("Test");
    JTextField testText = new JTextField(20);
    JLabel test2Label = new JLabel("Test2");
    JTextField test2Text = new JTextField(20);
    JLabel phoneLabel = new JLabel("Phone");
    JTextField phoneText = new JTextField(20);
    JLabel extensionLabel = new JLabel("Extension");
    JTextField extensionText = new JTextField(5);
    JLabel postalCodeLabel = new JLabel("Postal Code");
    JTextField postalCodeText = new JTextField(6);
    JButton saveButton = new JButton("Save");
    JButton cancelButton = new JButton("Cancel");
    JButton commentButton = new JButton("Comment");
    int longWidth = addressLabel.getPreferredSize().width;
    GridBagConstraints constraints = new GridBagConstraints();
    JPanel p1 = new JPanel(new GridBagLayout());
    p1.setBorder(createBorder("Name"));
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,6,4,6);
    p1.add(nameLabel, constraints);
    constraints.gridx = 1;
    constraints.anchor = GridBagConstraints.WEST;
    p1.add(nameText, constraints);
    constraints.gridx = 2;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.fill = GridBagConstraints.HORIZONTAL;
    constraints.weightx = 1.0;
    p1.add(Box.createHorizontalGlue(), constraints);
    constraints.gridx = 0;
    constraints.gridy = 1;
    constraints.fill = GridBagConstraints.NONE;
    constraints.weightx = 0.0;
    p1.add(Box.createHorizontalStrut(longWidth), constraints);
    JPanel p2 = new JPanel(new GridBagLayout());
    p2.setBorder(createBorder("Address"));
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,6,4,6);
    p2.add(addressLabel, constraints);
    constraints.gridx = 1;
    constraints.anchor = GridBagConstraints.WEST;
    p2.add(addressText, constraints);
    // extra label & component
    constraints.gridx = 2;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,36,4,6);
    p2.add(countryLabel, constraints);
    constraints.gridx = 3;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.insets = new Insets(4,6,4,6);
    p2.add(countryText, constraints);
    constraints.gridx = 0;
    constraints.gridy = 1;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,6,4,6);
    p2.add(testLabel, constraints);
    constraints.gridx = 1;
    constraints.anchor = GridBagConstraints.WEST;
    p2.add(testText, constraints);
    // extra label & component
    constraints.gridx = 2;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,36,4,6);
    p2.add(test2Label, constraints);
    constraints.gridx = 3;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.insets = new Insets(4,6,4,6);
    p2.add(test2Text, constraints);
    constraints.gridx = 4;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.fill = GridBagConstraints.HORIZONTAL;
    constraints.weightx = 1.0;
    p2.add(Box.createHorizontalGlue(), constraints);
    constraints.gridx = 0;
    constraints.gridy = 2;
    constraints.fill = GridBagConstraints.NONE;
    constraints.weightx = 0.0;
    p2.add(Box.createHorizontalStrut(longWidth), constraints);
    JPanel p3 = new JPanel(new GridBagLayout());
    p3.setBorder(createBorder("Phone"));
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,6,4,6);
    p3.add(phoneLabel, constraints);
    constraints.gridx = 1;
    constraints.anchor = GridBagConstraints.WEST;
    p3.add(phoneText, constraints);
    constraints.gridx = 2;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,6,4,6);
    p3.add(extensionLabel, constraints);
    constraints.gridx = 3;
    constraints.anchor = GridBagConstraints.WEST;
    p3.add(extensionText, constraints);
    constraints.gridx = 2;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.fill = GridBagConstraints.HORIZONTAL;
    constraints.weightx = 1.0;
    p3.add(Box.createHorizontalGlue(), constraints);
    constraints.gridx = 0;
    constraints.gridy = 1;
    constraints.fill = GridBagConstraints.NONE;
    constraints.weightx = 0.0;
    p3.add(Box.createHorizontalStrut(longWidth), constraints);
    JPanel p4 = new JPanel(new GridBagLayout());
    p4.setBorder(createBorder("Postal Code"));
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.anchor = GridBagConstraints.EAST;
    constraints.insets = new Insets(4,6,4,6);
    p4.add(postalCodeLabel, constraints);
    constraints.gridx = 1;
    constraints.anchor = GridBagConstraints.WEST;
    p4.add(postalCodeText, constraints);
    constraints.gridx = 2;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.fill = GridBagConstraints.HORIZONTAL;
    constraints.weightx = 1.0;
    p4.add(Box.createHorizontalGlue(), constraints);
    constraints.gridx = 0;
    constraints.gridy = 1;
    constraints.fill = GridBagConstraints.NONE;
    constraints.weightx = 0.0;
    p4.add(Box.createHorizontalStrut(longWidth), constraints);
    JPanel p5 = new JPanel(new GridBagLayout());
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.insets = new Insets(4,6,4,6);
    p5.add(commentButton, constraints);
    constraints.gridx = 1;
    constraints.anchor = GridBagConstraints.WEST;
    constraints.fill = GridBagConstraints.HORIZONTAL;
    constraints.weightx = 1.0;
    p5.add(Box.createHorizontalGlue(), constraints);
    constraints.gridx = 2;
    constraints.gridwidth = GridBagConstraints.RELATIVE;
    constraints.fill = GridBagConstraints.NONE;
    constraints.anchor = GridBagConstraints.EAST;
    p5.add(cancelButton, constraints);
    constraints.gridx = 3;
    constraints.gridwidth = GridBagConstraints.REMAINDER;
    constraints.anchor = GridBagConstraints.EAST;
    p5.add(saveButton, constraints);
    JPanel panel = new JPanel(new GridBagLayout());
    constraints.gridx = 0;
    constraints.gridy = 0;
    constraints.fill = GridBagConstraints.HORIZONTAL;
    constraints.weightx = 1.0;
    panel.add(p1, constraints);
    constraints.gridy = 1;
    panel.add(p2, constraints);
    constraints.gridy = 2;
    panel.add(p3, constraints);
    constraints.gridy = 3;
    panel.add(p4, constraints);
    constraints.gridy = 4;
    panel.add(p5, constraints);
    this.add(new JScrollPane(panel));
private Border createBorder(String title)
    TitledBorder b = new TitledBorder(title);
    b.setTitleColor(Color.RED.darker());
    return b;
public static void main(String args[]) {
    JFrame frame = new TitledBorderDemoNew();
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.pack();
    frame.setVisible(true);
}Edited by: 833768 on 26-Apr-2011 10:32 AM

Keynote on Ipad warning: custom and mixed lists may look different... bulleted list have bullet vertical alignment "issues" any fixes?

Help.
I am working on a high-end Keynote presentation. It was originally a poerpoint file, that I opened in keynote. So far so good. I applied keynote themes, and used bullets etc, looks great on the mac. Move it to the ipad, and the top bullet looks fine, all 1st level bullets below it have a higher vertical alignment, which no longer in alignment with the text. What am I doing to cause this? all spacing etc, is exactly the same.
anybody know a tip or trick to keep this from happening?

I answered my own question... with many, many tests.
I FINALLY figured out what the common feature was, that was causing the misalignment of the bullets.
Line spacing.
If you apply line spacing BEFORE a paragraph, it misaligns the bullets... which is WHY it wasn't happening to the 1st bullet in each text box, but only those following....
In the final test I changed the line spacing attribute to AFTER a paragraph, and VOILA! no more misaligned bullets.
It's definitely a bug in the software, since either way it looks fine on the mac, and is only a problem on the iPad.
hope that saves someone else some valuable time!!!

Vertical Alignment and Loading

Two questions. I've just uploaded a client's site as a
sub-folder of my own in order to test it out.
www.rebeccapike.co.uk/home.html
I want to know how to center the page horizontally having
used <div> tags and placed everything within a base layer.
I'm sure this is done in the properties inspector somewhere but I
can't work it out.
Secondly, some of the pages don't seem to be loading when you
link to them. For example if you go to the main menu
(www.rebeccapike.co.uk/menu.html) and click the "photographie"
link, the page only seems to load after clicking refresh a few
times... could someone tell me why?
Thanks very much in advance.
Rebecca

Okay - you're really not making much sense here. Your subject
reads
"Vertical Alignment and Loading" and yet you're asking about
horizontal
alignment, so - which is it?
Horizontal: <div style="margin: 0 auto">...</div>
Vertical + Horizontal:
http://www.apptools.com/examples/tableheight.php
Also - I have no problems loading the "Photographie" link in
both Firefox
1.5.04 and IE6 on Windows XP - they both load instantly with
one click.
BTW: That is an incorrect spelling of the word, photography -
but I assumed
or *hoped* you already knew that.
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"rfkarchitects" <[email protected]> wrote in
message
news:e5psma$ae8$[email protected]..
> Two questions. I've just uploaded a client's site as a
sub-folder of my
> own in
> order to test it out.
>
> www.rebeccapike.co.uk/home.html
>
> I want to know how to center the page horizontally
having used <div> tags
> and
> placed everything within a base layer. I'm sure this is
done in the
> properties
> inspector somewhere but I can't work it out.
>
> Secondly, some of the pages don't seem to be loading
when you link to
> them.
> For example if you go to the main menu
(www.rebeccapike.co.uk/menu.html)
> and
> click the "photographie" link, the page only seems to
load after clicking
> refresh a few times... could someone tell me why?
>
> Thanks very much in advance.
>
> Rebecca
>

"Vertical Align Center" Text and a Shape

Hi designers,
I wonder if anyone could give me a hand with aligning text and shapes? I would like to align a number to the center of a circle. "Horizontal Align Center" works well. "Vertical Align Center", however, does not yield the desired result. The number turns out to be higher in the cycle (see figure below). The distance from the top of the circle to the top of the number zero, X, is shorter than the distance between the bottom of the circle and the bottom of the number zero. Is it possible to equal these two distances?
Figure 1: The Outcome of Vertical Align Center
Thanks,
Haobo

Hi Mylenium,
Thank you very much for you very prompt reply, which solves the problem very effectively.
If you do not mind, I have got two further questions.
Firstly, is there an option similar to "Align to Path: Centre" under "Type on a Path Options" that changes how text is aligned?
Secondly, does InDesign offer the aforementioned function?
I sometimes label a large quantity of locations with alphanumeric characters, which are subject to frequent changes, and therefore would like to preserve the text if possible. I have heard that manipulating text is InDesign's area of expertise. If this function is not available in Illustrator but offered by InDesign, I can jot down another reason for acquiring the latter and split the workflow in the future.
Thanks,
Haobo

Vertical alignment in a cell and IE

In this page www.gk-developers.com, on IE, the navigation
menu is showing up midway along the page when it should be right at
the top. The table cell has the vertical align instruction but IE
seems to ignore it. What gives?
Mario.

Bonnie wrote:
> Cipr?s wrote:
>
>> Hello there, and hope you are having a good day...
>>
>>
http://gk-developers.com
>>
>> I am developing this page with a Project Seven menu
and the cell that
>> is holding the menu has the following code
>>
>> IE 7 and 6 is ignoring the "vertical alignement
top". Would
>> appreciate any help that can be given.
>
> Mario,
>
> I recommend you post this question on the project seven
support forums.
> But I can tell you now that Al will say you should not
be using IE7 on
> a production machine, as it's still in beta (I would add
I consider any
> new version of IE to be in beta, even when it's, er,
not).
>
there's one thing that all browsers support:
<td valign="top">
(or bottom or middle)
the css vertical-align is not reliable.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Grey screen no apple followed by blue screen with vertical lines. Graphics and logic board replaced 6 months ago. What to do? I held down shift, it gets HOT HOT and makes noises. (for safety mode) followed by a blank grey screen and blue screen

grey screen no apple followed by blue screen with vertical lines. Graphics and logic board replaced <6 months ago. What to do? I held down shift, it gets HOT HOT and makes noises. (for safety mode) followed by a blank grey screen and blue screen. Then tried the other way (sorry, I think it's command alt delete? I don't remember) and it turned from grey (no apple symbol) to blue blank. Then third time, grey followed by blue with vertical lines, not blocky clear lines that you can see if you are close to it.
Thanks for any help!

You have to take the computer to the Apple store to have it checked out.
Genius Bar reservation
http://www.apple.com/retail/geniusbar/
Best.

I want my spry horizontal accordian in explorer content table to be closed and also wont align left

I've tried everything. my accordian will stay closed when landing on the page in all browsers except explorer and also I can't get the tab text to align left no matter what I do.
Here is the page http://www.lohud.com/legacy/advertising/mediakit/tjn_content_guide.html
Please help I've been at this for many many hours.
Here is my 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>The Journal News Media Group</title>

<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background-image: url(images/backdrop.png);
background-repeat: no-repeat;
background-position:top center;
background-color: #77787B;
.pageLable {
font-family: arial;
font-size: 18pt;
color: #00adf0;
line-height: 25pt;
vertical-align: middle;
padding-top: 10px;
.pageLableTagline {
font-family: arial;
font-size: 18pt;
color: #A7A9AC;
.BlueText {
color: #00adf0 !important;
.descriptionFont {
font-family: arial;
font-size: 10pt;
line-height: 14pt;
.labelSub {
font-family: arial;
font-size: 14px;
color: #00adf0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
.content12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
.fontNinePoint {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
.white {
color: #FFF !important;
</style>

<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />

<style type="text/css">
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: underline;
a:active {
text-decoration: none;
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
h1,h2,h3,h4,h5,h6 {
font-family: Arial, Helvetica, sans-serif;
h6 {
font-size: 8px;
color: #000;
h4 {
font-size: 12px;
.fontsmall {
font-size: 9pt;
</style>
<style type="text/css">
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body leftmargin="0">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td><table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="126" rowspan="3"><a href="index.html"><img src="images/Logo_Nav_Black.jpg" alt="The Journal News Media Group" width="126" height="132" border="0" longdesc="index.html" /></a></td>
          <td width="780" height="30" align="right" valign="top"><table width="657" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td width="61" height="32" align="right" valign="middle"> </td>
              <td width="372" align="right" valign="middle"><a href="http://www.linkedin.com/groups/Journal-News-Media-Group-4828545?trk=myg_ugrp_ovr" target="_new"><img src="images/linkedin.png" alt="linkedin" width="16" height="16" border="0" /></a></td>
              <td width="37" align="center" valign="middle"><a href="http://www.facebook.com/pages/The-Journals-News-Media-Group/124999397672489" target="_new"><img src="images/facebook.png" alt="facebook" width="8" height="16" border="0" /></a></td>
              <td width="90" align="center" valign="middle" nowrap="nowrap" class="white" style="font-size:12px"><strong><a href="newsletter.html" class="white">newsletter</a></strong></td>
              <td width="24" align="center" valign="middle" class="white" style="font-size:12px"><img src="images/dot.png" alt="" width="9" height="9" /></td>
              <td width="90" align="center" valign="middle" nowrap="nowrap" class="white" style="font-size:12px"><strong> <a href="contact.html" class="white">contact us </a></strong></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td align="right" valign="top"><table width="657" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td width="75" bgcolor="#000000"> </td>
              <td width="369" bgcolor="#000000"><ul id="MenuBar1" class="MenuBarHorizontal">
                <li class="MenuBarItemSubmenu"><a href="#">About</a>
                  <ul>
                    <li><a href="our_brand.html">Our Brand</a></li>
                    <li><a href="our_audience.html">Our Audience</a></li>
                    <li><a href="giving_back.html">Giving Back</a></li>
                    <li><a href="careers.html">Careers</a></li>
                    </ul>
                  </li>
                <li><a href="digital.html" >Digital</a>                  </li>
                <li><a href="#">Print</a>
                  <ul>
                    <li><a class="MenuBarItemSubmenu" href="#">Journal News</a>
                      <ul>
                        <li><a href="tjn_content_guide.html">Content Guide</a></li>
                        <li><a href="tjn_print_reach.html">Print Reach</a></li>
                        </ul>
                      </li>
                    <li><a href="special_sections.html">Special Sections</a></li>
                    <li><a href="creative_ad_units.html">Creative Ad Units</a></li>
                    <li><a href="zoning_guide.html">Zoning Guide</a></li>
                    </ul>
                  </li>
                <li><a href="events.html">Events</a>
                  <ul>
                    <li><a href="golf_show.html">Golf Show</a></li>
                    <li><a href="theater_awards.html">Metropolitan High School Theater Awards</a></li>
                    <li><a href="rockland.html">Rockland Scholar Athlete</a></li>
                    <li><a href="ray_rice_day.html">Ray Rice Day</a></li>
                    <li><a href="cookie_swap.html">Cookie Swap</a></li>
                    <li><a href="give_grow.html">Give & Grow</a></li>
                    </ul>
                  </li>
                <li><a href="#"> Specs</a>
                  <ul>
                    <li><a href="print_specs.html">Print Specs</a></li>
                    <li><a href="digital_specs.html">Digital Specs</a></li>
                    <li><a href="deadlines.html">Deadlines</a></li>
                    <li><a href="terms_conditions.html">Terms & Conditions</a></li>
                    </ul>
                  </li>
              </ul></td>
</tr>
            <tr> </tr>
          </table></td>
        </tr>
        <tr>
          <td height="70" align="right" valign="top"> </td>
        </tr>
      </table>
      <table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="40"> </td>
        </tr>
    </table></td>
</tr>
</table>

<table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="300" valign="top" bgcolor="#FFFFFF"><table width="906" border="0" align="center" cellpadding="10" cellspacing="0">
      <tr>
        <td height="57" align="left" valign="top" class="pageLable">Content Guide <span class="pageLableTagline">lohud.com</span></td>
      </tr>
    </table> <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">News</div>
        <div class="AccordionPanelContent">
          <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content: </strong>The latest headlines, by county, updated continuously to keep readers informed of breaking news as it happens. Here is where they go to first for the latest on issues of particular importance to area residents: crime, politics, business, education, health and New York State news.<br />
                <strong><br />
                Advertiser Advantage:</strong> Benefit from prime positioning and high visibility on one of the most frequently<br />
                visited pages on lohud.com.</td>
              <td width="180" align="right"><img src="images/digital/contentguide/lh-news.jpg" alt="News" width="180" height="154" border="0" /></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Tax Watch</div>
        <div class="AccordionPanelContent">
          <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="685" align="left" valign="top" class="descriptionFont"><strong>Content: </strong>Money and taxes. It’s a passion topic that many area residents have a keen interest in following. Our standing Tax Watch feature on LoHud.com keeps them in-the-know with watchdog columns on government accountability, blogs from local tax experts, timely articles and columns.<br />
                <strong><br />
                Advertiser Advantage:</strong> Ideal environment for financial, banks, real estate, and business.</td>
              <td width="179" align="right"><img src="images/digital/contentguide/lh-taxwatch.jpg" alt="Tax Watch" width="179" height="155" border="0" /></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Communities</div>
        <div class="AccordionPanelContent">
          <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content: </strong>Sixteen ultra-local homepages dedicated to the unique villages, towns and cities of Westchester County, with daily updates, photos and neighborhood conversations designed to involve <br />
                and engage readers — and have them returning regularly for updates.<br />
                <strong><br />
                Advertiser Advantage: </strong>Ideal for smaller advertisers looking to reach their best potential customers<br />
                within targeted geographic areas.</td>
              <td width="181" align="right"><img src="images/digital/contentguide/lh-community.jpg" alt="Communities" width="179" height="158" border="0" /></td>
            </tr>
          </table>
        </div>
      </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Living Here</div>
        <div class="AccordionPanelContent">
          <table width="865" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="686" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Awarded “First Place Winner/Niche Website” by the 2012 New York Associated Press! Offers an insider’s look at Lower Hudson Valley real estate for residents looking to buy, sell up, downsize or plan a renovation.<br />
                <strong><br />
                Advertiser Advantage:</strong> Ideal for real estate, financial, and home-related businesses. Provides a locally driven and highly targeted environment for your message.</td>
              <td width="179" align="right"><img src="images/digital/contentguide/lh-livinghere.jpg" alt="News" width="179" height="155" border="0" /></td>
            </tr>
          </table>
        </div>
    </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Sports</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Comprehensive and updated frequently to keep fans up to date with the latest action from high school, college, major-league teams. Featuring game results, profiles of local athletes, perspective, commentary and blogs for reader interaction.<br />
          <strong><br />
          Advertiser Advantage:</strong> Action-packed environment for auto aftermarket, sporting goods, financial,<br />
          men’s interests, orthopedic and physical therapy businesses.</td>
        <td width="180" align="right"><img src="images/digital/contentguide/lh-sports.jpg" alt="Sports" width="180" height="158" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Blogs</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="683" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Can we talk? We sure can…and readers love to hear what our writers and editors have<br />
to say. Our lively Blogs site is where they can turn to for conversation and opinion on all kinds of <br />
subjects — community, lifestyle & entertainment, news, opinion and sports, including our extremely popular Yankees blog.<br />
          <strong><br />
          Advertiser Advantage:</strong> Benefit from prime positioning and visibility on highly targeted pages that offer maximum impact and response.</td>
        <td width="181" align="right"><img src="images/digital/contentguide/lh-blogs.jpg" alt="News" width="181" height="157" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Multimedia</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> A picture is worth a thousand words and this photo/video gallery keeps readers involved and engaged with compelling local photos from the week and informative feature videos on trending stories.<br />
          <strong><br />
          Advertiser Advantage:</strong> Ideal for retailers of all kinds, benefit from prime positioning and visibility on<br />
          highly targeted pages.</td>
        <td width="178" align="right"><img src="images/digital/contentguide/lh-multimedia.jpg" alt="Multimedia" width="178" height="157" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Life & Leisure</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> The perfect complement to our daily “Life & Style” print section, it’s where readers go to be inspired and entertained! Featuring complete local restaurant and food coverage, weddings/engagement announcements, home & garden tips, movie & TV reviews, music and more.<br />
          <strong><br />
          Advertiser Advantage:</strong> Ideal weekly environment for restaurants, entertainment and leisure-related<br />
          businesses.</td>
        <td width="180" align="right"><img src="images/digital/contentguide/lh-lifeleisure.jpg" alt="Life and Leisure" width="180" height="158" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Opinion</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Everybody’s got one — and this is where it counts. Our Opinion page on LoHud.com is just <br />
          that: opinions on the issues of the day, from our staff and from our readers, designed to inform, inspire and encourage interaction. Find editorials by our writers and editors, commentary, letters, editorial board surveys and more.<br />
          <strong><br />
          Advertiser Advantage:</strong> Benefit from prime positioning and visibility on highly targeted pages that offer maximum impact and response.</td>
        <td width="178" align="right"><img src="images/digital/contentguide/lh-opinion.jpg" alt="Opinion" width="178" height="156" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Obituaries</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Comprehensive and complete, with death notices, memorials, touching tributes and <br />
          convenient interactive features such as a search feature, free obituary alerts, one-click access to flowers and services, guest book signing and more.<br />
          <strong><br />
          Advertiser Advantages:</strong> Ideal environment for funeral homes, estate planners and florists.</td>
        <td width="178" align="right"><img src="images/digital/contentguide/lh-obits.jpg" alt="Obituaries" width="178" height="154" border="0" /></td>
      </tr>
    </table>
</div>
</div>
    </div>
    <p> </p></td>
</tr>
</table>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1",{ useFixedPanelHeights: false, defaultPanel: -1 });
</script>

<table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="19" align="center" valign="middle" bgcolor="#77307d" class="white" style="font-size:12px"> <a href="contact.html"><img src="images/contactAnAdvert.png" alt="Contact an advertising expert" width="336" height="18" border="0" /></a></td>
    </tr>
<tr>
    <td height="19" align="center" valign="middle" class="white" style="font-size:12px"><p><br />
    1133 Westchester Avenue, Suite N-110, White Plains, NY 10604   <img src="images/dot.png" width="9" height="9" alt="dot" /> P: 914-694-5500</p>
    <p> </p>
    <p><a href="http://www.gannett.com/" target="_new"><img src="images/Gannett.png" alt="Gannett" width="130" height="18" border="0" /></a><br />
      <br />
      Copyright © 2013<a href="http://www.lohud.com/" target="_new" class="white"> www.lohud.com</a>. All rights reserved.<br />
      Users of this site agree to the <a href="http://www.lohud.com/section/terms" target="_new" class="white">Terms of Service</a>, <a href="http://www.lohud.com/section/privacy" target="_new" class="white">Privacy Notice/Your California Privacy Rights</a>, and <a href="http://www.lohud.com/section/privacy#adchoices><http://www.lohud.com/section/privacy #adchoices" target="_new" class="white">Ad Choices</a> <br />
    </p></td>
    </tr>
</table>
<p> </p>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> </tr>
</table>
<p> </p>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

It just wont align left ......This is my style sheet
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.Accordion {
overflow: hidden;
outline:none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
text-align: left;
.AccordionPanel {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-align: left;
    padding-left: 10px;
color: #000000;
background-color: #c0dff5;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #FFF;
text-indent: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
outline:none
margin: 0px;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
padding-left: 10px;
padding-right: 10px;
height: 200px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: c0dff5;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #999999;
background-color: c0dff5;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
.AccordionPanelOpen
.AccordionPanelTab {
background-color: c0dff5;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
font-size: 12pt;
padding-left: 10px;
padding-right: 10px;

Vertical alignment off in table columns

I have a table with 3 columns with one row above and below
Text in left and right column is aligned to the top but in
the middle column the text will not align to the top. In IE it is
correct but in Firefox 1.6 it is down by 1 line
How to correct?
David
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML
xmlns="
http://www.w3.org/1999/xhtml"><HEAD><TITLE>BustedComputer</TITLE>
<META http-equiv=Content-Type content="text/html;
charset=iso-8859-1" />
<style type="text/css">

</style>
</HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=800 align=center
border=0>
<TBODY>
<TR>
<TD colSpan=3 bgcolor="#6699FF">Top</TD>
</TR>
<TR>
<TD width="150" bgcolor="#6699FF"><a
href="#">leftside</a></TD>
<TD bgcolor="#FFFFCC"><p>Contrary to popular
belief, Lorem Ipsum is not simply
random text. It has roots in a piece of classical Latin
literature from
45 BC, making it over 2000 years old.<br>
<br>
Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de
Finibus
Bonorum et Malorum" (The Extremes of Good and Evil) by
Cicero, written
in 45 BC. This book is a treatise on the theory of ethics,
very popular
during the Renaissance. The first line of Lorem Ipsum,
"Lorem ipsum dolor
sit amet..", comes from a line in section 1.10.32.</p>
</TD>
<TD width="150" bgcolor="#FFFFCC">rightside</TD>
</TR>
<TR>
<TD colSpan=3 bgcolor="#6699FF">Bottom</TD>
</TR></TBODY></TABLE></BODY></HTML>

Could it be that you are seeing the top margin on the
<p> tag?
<TD bgcolor="#FFFFCC"><p>Contrary to popular
belief
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
==================
"davidhelp" <[email protected]> wrote in
message
news:[email protected]...
>I have a table with 3 columns with one row above and
below
> Text in left and right column is aligned to the top but
in the middle
> column
> the text will not align to the top. In IE it is correct
but in Firefox 1.6
> it
> is down by 1 line
>
> How to correct?
>
> David
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
> <HTML
> xmlns="
http://www.w3.org/1999/xhtml"><HEAD><TITLE>BustedComputer</TITLE>
> <META http-equiv=Content-Type content="text/html;
charset=iso-8859-1" />
> <style type="text/css">
> 
> </style>
> </HEAD>
> <BODY>
> <TABLE cellSpacing=0 cellPadding=0 width=800
align=center border=0>
> <TBODY>
> <TR>
> <TD colSpan=3 bgcolor="#6699FF">Top</TD>
> </TR>
> <TR>
> <TD width="150" bgcolor="#6699FF"><a
href="#">leftside</a></TD>
> <TD bgcolor="#FFFFCC"><p>Contrary to popular
belief, Lorem Ipsum is
> not
> simply
> random text. It has roots in a piece of classical Latin
literature
> from
> 45 BC, making it over 2000 years old.<br>
> <br>
> Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of
"de Finibus
> Bonorum et Malorum" (The Extremes of Good and Evil) by
Cicero,
> written
> in 45 BC. This book is a treatise on the theory of
ethics, very
> popular
> during the Renaissance. The first line of Lorem Ipsum,
"Lorem
> ipsum
> dolor
> sit amet..", comes from a line in section
1.10.32.</p>
> </TD>
> <TD width="150"
bgcolor="#FFFFCC">rightside</TD>
> </TR>
> <TR>
> <TD colSpan=3 bgcolor="#6699FF">Bottom</TD>
>
</TR></TBODY></TABLE></BODY></HTML>
>
>

Vertical alignment in xhtml

Im having problem with getting text and object to vertical align in div's.
I cnat get them to position as i want them without position them with either margin/padding og using absolute position...
Anny advise ??

Hi Murray
Still working hard on the page so the page looks very unfinish, but here it is
http://home19.inet.tele.dk/jgom/js/
If you look at the logo-head part
<div id="logohead">
<div><img src="graphic/JS-logo-35x210.gif" alt="" width="210" height="35" class="logo" /></div>Kvalitet Service Garenti
</div>
i woud like the payoff "Kvalitet Service Garenti" to be vertical align in the logohead div
the only way i have found to do this is to set the line height to be the hight i want the div to be (55px)
What i realy woud like is to ba able to vertical align the payoff (and the logo) without using linehieght and/or padding/margin

Vertical alignment

<div class="content">
<div> (css attribute float : left)
    <img>
</div>
<div> (css attribute float : left)
    <table> (I need this table to align vertically with the image.)
                 (vertical-align : middle   doesn't seen to do anything)
</div>
</div>
I've tried encasing the table in another div and set THAT element to vertically align.
What am I missing?
Dana

Copy & paste this code into a new, blank document.   This layout uses CSS display:table properties to which you can add vertical-alignment.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Layout with Display:Table Properties</title>
<style>
body {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:100%;
font-weight:bold;
background: #FFF;
width: 90%;
margin: 45px auto;
display: table;
border: 4px solid #90F;
/**optional rounded borders**/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
section {
display: table-row;
background: #FFF;
margin: 0;
width: 100%;
aside.one {
width: 33%;
padding: 0 2%;
background: #F60;
color: #FFF;
display: table-cell;
vertical-align: top;
aside.two {
width: 33%;
padding: 0 2%;
background: #9F0;
color: #000;
display: table-cell;
vertical-align: bottom;
aside.three {
width: 33%;
padding: 0 2%;
background: #F09;
color: #FFF;
display: table-cell;
vertical-align: middle;
</style>

</head>
<body>
<header>This is header</header>
<section>
<aside class="one">
<p>Aside .one has vertical-align:top. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum gravida metus eu metus elementum in rhoncus nisi cursus.
Donec hendrerit condimentum ipsum, in sodales dui rhoncus non?
Nulla facilisi. Nulla porta, dolor et suscipit elementum, sem sem viverra
arcu, et aliquam elit leo porttitor urna. Praesent tristique lacus a metus
pharetra quis pharetra sapien laoreet. Nam tempor pharetra magna nec luctus.</p>
</aside>
<aside class="two">
<p>Aside .two has vertical-align:bottom.</p>
</aside>
<aside class="three">
<p>Aside .three has vertical-align:middle.</p>
</aside>
</section>
<footer>This is footer</footer>
</body>
</html>
Here's a screenshot:
Nancy O.

Standalone multi-line JLabel vertical alignment

I have a JLabel subclass that I am using an a Servlet environment, with iText to create a PDF. When I set the vertical alignment to CENTER, the vertical spacing is not correct and the label runs off the bottom of its allocated area. The JLabel is not attached to any Container, it is simply a standalone JLabel with no parent.
I've done a little digging/debugging and it appears that the View (a javax.swing.plaf.basic.BasicHTML$Renderer) is returning the height of a single line of text from getPreferredSpan(View.Y_AXIS), even though when painted, the label spans several lines. This causes SwingUtilities.layoutCompoundLabel to calculate the wrong starting Y value for the text area.
When I use this JLabel subclass in a GUI/Swing program that I have, added to a JPanel, it works correctly.
Looking for any clues or suggestions.

Partial answer:
I noticed that in the GUI environment, that the paint() method was being called twice. The first time through, the height of the text was calculated as I described above in the standalone environment - for only a single line of text. The second time through, it calculated the height correctly.
I changed my subclass to call super.paint(g) (with a dummy Graphics) if there is no parent. This "fixes" the problem in the standalone environment.
I theorise that it takes 2 passes through the size calculations in the View - once to set the width and again to set the height. Any further insights are welcome.

Graphic and title vertically aligned

Similar Messages

Maybe you are looking for