Text align bottom, fill text upwards

Hi,
Is it possible to align text within a textbox to the bottom and fill it upwards?
Serge.

I know exactly what you are trying to achieve but really can't find the option to do so..? Like I said in my first post, Adobe says it does but I just cant find it as an option. Sorry.
The only other way you could achieve this is to adjust the baseline shift...

Similar Messages

(4.0.3. Windows) "rtl" page-progression in EPUB 3 OPF forcing CJK texts to align bottom

(This applies to 4.0.3 Windows version as it works fine on a Mac)
When you write a vertical CJK EPUB3 file(epubcheck-cleared) and set "page-progression-direction" element on OPF file to "rtl", the whole text aligns to bottom, making it unreadable.
Also can be seen with the sample file provided by IDPF here: epub3-samples/30/kusamakura-japanese-vertical-writing at master · IDPF/epub3-samples · GitHub
Weird, as it was tested on Windows 7/8 + MSIE 10/11.

In addition, IE doesn't handle margin: 0 auto; on divs very well. So you have to also add "text-align: center" on the body element, which will center align all elements for IE, then "text-align: left;" on the #wrapper. (It will left justify all elements within the centered wrapper.)
Here's a very trimmed example. Notice that I also put a border on the "wrap" div, this can be removed.
<!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">
body {
text-align: center;
margin: 0;
#wrap {
border: solid 1px red; /* so that you can see the width */
text-align: left;
margin: 0 auto;
width: 700px;
</style>
</head>
<body>
<div id="wrap">
</div>
</body>
</html>

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.

Align Text in Textbox

Just upgraded to CS4 when I'm used to working with CS2. I'm trying to align the text in the center of a textbox in InDesign. Now in CS2 the option shows up on the top when you select the textbox. Now that I'm trying to do it in CS4 I can't find the option to "align top", "align center", or "align bottom". Can someone tell me where in the program they moved this option?

Select the text frame with the Selection tool. The frame alignment options should be in the Control Panel, at the right, between the column fields and the Align icons.
Also, are you using the Advanced Workspace... or the default Essentials (which lacks many essentials)?
-mt
PS: You can also access the control via the
Object > Text Frame Options...
CMD+B menu. The Vertical Justification drop down menu gives you the Align Top/Center/bottom/justified that I believe you are seeking.

How to vertical align Text Layers at baseline

Hi,
what do i have to do, to align a few Text Layers vertical, based on the baseline of the text? I have my Text Layers for a Navigation and can't use "Align bottom edges" because one word has a "g". I've a screenshot attached. I didn't find a solution when searching the web.
Mario

Only thing I can suggest is to create a guide and then you can move the text block to the guideline, and it will snap to the text baseline.

CS4 Text Wrap issue - HELP!

HELP! I taught myself PageMaker 6.5 and I got REALLY good at the basics, but not so great at the in-depth things. Consequently, when I upgraded to InDesign CS4, the same holds true, so please feel free to treat me like a 2-year-old in your explanations. Now for my dilemma:
I create a quarterly magazine. Most of the pages are 2- or 3-column spreads. Many times, a photograph (and its caption) will span more than just one column, but not necessarily the entire width of two. In other words, my photo could span all of column 1 and 1/2 of column 2, with the text flowing to the right of the photograph, then expanding to fill all of column no. 2 beneath it. In PageMaker, when I text-wrapped around the pic, leaving enough bottom text wrap to insert my captioning, the text would wrap perfectly, keeping the text in perfect alignment horizontally across the columns. That, in turn, kept the bottom edge of all my columns exactly equal.
In InDesign, however, that's not the case. The text doesn't align equally horizontally across the columns, hence ruining my clean horizontal text margin at the bottom. This happens any time I have a photo that spans all of one and part of one (or two, in the case of a centered photograph) column. In fact, even if I place a photo that fits within just one column, the horizontal text alignment gets screwed up. I'm attaching a .pdf of page 35 of the issue I'm working on to show you what I mean.
I've tried choosing all three columns and clicking the "align top edges," but that just drags all three columns up to the 1/2 inch margin at the top of the page, and my text actually starts 1/4" beneath that (3/4" from the top page edge) because of the page numbering, and when I drag all three columns back down to the 3/4" mark, the wrapping gets all screwed up again. So I tried "align bottom edges," and that didn't work either (it worked to a point... anything that actually had text flowing to the bottom of the column was fine, the same thing occurred then above the column with a photo spanning all of it. Geez, I'm confused just trying to explain it. Hopefully, the attached .pdf will help make sense of this.
Consequently, I'm moving columns manually for this issue (all 60 pages of it), because it has to be at the printers by the end of the weekend and I'm just plain out of time. If anyone can give me some guidance so I don't have to do this again next time, I'd really appreciate it.
You can email me at [email protected] if you have any ideas. Thanks for your help.
Barb

Thanks so much to both Peter and Bob. I'm sure this will fix the problem. At least I know it wasn't something I was doing wrong and it really is a glitch in the program. I'll play with the baseline grid, since it seems that will be the best option. I have a few months to experiment with it before the next issue goes to press.
Does setting a preference act like a default? In other words, will it then apply to all pages in all new documents I create or is it specific to the document in which I'm working when I set it? If the latter, I'm guessing I can just include it when I set up my master page so it will apply throughout the issue? Which, of course brings me to yet another question: how do I save my Master Pages so I don't have to redo them with each issue?
I'm finding that the majority of InDesign is a lot more user-friendly and easier to navigate than the old PageMaker -- many fewer steps for the same end result. I hope to take a class if I can find one in my area, because I'm certain I'm doing many things the "hard way." Learning as you go is okay, but you miss a lot of the finer points along the way and spend entirely too much time trying to figure things out or bugging people like you in this forum.
I apologize if some of what I ask seems rather elementary.
And Scott, sorry, but I've always felt that, out of all the fonts available, Comic Sans is the most readable.
Barb

How to achive table column header style (vertical text)?

Hi,
Can we show adf table column headers with vertical text, and with rotation. For eg. "Dept Id" lable should show up as similar to what the below HTML does:
<html>
<div style="float: left;
position: relative;
-moz-transform: rotate(1000deg); /* FF3.5+ */
-o-transform: rotate(290deg); /* Opera 10.5 */
-webkit-transform: rotate(290deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */">Dept Id</div></html>
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM

Hi,
I've used the below style classes in CSS, but still not getting the accurate Column Header Vertical Text. Also, in IE browser column header text is shrinked vertically when headerClass styles are applied!
Any help appreciated!
.sch af|column::column-header-cell {
vertical-align: bottom;
padding-bottom: 10px;
height: 80px;
.schc af|column::column-header-cell-content {
-moz-transform: rotate(270deg);
/* FF3.5+ */
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
/*IE6,IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
/*IE8*/
-o-transform: rotate(270deg);
/*Opera 10.5*/
-webkit-transform: rotate(270deg);
/*Saf3.1+, Chrome*/
position: relative;
vertical-align: bottom;
Edited by: pramod gujjeti on Sep 27, 2011 9:09 AM

How to Centre tables with out centreing the text in elements?

Ok so this bug has been boggling my brains for a while. When i create a table and center it, all the text inside the table also center justifies (in the output and preview, but is not visible in HTML editor), no matter what the justification is for the cells, the cells will always justify as the table is justified.
I have Robohelp ver.8
In editor
In output

ok that solved the alignment problem. But now, i had a flaoting object in my header with navigation buttons. It is no longer floating.
here is my master page code:
<?xml version="1.0" encoding="utf-8" ?>
<!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" />
<meta name="topic-comment" content="" />
<meta name="generator" content="Adobe RoboHelp 8" />
<title>SHARQ_Master_MO_2_1_2011</title>
<link rel="StyleSheet" href="SHARQ_MO_2_1_2011.css" type="text/css" />
<style type="text/css">/*<![CDATA[*/
div.floating-menu {
position: fixed;
background: #000000;
border: 0;
width: 150px;
z-index: 100;
div.floating-menu a,
div.floating-menu h3 {
display: block;
margin: 0 0.5em;
/*]]>*/</style>
</head>
<body>
<?rh-region_start type="header" style="width: 100%; height: 26px; background-color: #ffffff;" ?>
<div class="floating-menu" style="width: 100%; border-left-width: 1px;
   border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;
   float: none; background-color: #ffffff;">
<table style="border: Solid 2px #66ccff; background-attachment: scroll;
     background-image: url('Images/header background.png');
     background-repeat: Repeat-X; left: 0px; top: 0px; height: 50px;"
     cellspacing="0" background="Images/header background.png"
     width="99%">
   <col width="48" />
   <col width="764" />
   <col width="521" />
   <tr style="height: 42px;">
    <td style="vertical-align: top;"><p style="margin-left: 5pt;
              margin-top: 5pt; margin-bottom: 0pt;"><img
     src="Images\sharq_logo.png" alt="" style="border: none;"
     width="40" height="28" border="0" /></p></td>
    <td style="vertical-align: top;"><p style="margin-bottom: 0pt;
              font-family: Garamond, serif;
              color: #00337a; font-weight: bold;
              margin-left: 5pt;
              margin-top: 1pt; font-size: 20pt;">Mechanical
     Engineer Training Manual</p></td>
    <td><p style="margin-bottom: 0pt; margin-right: .15in;
       margin-top: 5pt; color: #0064ae;" align="right"><input
     type="image" name="image" src="Images\home.png" title="Home page"
     onclick="window.location.href='Disclaimer.htm'" style="width: 23px;
     height: 21px;" /> <input type="image" value="Go Back"
             onclick="history.go(-1)"
             src="Images\Go Back.png"
             name="image" title="Go back to previous page"
             style="width: 77px; height: 21px;" /> <script
     type="text/javascript">var sForward = canGo(true);
var sBackward = canGo(false);
//Get the path of the root of the project
var sRelPath = _getRelativePath(document.location, gsStartPage);
if(sBackward == true)
document.write('<img src="'+sRelPath+'/images/left_out.png" title="Previous topic" onclick="onPrev()" style="cursor: pointer"/>');
else
document.write('<img src="'+sRelPath+'/images/left_in.png" title="No more topics to display"/>');
if(sForward == true)
document.write('<img src="'+sRelPath+'/images/right_out.png" title="Next topic" onclick="onNext()" style="cursor: pointer"/>');
else
document.write('<img src="'+sRelPath+'/images/right_in.png" title="No more topics to display"/>');</script></p></td>
   </tr>
</table>
</div>
<?rh-region_end type="header" ?>
<p style="margin-bottom: 1pt; line-height: Normal; margin-top: 1pt;"> </p>
<?rh-placeholder type="breadcrumbs" ph-align="2" sep-char=" -|- " home="Home"
usetopicformat="0" ph-style="font-family:Calibri;font-size:8pt;font-weight: normal;font-style: normal;text-decoration: none; margin-top: 5pt" ?>
<?rh-region_start type="body" ?>
<p> </p>
<?rh-region_end type="body" ?>
<?rh-region_start type="footer" style="width: 100%; position: relative;" ?>
<table style="left: 0px; top: 232px; height: 36px;" cellspacing="0"
    width="100%">
<col style="width: 100%;" />
<tr>
   <td style="vertical-align: bottom;"><p style="margin-top: 30px;"><span
    style="font-family: Calibri, sans-serif; color: #c0c0c0;">Copyright
    <?rh-symbol_start name="Copyright" ?>©<?rh-symbol_end ?> </span></p></td>
</tr>
</table>
<?rh-region_end type="footer" ?>
</body>
</html>

Photoshop deletes the security text while creating a web-gallery

Hi!
I unintendedly must have changed some settings in my photoshop 7, as the security text adding while creating a web-gallery doesn't work anymore.
The steps for creating a web-gallery I go through and finally choose the text to appear on every picture. However, while creating the web-gallery, photoshop automatically first adds the text, then deletes the text layer so that at the end no text appears on the picture, when the web-gallery is ready.
Can someone help me? I am trying to fix it for the last two weeks and I am sure it's got a very simple reason.
Thanks a lot in advance!
Cüneyt

I am really desperate. Isn'T there anyone to help?`
Now here are the steps the Photoshop goes while creating a photo gallery. After I'Ve chosen the presettings (image sizes, security settings etc.)
1) Open
2) Type Tool (here it types the security text onto the picture)
3) Rotate
4) Select Canvas
5) Align Bottom Edges
6) Align Right Edges (Because I asked to place the text at the bottom-right corner)
7) Move (Moves the text to the corner)
8) Deselect
9) Delete Layer
10) Image Size
For what the hell it makes the step 9, where it deletes the layer, which is practically the text? First it puts the text onto the picture, then it deletes it again.

