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
>

Similar Messages

How do I vertically align paragraphs in a page?

I am new to Pages, and I've run across a problem that is really aggravating because it should not be rocket science... but it seems to be, at least for me.
I need to center the text on the page so there is equal white space above and below it.
In Word, you select File --> Page Setup --> Layout --> Vertical Alignment and choose "Center." Done.
How do you do this Pages? I've scoured the manual and online help and can find nothing on this.
Thanks in advance!

Note that the Vertical Alignment does not apply to the Text Layer of a Word Processing document, just to the text in objects that accept text within the shape. For your application you would probably want to add a text box, centered on your page, to hold the text that you want to center.
Regards,
Jerry
Message was edited by: Jerrold Green1

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!!!

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>
>
>
>

"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

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:

Spry Alignment and Positioning Problem in Internet Explorer 6 and 7

I am designing a website at http://atoment.007gb.com, and neither me, nor my partner can figure out why the Spry Horizontal Menu Bar is loading the way it is in Internet Explorer. We are doing this for a school project, and eye appeal and workability is a top priority. I changed and customized most of it, but even if i did keep it the same, it still wouldn't work. I have only the best confidence, that even given the amount i have changed, you will still be able to help me with my alignment problem.
The Submenu Buttons Tile across the page, when they are supposed to go straight down...
the Submenu overlaps the main menu when you hover over it
and the darned thing wont center in any of my browsers, but thats the least of my worries.
Here is the CSS Codes
#MasterNavigator {
width: 1024px;
height: 75px;
#Navigator {
margin-left: auto;
margin-right: auto;
clear: both;
#NavigatorButtonsLeft {
background-image: url(../_images/MenuButtonBackgroundLeft.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsMiddle {
background-image: url(../_images/MenuButtonBackground.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsRight {
background-image: url(../_images/MenuButtonBackgroundRight.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsSub {
background-image:url(../_images/SubMenuButtonBackground.png);
width: 128px;
height: 35px;
line-height: 36px;
text-align: center;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
And here is my HTML code:
Home
Publishing
Videos
Patents
Wallpapers
Avatars
Userbars
Digital Design
Digital Gallery
3-D Gallery
Sci-Fi
Technology
Structures
Vehicles
Concepts
Web Design
Templates
Graphics
About Us
Atom Enterprises
Slamerz
The images I used are 20% Transparent, and are listed below.
http://atoment.007gb.com/_images/MenuButtonBackgroundLeft.png
http://atoment.007gb.com/_images/MenuButtonBackground.png
http://atoment.007gb.com/_images/MenuButtonBackgroundRight.png
http://atoment.007gb.com/_images/SubMenuButtonBackground.png
Please try your best to help me.

0087adam wrote:
ok, but how can I make it work with what I have. All the css codes are the
same, they just have been renamed.
The original SpryMenuBarHorizontal.css does not have any issues in any of the browsers. If you go and modify the original, and it does not work anymore, then the logical conclusion is that you have made one or (more likely) multiple mistakes.
In other words, you cannot make it work with what you already have.
My advice is that you replace the original CSS and work from there; but instead of changing the original CSS, make your changes in a separate stylesheet so that you can monitor and test the code at each change. For instance if you want to change the colour of the text you make a style rule that overrides the original in your new stylesheet as follows:
ul.MenuBarHorizontal a {
    color: #333;
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    color: #FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    color: #FFF;
If you want to change the background colour to an image, then follow the same procedure, testing your code at each step.
I hope this helps.
Ben

Vertically Align ComboBox String Items

I'm trying to vertically align all the strings that are part of a combobox. My code works fine when the combobox font name is Consolas, but it doesn't work when it's Microsoft Sans Serif (shown below). Is there a way to make the combobox with
Microsoft Sans Serif font look like the one with Consolas?
Private Sub UpdateSizeDataSource()
Dim dtSizes As DataTable = CType(Me.cboSize.DataSource, DataTable)
Dim pixelPitch As String = Me.cboPixelPitch.SelectedItem.ToString
Dim charStartPosition As Integer
Dim columnName As String = Nothing
Dim standardSize As String = Nothing
Dim pixelMatrix As Size
If Me.rbtUS.Checked Then
columnName = "Imperial"
End If
If Me.rbtMetric.Checked Then
columnName = "Metric"
End If
charStartPosition = dtSizes.AsEnumerable.Max(Function(dr) dr.Field(Of String)(columnName).Length) + 2
For Each dr As DataRow In dtSizes.Rows
standardSize = dr(columnName).ToString
pixelMatrix = Me.GetPixelMatrix(dr("ValueMember").ToString, pixelPitch)
dr("DisplayMember") = String.Format("{0}{1}({2}x{3})", standardSize, Space(charStartPosition - Len(standardSize)), pixelMatrix.Height, pixelMatrix.Width)
Next dr
End Sub
Ryan

The only way i see of doing this is ether using a font that has a fixed width like Consolas, Courier New, or another OR by setting the combobox`s DrawMode to DrawFixed and using the DrawItem event to draw the text 1 character at a time at a fixed width apart.
However, the text in the Edit portion of the ComboBox would still be formatted with the font`s character widths.
You may need to test different characters other than the underscore "_" in the line to get the maxwidth value. "M" is 13 pixels wide and "_" is only 10 but, it is just enough that the characters do not draw over each other.
If you use a Bold font style then you will need to switch it or some longer characters may get cut off a little.
Here is an example of what i mean but, i am not familiar with using a DataSource for the Items so, i am not sure if you would need to change anything in the DrawItem event to get the text that is displayed for each item into the txt variable or not.
Public Class Form1
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
ComboBox1.DrawMode = DrawMode.OwnerDrawFixed
With ComboBox1.Items
.Add("10 X 30 Standard (180, 560)")
.Add("10 X 30 Max (180, 580)")
.Add("10 X 30 Standard (180, 560)")
End With
End Sub
Private Sub ComboBox1_DrawItem(ByVal sender As Object, ByVal e As System.Windows.Forms.DrawItemEventArgs) Handles ComboBox1.DrawItem
e.DrawBackground()
Dim txt As String = ComboBox1.Items(e.Index).ToString
Dim maxwidth As Integer = CInt(e.Graphics.MeasureString("_", ComboBox1.Font).Width)
Dim crect As New Rectangle(0, e.Bounds.Y, maxwidth, e.Bounds.Height)
For Each c As String In txt
Using sf As New StringFormat With {.Alignment = StringAlignment.Near, .LineAlignment = StringAlignment.Center, .FormatFlags = StringFormatFlags.NoWrap, .Trimming = StringTrimming.None}
Using sb As New SolidBrush(e.ForeColor)
e.Graphics.DrawString(c, ComboBox1.Font, sb, crect, sf)
End Using
End Using
crect.X += crect.Width
Next
End Sub
End Class
If you say it can`t be done then i`ll try it
No need to imitate a monospaced font. If ownerdrawing, you can just draw the parts of each string in regular columns.
thanks for any help

How can I vertically align items that are in different regions

Hello,
I am a novice developer in APEX. I am creating a page which has 4 regions on it. Right now it looks like the following:
----region 1----------------------
label: field label4: field
-----region 2--- region 3--
label: field label45: field
-----region 4---------------------
label:field [one-item-worth-of-space. next item aligned to right of item below]long_label: field
label: field label: field
I am trying to vertically align the items in these regions, in such a way that all the colons are vertically aligned.
I am having a particular alignment problem in region 4, column 2 (item are bold). Both label:field, and long_label:field in region 4 have the same vertical/horizontal alignment option as the rest of the region (right for label, left for field). For some reason, there is one item space between these two items. This space is removed if I switch the two fields.
I would really appreciate any help trying to understand
- how to remove the one-item-equivalent space between two items in region 4
- how to vertically align all these fields in different regions on one page.
I tried to create the original scenario in bold, but the post would not allow space formatting. I apologise if it is difficult to understand
Thank you in advance for your time.
RHaq

This is not the APEX forum. Post your question in this forum:
Oracle Application Express (APEX)

How do I get text to align and look uniform? This shouldn't be as hard as I am making it!

Basically, I am trying to get the heading centered and the text aligned left....or at least aligned uniformly here. Unfortunately, for some reason I am unable to just mess with it in "design" as I usually do. The design page is blank and I can only make changes on the HTML side, which I know little about. I have attached the html for this page below. I know it's a ton to ask, but if someone would be willing to look through it and see what may be wrong or what I need to add, I would appreciate it so much.
Thanks in advance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>File Transfer Software, FTP Server, FTP Client and WebDAV Document Collaboration Software</title>
<meta name="revisit-after" content="15 Days" />
<meta name="Description" content="WebDrive FTP Client creates a virtual drive to transfer files to WebDAV, SFTP, and FTP servers ? upload and download files without the FTP Client interface. Titan FTP Server used with the WebDrive FTP Client provide secure file transfer. Titan FTP Server supports SFTP and SSL. GroupDrive offers document collaboration. FTP Software and WebDAV document collaboration that?s simple and secure." />
<meta name="Keywords" content="FTP Software, DAV Client, WebDAV, FTP Client, FTP Server, Map Drive, map network drive, FTP, WebDAV Client, drive mount, file collaboration, SFTP" />
<meta name="robots" content="all" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta name="copyright" content="©1996-2009 South River Technologies, Inc. All Rights Reserved." />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv= "pragma" content="no-cache" />
<link rel="SHORTCUT ICON" href="http://www.southrivertech.com/favicon.ico" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-67873-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<style type="text/css" link>
@import url('../../_css/default.css');body {
text-align: left;
tr #content #box_content #box_content_left table {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
text-align: left;
.left {
font-size: 110%;
.outerwrapper .liner .left tbody tr #content #box_content #box_content_left table {
font-size: 12px;
font-weight: normal;
line-height: normal;
text-align: left;
white-space: normal;
vertical-align: bottom;
float: none;
</style>

<script type="text/javascript" src="../../_js/global.js"></script>
<script type="text/javascript">if (window.attachEvent) window.attachEvent("onload", sfHover);</script>
</head>
<body>
<div class="outerwrapper">
<div class="liner">
<div class="header">
   <div class="h_top">
    <h1 class="logo"><a href="/index.html"><img src="../../_images/logo2.gif" width="195" height="52" alt="South River Technologies" /></a></h1>
    <p class="date">
     <script type="text/javascript" language="JavaScript"></script>
    </p>
    <script language="JavaScript">box_nav_followus();</script>
   </div>
<div class="h_bottom_secondary"></div>
</div>
    <script language="JavaScript">box_nav_mainmenu();</script>


<table width="760" border="0" align="left" cellpadding="0" cellspacing="0" class="left">
<tr>
<td><div id="box_masthead">
    <div id="utility">

    </div>
   </div>
       
    <script language="javascript">loadnavbar();</script>
    
</td>
</tr>

<tr>
<td id="content"><div id="box_content">
    
<style type="text/css">

</style>
<div id="box_content_left">

<div id="breadCrumb">
<br>
<a href="/index.html">Home</a> >>
<a href="/partners/index.html">Partners</a> >>
<a href="/partners/reseller.html">Resellers</a> >>
<a href="#">Reseller Support Center</a>
</div>

<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr></tr>
<td><h4><span style="font-variant: small-caps"><i><font face="Tahoma" size="6">Channel Partner Support Center</font></i></span></h4></td>
<tr>
   <table width="100%" border="0" cellspacing="5" cellpadding="5">
    <tr>
     <td align="right" valign="bottom"> <a href="/partners/reseller-emailorder-v2.htm">
                    Channel Online Order Submission</td>
     <td valign="top"><span class="style1"><font #ff9900> </font></span>Approved Reseller Partners can submit orders online here</a>.</td>
    </tr>
    <tr>
    </tr>

    <tr>
    </tr>
    <tr>
     <td align="right" valign="top"><a href="/partners/reseller/artwork.html">
                    Product Logos & Artwork</a> </td>
     <td valign="top">SRT Corporate and Product logos are available for your marketing use.</td>
     <td height="2px" colspan="2" align="left" valign="top" background="/images/bluespacer.gif"></td>
    </tr>
    <tr>
    <tr><td height="2px" colspan="2" align="left" valign="top" background="/images/bluespacer.gif"></td></tr>
     <td width="25%" align="right" valign="top"><a href="/partners/local/ProLoc.html">Product Localization & Translation </td>
     <td valign="top"><div align="left"> </a> For information on SRT's Product Localization and Translation Initiative </div>        </td>
                    <tr>
                    <tr>
<td align="right" valign="top"><a href="/partners/findreseller-sf.html">Partner Enterprise Server Lead Registration</a> </td>
     <td valign="top"></td>
    </tr>
   </table>
</tr>
</table>
<BR>
<BR>
</div>
    
    
<div id="box_content_right">

<script language="JavaScript">
   box_nav_subnav_start("Resources");
   box_nav_subnav_add("Channel Technical Support","/partners/reseller/PartnerSupport.html",0);
   box_nav_subnav_add("Part Numbers and Pricing","/partners/PriceCard.pdf",1);
   box_nav_subnav_add("Artwork and Copy","/partners/reseller/artwork.html",0);
   box_nav_subnav_add("GroupDrive Order Form","/partners/reseller/gdorderform.html",1);
   box_nav_subnav_add("WebDrive/Titan Order Form","/partners/reseller/orderform.html",1);
   box_nav_subnav_add("White Papers","/partners/reseller/whitepapers.html",0);
   box_nav_subnav_add("Newsletter Archives","/partners/reseller/newsarchive.html",0);
   box_nav_subnav_add("Contact Us","/partners/reseller/contactus.html",0);
   box_nav_subnav_end();
</script>

     <script language="JavaScript">
      box_nav_news_start("Reseller News");
      box_nav_news_add("SRT Signs 100th Reseller","/press/pr040921.pdf",1);
      box_nav_news_end();
     </script>

<script language="JavaScript">box_nav_srtlogo();</script>

<BR>
<br>
</div>
    
   </div>
       
</td>
</tr>
<tr>
<td><img src="/images/box_bottom760.gif" id="box_bottom760" alt="" /></td>
</tr>
<tr>
<td><script language="javascript" type="text/javascript">writefooter();</script></td>
</tr>
</table>
</body>
</html>

OK - sorry that my comment didn't advance the thread.
The single largest determinant of a goofy layout is the use of invalid code. The first place to start debugging a layout is the W3 validator. Check the code that you posted earlier at this site -
http://validator.w3.org
When I do that, I get 47 errors and 1 warning. In addition to the many syntax errors (this page has a STRICT XHTML doctype!) of XHTML, which probably have no effect on layout, there are others that probably have a significant effect:
Line 24, Column 28: "link" is not a member of a group specified for any attribute
<style type="text/css" link>
Line 92, Column 23: document type does not allow element "style" here
<style type="text/css">
Line 108, Column 11: end tag for "tr" which is not finished
<tr></tr>
Line 109, Column 6: document type does not allow element "td" here; assuming missing "tr" start-tag
<td><h4><span style="font-variant: small-caps"><i><font face="Tahoma" size="6…
Line 110, Column 6: document type does not allow element "tr" here
<tr>
Line 111, Column 67: document type does not allow element "table" here; missing one of "th", "td" start-tag
   <table width="100%" border="0" cellspacing="5" cellpadding="5">
Line 119, Column 9: end tag for "tr" which is not finished
    </tr>
(many repetitions of this kind of error)
Line 191, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>
(two of these)
It makes no sense trying to troubleshoot layout problems with this many instances of broken code. That was really what Nancy's post was getting at.
Fix that code first and then we can work on the layout.

Vertical alignment is middle regardless of setting

Running LiveCycle Designer ES 8.2 and Adobe Acrobat Pro 9 on Windows 7.
I'm designing a form with many text fields. Most of them work great. However, I several text fields--some standalone, some table cells--where the vertical alignment of the user-entered value always shows as middle.
For example, this text field has the vertical alignment set to bottom, using the paragraph pallette:
This is the same field with the alignment set to top:
And this is the same field again, with the alignment set to middle:
You will notice that they all look the same--always middle. I'm able to set the caption alignment fine, and I'm aware of the way to distinguish between adjusting the caption and value properties in the paragraph pallette.
I can't determine any pattern as to why some of my text fields align fine according to the settings I specify, and some of them are always, always middle-aligned.
Are there any other settings or conditions which may be overriding my alignment settings for these specific fields?
It first started happening with table cells, so I assumed some table setting was causing the problem (although I never found it). Once standalone text fields started doing it too, though, I was extra stumped.
I am able to adjust all the horitzonal alignment settings fine. I have tried deleting the offending cells and starting from scratch, but it hasn't helped.
Any suggestions or help would be appreciated!
Thanks,
Marybeth

This seems odd, but you need to also set the property JAVASE_DB_INTERACTION to false.
<p>
propertiesMap.put(EntityManagerFactoryProvider.JAVASE_DB_INTERACTION, "false");
<p>---
<br>James Sutherland
<br>Oracle TopLink, EclipseLink
<br>Wiki: Java Persistence, EclipseLink

Unable to vertical align flash file

I have previously posted this on the Dreamweaver forum, however, have not been able to obtain a response.
I have been attempting to align a flash file created with FC in the center of a web browser with CSS. The file is 800 x 600 px and I was hoping to centre the file using CSS.
I have created a Div Tag wrapper around the .swf and can get the file to center horizontally, however, the file will not move from the top of the browser.
I would prefer not to use tables, and would like to keep the file simple with CSS.
Any suggestions would be appreciated.
JB

Yes it is a bit tricky to vertically align content. Take a look at this example that shows you how to setup your <div> containers.
http://www.webtoolkit.info/css-vertical-align.html
Hope this works for you.
Tanya

How to vertically align Prompts on the same line in OBIEE

Can we vertically align "Product Line (Owned)" and "Product Line(Not Owned)" in this Prompt on same vertical line?
so that "Product Line(Owned)" can start from the same vertical line where "Product Line(Not Owned)" starts
we tried few options by adding a text element in dashboard and playing with td.GFPFilter
but couldn't find a solution to it.
we were looking into this thread
Dashboard Prompt Alignment
Currently we have it like this, alignment is not same due to "Not Owned" text being longer than "Owned" text
"Product Pillar (Owned)"--------------"Product Line (Owned)"---------------------"Product (Owned)"
"Product Pillar (Not Owned)"--------------"Product Line (Not Owned)"---------------"Product (Not Owned)"
we want to have it like this,
"Product Pillar (Owned)"--------------"Product Line (Owned)"-------------"Product (Owned)"
"Product Pillar (Not Owned)"---------"Product Line (Not Owned)"--------"Product (Not Owned)"

Hi Rupak,
I just tried it and it the solution is pretty easy. Just add a text-box to your dashboard holding the following:
<style>td.GFPFilter {width: 200px}</style>You need to check "Contains HTML markup"
Regards,
Stijn

Remove / unload external swf file(s) from the main flash file and load a new swf file and garbage collection from memory.

I can't seem to remove / unload the external swf files e.g when the carousel.swf (portfolio) is displayed and I press the about button the about content is overlapping the carousel (portfolio) . How can I remove / unload an external swf file from the main flash file and load a new swf file, while at the same time removing garbage collection from memory?
This is the error message(s) I am receiving: "TypeError: Error #2007: Parameter child must be non-null.
at flash.display::DisplayObjectContainer/removeChild()
at index_fla::MainTimeline/Down3()"
import nl.demonsters.debugger.MonsterDebugger;
var d:MonsterDebugger=new MonsterDebugger(this);
stage.scaleMode=StageScaleMode.NO_SCALE;
stage.align=StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);
// loader is the loader for portfolio page swf
var loader:Loader;
var loader2:Loader;
var loader3:Loader;
var loader1:Loader;
// resize content
function resizeHandler(event:Event):void {
    // resizes portfolio page to center
loader.x = (stage.stageWidth - loader.width) * .5;
loader.y = (stage.stageHeight - loader.height) * .5;
// resizes about page to center
loader3.x = (stage.stageWidth - 482) * .5 - 260;
loader3.y = (stage.stageHeight - 492) * .5 - 140;
/*loader2.x = (stage.stageWidth - 658.65) * .5;
loader2.y = (stage.stageHeight - 551.45) * .5;*/
addEventListener(Event.ENTER_FRAME, onEnterFrame,false, 0, true);
function onEnterFrame(ev:Event):void {
var requesterb:URLRequest=new URLRequest("carouselLoader.swf");
loader = null;
loader = new Loader();
loader.name ="carousel1"
//adds gallery.swf to stage at begining of movie
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
function ioError(event:IOErrorEvent):void {
trace(event);
try {
loader.load(requesterb);
} catch (error:SecurityError) {
trace(error);
addChild(loader);
loader.x = (stage.stageWidth - 739) * .5;
loader.y = (stage.stageHeight - 500) * .5;
// stop gallery.swf from duplication over and over again on enter frame
removeEventListener(Event.ENTER_FRAME, onEnterFrame);
//PORTFOLIO BUTTON
//adds eventlistner so that gallery.swf can be loaded
MovieClip(root).nav.portfolio.addEventListener(MouseEvent.MOUSE_DOWN, Down, false, 0, true);
function Down(event:MouseEvent):void {
// re adds listener for contact.swf and about.swf
MovieClip(root).nav.info.addEventListener(MouseEvent.MOUSE_DOWN, Down1, false, 0, true);
MovieClip(root).nav.about.addEventListener(MouseEvent.MOUSE_DOWN, Down3, false, 0, true);
//unloads gallery.swf from enter frame if users presses portfolio button in nav
var requester:URLRequest=new URLRequest("carouselLoader.swf");
    loader = null;
loader = new Loader();
loader.name ="carousel"
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
function ioError(event:IOErrorEvent):void {
trace(event);
try {
loader.load(requester);
} catch (error:SecurityError) {
trace(error);
addChild(loader);
loader.x = (stage.stageWidth - 739) * .5;
loader.y = (stage.stageHeight - 500) * .5;
removeChild( getChildByName("about") );
removeChild( getChildByName("carousel1") );
// remove eventlistner and prevents duplication of gallery.swf
MovieClip(root).nav.portfolio.removeEventListener(MouseEvent.MOUSE_DOWN, Down);
//INFORMATION BUTTON
//adds eventlistner so that info.swf can be loaded
MovieClip(root).nav.info.addEventListener(MouseEvent.MOUSE_DOWN, Down1, false, 0, true);
function Down1(event:MouseEvent):void {
//this re-adds the EventListener for portfolio so that end user can view again if they wish.
MovieClip(root).nav.portfolio.addEventListener(MouseEvent.MOUSE_DOWN, Down, false, 0, true);
MovieClip(root).nav.about.addEventListener(MouseEvent.MOUSE_DOWN, Down3, false, 0, true);
var requester:URLRequest=new URLRequest("contactLoader.swf");
loader2 = null;
loader2 = new Loader();
loader2.name ="contact"
loader2.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
function ioError(event:IOErrorEvent):void {
trace(event);
try {
loader2.load(requester);
} catch (error:SecurityError) {
trace(error);
addChild(loader2);
loader2.x = (stage.stageWidth - 658.65) * .5;
loader2.y = (stage.stageHeight - 551.45) * .5;
// remove eventlistner and prevents duplication of info.swf
MovieClip(root).nav.info.removeEventListener(MouseEvent.MOUSE_DOWN, Down1);
//ABOUT BUTTON
//adds eventlistner so that info.swf can be loaded
MovieClip(root).nav.about.addEventListener(MouseEvent.MOUSE_DOWN, Down3, false, 0, true);
function Down3(event:MouseEvent):void {
//this re-adds the EventListener for portfolio so that end user can view again if they wish.
MovieClip(root).nav.portfolio.addEventListener(MouseEvent.MOUSE_DOWN, Down, false, 0, true);
MovieClip(root).nav.info.addEventListener(MouseEvent.MOUSE_DOWN, Down1, false, 0, true);
var requester:URLRequest=new URLRequest("aboutLoader.swf");
loader3 = null;
loader3 = new Loader();
loader3.name ="about"
loader3.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
function ioError(event:IOErrorEvent):void {
trace(event);
try {
loader3.load(requester);
} catch (error:SecurityError) {
trace(error);
addChild(loader3);
loader3.x = (stage.stageWidth - 482) * .5 - 260;
loader3.y = (stage.stageHeight - 492) * .5 - 140;
removeChild( getChildByName("carousel") );
removeChild( getChildByName("carousel1") );
// remove eventlistner and prevents duplication of info.swf
MovieClip(root).nav.about.removeEventListener(MouseEvent.MOUSE_DOWN, Down3);
stop();

Andrei1,
Thank you for the helpful advice. I made the changes as you suggested but I am receiving a #1009 error message even though my site is working the way I wan it to work. I would still like to fix the errors so that my site runs and error free. This is the error I am receiving:
"TypeError: Error #1009: Cannot access a property or method of a null object reference."
I'm sure this is not the best method to unload loaders and I am guessing this is why I am receiving the following error message.
     loader.unload();
     loader2.unload();
     loader3.unload();
I also tried creating a function to unload the loader but received the same error message and my portfolio swf was not showing at all.
     function killLoad():void{
     try { loader.close(); loader2.close; loader3.close;} catch (e:*) {}
     loader.unload(); loader2.unload(); loader3.unload();
I have a question regarding suggestion you made to set Mouse Event to "null". What does this do setting the MouseEvent do exactly? Also, since I've set the MouseEvent to null do I also have to set the loader to null? e.g.
---- Here is my updated code ----
// variable for external loaders
var loader:Loader;
var loader1:Loader;
var loader2:Loader;
var loader3:Loader;
// makes borders resize with browser size
function resizeHandler(event:Event):void {
// resizes portfolio page to center
     loader.x = (stage.stageWidth - loader.width) * .5;
     loader.y = (stage.stageHeight - loader.height) * .5;
// resizes about page to center
     loader3.x = (stage.stageWidth - 482) * .5 - 260;
     loader3.y = (stage.stageHeight - 492) * .5 - 140;
//adds gallery.swf to stage at begining of moviie
     Down();
//PORTFOLIO BUTTON
//adds eventlistner so that gallery.swf can be loaded
     MovieClip(root).nav.portfolio.addEventListener(MouseEvent.MOUSE_DOWN, Down, false, 0, true);
function Down(event:MouseEvent = null):void {
// re adds listener for contact.swf and about.swf
     MovieClip(root).nav.info.addEventListener(MouseEvent.MOUSE_DOWN, Down1, false, 0, true);
     MovieClip(root).nav.about.addEventListener(MouseEvent.MOUSE_DOWN, Down3, false, 0, true);
//unloads gallery.swf from enter frame if users presses portfolio button in nav
     var requester:URLRequest=new URLRequest("carouselLoader.swf");
     loader = new Loader();
     loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
     function ioError(event:IOErrorEvent):void {
     trace(event);
     try {
     loader.load(requester);
     } catch (error:SecurityError) {
     trace(error);
     this.addChild(loader);
     loader.x = (stage.stageWidth - 739) * .5;
     loader.y = (stage.stageHeight - 500) * .5;
// sure this is not the best way to do this - but it is unload external swfs
     loader.unload();
     loader2.unload();
     loader3.unload();
// remove eventlistner and prevents duplication of gallery.swf
     MovieClip(root).nav.portfolio.removeEventListener(MouseEvent.MOUSE_DOWN, Down);
//INFORMATION BUTTON
     //adds eventlistner so that info.swf can be loaded
     MovieClip(root).nav.info.addEventListener(MouseEvent.MOUSE_DOWN, Down1, false, 0, true);
     function Down1(event:MouseEvent = null):void {
     //this re-adds the EventListener for portfolio so that end user can view again if they wish.
     MovieClip(root).nav.portfolio.addEventListener(MouseEvent.MOUSE_DOWN, Down, false, 0, true);
     MovieClip(root).nav.about.addEventListener(MouseEvent.MOUSE_DOWN, Down3, false, 0, true);
     var requester:URLRequest=new URLRequest("contactLoader.swf");
     loader2 = null;
     loader2 = new Loader();
     loader2.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
     function ioError(event:IOErrorEvent):void {
     trace(event);
     try {
     loader2.load(requester);
}      catch (error:SecurityError) {
     trace(error);
     addChild(loader2);
     loader2.x = (stage.stageWidth - 658.65) * .5;
     loader2.y = (stage.stageHeight - 551.45) * .5;
loader.unload();
loader2.unload();
loader3.unload();
     // remove eventlistner and prevents duplication of info.swf
     MovieClip(root).nav.info.removeEventListener(MouseEvent.MOUSE_DOWN, Down1);
//ABOUT BUTTON
     //adds eventlistner so that info.swf can be loaded
     MovieClip(root).nav.about.addEventListener(MouseEvent.MOUSE_DOWN, Down3, false, 0, true);
     function Down3(event:MouseEvent = null):void {
     //this re-adds the EventListener for portfolio so that end user can view again if they wish.
     MovieClip(root).nav.portfolio.addEventListener(MouseEvent.MOUSE_DOWN, Down, false, 0, true);
     MovieClip(root).nav.info.addEventListener(MouseEvent.MOUSE_DOWN, Down1, false, 0, true);
     var requester:URLRequest=new URLRequest("aboutLoader.swf");
     loader3 = null;
     loader3 = new Loader();
     loader3.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioError);
     function ioError(event:IOErrorEvent):void {
     trace(event);
     try {
     loader3.load(requester);
}      catch (error:SecurityError) {
     trace(error);
     addChild(loader3);
     loader3.x = (stage.stageWidth - 482) * .5 - 260;
     loader3.y = (stage.stageHeight - 492) * .5 - 140;
     loader.unload();
     loader2.unload();
     loader3.unload();
     // remove eventlistner and prevents duplication of info.swf
     MovieClip(root).nav.about.removeEventListener(MouseEvent.MOUSE_DOWN, Down3);
     stop();

Vertical Alignment and Loading

Similar Messages

Maybe you are looking for