
|
View Full Version : place text at bottom right of page??
expatCanuck 10-07-2007, 12:33 PM Folks -
Greetings. On my site (oldWithoutMoney.com (http://oldWithoutMoney.com)), I've got a two line quote at the bottom left of the screen. I'd like to place it at the bottom right.
A brute force method would be to push down the references to my sister's work and then the Tennessee Williams quote over.
I'd like to think that there's an easier and/or more elegant way.
Is there (and, if so, what might it be)?
Thanks.
- Richard
you could try
<div align="right">Content Content Content </div>that will align right
expatCanuck 10-07-2007, 02:58 PM I ended up using a table that more or less spanned the width of the photo,
and right-aligned the cell containing the quote.
Here's the code
<table style="width: 950px" cellspacing="5" cellpadding="5">
<tr>
<td>
<font size="2" color="#ffffff">Please visit my sister, Kat Goldman, at
<a href="http://katgoldman.com"><font color="#c0c0c0">www.katgoldman.com</font></a><br>
She's far more talented (and prettier) than I. </font></td>
<td> </td>
</tr>
<tr>
<td><font size="2" color="#ffffff">And <em>please </em> <a href="mailto:richard@oldwithoutmoney.com"><font color="#c0c0c0">tell me</font></a>
what you think of my tunes (or Kat's).</font> </td>
<td class="style1"><font color="#ffffff" face="Arial" size="1">
* "You can be young without money, but you can't be old without it."<br>
<i>Cat on a Hot Tin Roof</i>, Tennessee Williams</font>
</td>
</tr>
style1 is defined earlier in the doc header as being right-aligned:
<style type="text/css">
.style1 {
text-align: right;
}
</style>
I created the table using MS Expression Web. Very easy. As much as I tend to (and tend to want to) dislike MS products, this is pretty slick. And it didn't add a bunch of proprietary MS-was-here code. I may well register this thing when the free trial runs out. At the upgrade price, it seems worthwhile.
- Richard
the_pm 10-08-2007, 07:30 AM That piece of code you posted right there is a great example of why no one should purchase software like Expression.
It's a crazy mix of CSS and deprecated HTML markup that should never be seen together. The average person who views this will generally see what you want them to see. Someone viewing this with special viewing needs will be a very unpredictable page. Either way, there's no need for a table here. You can eliminate 90% of your markup and achieve the same effect like this:
<div id="whatev">
<p>Please visit my sister, Kat Goldman, at <a href="http://katgoldman.com">www.katgoldman.com</font></a><br>
She's far more talented (and prettier) than I.</p>
<p>And <em>please</em> <a href="mailto:richard@oldwithoutmoney.com">tell me</a> what you think of my tunes (or Kat's).</p>
<p class="style1">* "You can be young without money, but you can't be old without it."<br>
<em>Cat on a Hot Tin Roof</em>, Tennessee Williams<p>
</div>
Here's your CSS
#whatev { color:#FFF ; font-size:75% }
#whatev a { color:#C0C0C0 }
.style1 { font-family:arial,helvetica,sans-serif ; font-size:90% ; text-align:right }Never pay Microsoft (or Adobe, et. al.) your good money to do badly that which you can do better yourself for free :)
expatCanuck 10-08-2007, 07:50 AM That piece of code you posted right there is a great example of why no one should purchase software like Expression.
It's a crazy mix of CSS and deprecated HTML markup that should never be seen together. ... :
<div id="whatev">
<p>Please visit my sister, Kat Goldman, at <a href="http://katgoldman.com">www.katgoldman.com</font></a><br>
She's far more talented (and prettier) than I.</p>
<p>And <em>please</em> <a href="mailto:richard@oldwithoutmoney.com">tell me</a> what you think of my tunes (or Kat's).</p>
<p class="style1">* "You can be young without money, but you can't be old without it."<br>
<em>Cat on a Hot Tin Roof</em>, Tennessee Williams<p>
</div>Here's your CSS
#whatev { color:#FFF ; font-size:75% }
#whatev a { color:#C0C0C0 }
.style1 { font-family:arial,helvetica,sans-serif ; font-size:90% ; text-align:right } ...
Never pay Microsoft (or Adobe, et. al.) your good money to do badly that which you can do better yourself for free :)
Points well taken. This is the kind of expertise that I was hoping to find.
I have no doubt that, with the expertise, hand coding will produce more efficient, sensible HTML than 3G/4G/nG tools, but the key is developing that expertise. In the interim, tho' the usual suspects lack finesse, they *do* offer speed to the code-naive. (In this case, that's me.)
But please do note that I haven't paid any money to either MS or Adobe. ;)
Many thanks.
- Richard
the_pm 10-08-2007, 08:26 AM That, my friend, is purely between you and MS/Adobe! Learning this stuff is effort well spent, and I wish you the best of success when the time comes to pursue it.
Our of curiosity, have you ever seen or demoed the software nVu? It's WYSIWYG, Windows-compatible and completely free. The markup it produces, while not optimal, is better than many. It has a couple limitations when you get into more advanced needs, but by then, you're probably handcoding anyway. So it might just be the perfect piece of software for you at the moment :)
Jay August 10-08-2007, 11:57 AM That piece of code you posted right there is a great example of why no one should purchase software like Expression.
expression web produces clean, lightweight, web standard compliant accesible code :) This is Frontpage gibberish, not EW. I've put EW to the test and it works fabulous! Not as great as coding it yourself, but it will do!
|