Can I type different text into insances of the same symbol?

Example:
If I have a A-B-C poster in which I want each letter to be in a rectangle-shape symbol, is there a way that I could have, say, a blank text-box in the symbol, and then type a different letter into each symbol?

When it comes to symbols you would need to create 26 symbols for each letter of the alphabet, so symbols are not the way to go.
If all you need is a rectangle around each letter
Set a letter, set fill to none
Switch to pointer tool
Appearance palette flyout >> add new fill, set color you like for type
Appearance palette flyout >> add new fill, select bottom fill in appearance panel, set color you want for rectangle
Effect >> convert shape to rectangle (turn on preview, enter settings similar to mine)
Effect >> path >> Outline object (optional - this helps center the type in your container by getting rid of the extra space built into a font)
Now you can option drag copies and change the letter, and the rectangle will stay same size if you chose absolute, or resize if you chose relative)

Text Effect Help

In this video i posted you can see that text has a block shadow, transparent fill, an inside offset line and it has some kind of texture or blending mode. The text is not outlined, you can see that when guy in the video change font and text the effect stays.
Discover the new Touch Type tool in Adobe Illustrator CC | Creative Cloud for Design | Adobe TV
Does anybody can tell me how tho make the effect?
thanks in-advance
Ivan

tnx a lot but
yes i know about that, i know how to make block shadow in the appearance panel with additional fill and transform fx, but how to make this line inside the letters and the texture, also when i create new fill for block shadow i can not put transparent top fill and to see the back object i than see bottom fill.
so if you could watch the video and give me a detailed info it would be very helpful

No text or images below 1003 pixel mark

i cant type or view any images anywhere below 1003 pixels in
design view. it will type and the curser will move forward but no
text appears unless i bring the text upward by deleting
lines/paragraphs then it will show up as soon as it is above the
1003 mark. images are the same bur they will dissapear as i drag
them below that point.
is there any way i can fix this?

> anyone?!!!
repeated.
on a guess that it's mac os, set the text zoom to 99% or 101%
and design
view will come back.
click this link:
http://groups.google.com/group/macromedia.dreamweaver/msg/c62c097b10b91ad
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Dynamic position of an image at the right bottom of the browser window

Dear Dreamweaver-community,
I'm trying to have an image positioned at the bottom right of a html-page. It is embedded in a table so that it doesn't interfere with the rest of the site's content (which it would if I simply used an absolute position). The height of the table is height=100% and I thought that this would make sure that if the browser window is being dragged smaller or bigger the image stays at the bottom right (just as the content stays centered if you set the width of a table to 100% and center it). But if you make the browser window higher the image won't keep sticking to the right bottom but will stay in one place while the rest of the page (bottom) is simply filled with the black background color. Do you have any ideas what I'm missing out on? Is there something like a valign-tag for a table or the page's body that dynamically keeps the image at the bottom right position no matter how you change the size of the window? I hope you can help me. Thank you!
Missy
Here's the code:
<body bgcolor="#000000">
<center>

<TABLE BGCOLOR="#000000" BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100%>
     <TR>
          <TD width=100% align=center valign=top>
               <p> </p>
            <IMG SRC="images/kopf.jpg" width=300>
          </TD>
     </TR>
     <TR>
          <TD width=100% align=center valign=top>
               <IMG SRC="images/text.jpg" width=394>
          </TD>
     </TR>
     <TR>
          <TD width=100% align=center valign=top>
               <a href="mailto:[email protected]"><IMG SRC="images/post.jpg" border=0 width=269></a>
          </TD>
     </TR>
</TABLE>


<TABLE BGCOLOR="#000000" BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100>
     <TR>
          <TD width=100% align=right valign=bottom>
               <IMG SRC="images/wuerfel.jpg" width=200>
          </TD>
     </TR>
</TABLE>

</body>

Below is your complete page. Copy all, paste into a Dreamweaver document, save and view in browser.
<!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 name="keywords" content="Mario, Klingeberg, Mario, Klingeberg, Grafik, Illustration, Design, Grafikdesign, Grafik-Design, Illustrator, Bachelor, Medienmanagement, Mediendesign, Medien, IJK, Hannover, Bauch Beine Po, bauchbeinepo, Adobe, Photoshop" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mario Klingeberg</title>
<style type="text/css">
html, body, #container {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
background-color: #000;
table td {
vertical-align: top;
text-align: center;
</style>
<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">
try {
var pageTracker = _gat._getTracker("UA-15622817-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</head>
<body>
<table id="container" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/kopf.jpg" width="300">
</td>
</tr>
<tr>
<td><img src="images/text.jpg" width="394">
</td>
</tr>
<tr>
<td><a href="mailto:[email protected]"><img src="images/post.jpg" border=0 width=269></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="vertical-align: bottom; text-align: right;"><img src="images/wuerfel.jpg" width="200" height="90"></td>
</tr>
</table>
</body>
</html>

More alignment issues

hi,
I'm hardly an expert - but I have made great strides because of helpful people who throw me a hint.
my site: www.kirarmerica.com
I still have JUST a FEW alignment issues. I like to have everything centered, so now I am just down to my spec sheets.
I know that they might not be configured ALL the same, but I am hoping I can change a few things
please look at Kira America | Products
click on any spec sheet and you will see that the headers menu and sometimes the footer stays centered, but the spec info jumps to the left of the page.
I've found the correct .css to edit. but I cant quite figure out how to align the columns vertically on the page.
for example if I put a margin on #right_column it put it in the right spot, but then the rest of the content jumps all over the page.
any hints would be helpful!

These changes will center content in white area
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
    border-bottom: 1px solid #DEDACB;
    padding-bottom: 8px;
    text-align: center;
.excel214 {
    border: medium none;
    color: #000000;
    font-family: Calibri,sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: 400;
margin-left: auto;
    margin-right: auto;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    text-decoration: none;
    vertical-align: bottom;
    white-space: nowrap;

BO XIR2 SP3 FP3.3 - vertical alignment of 1st column of 2nd page ignored

We have webi reports that have all cells set to vertical alignment bottom. If the report spans more than one page, the first column of the second page reverts to vertical alignment center for all cells in the column. All other columns remain with bottom vertical alignment. This problem does not occur in PDF view, only in HTML views. Does anyone know if there is a fix for this? Can I modify a file somewhere in the system to fix a missing vertical alignment tag?
Joe Gottschall
Pixstar, Inc.

Yes, there is "sort-of":
Object > Text Frame Options ( Ctrl + B )
Vertical Justification, set Align to "Justify".
It won't distribute evenly across all three columns though... in other words InDesign doesn't balance the text across the three columns with this feature.
Instead it pushes space between lines/paragraphs within each column to ensure the top and bottom line of text in each column are lined up with top and bottom of text frame.
If there is only a little bit of text in the last column, things might not look like you anticipated.

Text align bottom, fill text upwards

Similar Messages

Maybe you are looking for