Vertical align page html snippet

hi
Does anyone have example of html code for vertically aligned content in iweb?

Cyclosaurus is not always complete with his instructions.
I don't do tutorial, therefore there is no instruction.
my examples work, which means the code is good.
you will have to decode my iweb pages, my codes and my methods. (same apply to apple sw guys)
i saw this page (http://temp.cyclosaurus.com/VerticalCenterPage/ShortPage.html), but i could not aquire necessary code... but it does not work
because the code won't work when inserted using html snippet, it only works when directly inserted on the page.
/ShortPagefiles/widget0CustomCode.html
that's where my widget CustomCode does the work.
give them feedback: http://www.apple.com/feedback/iweb.html
and ask for tools to build widgets.

Similar Messages

How can I vertically resize an HTML Snippet?

It will only let me vertically resize my HTML Snippets a certain amount--there's about a centimeter of space in between the bottom of the Snippet and my actual HTML object. It's not just certain HTML Snippets--no matter what it is, this always happens. I used to know a trick for resizing it smaller, but I've forgotten it now.

Man this is some heavy work; I would suggest moving this on to the "Server" section of support as they have more business workarounds.

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.

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

HTML snippet to make a Page within a Page through link

I am trying to create a html snippet the opens within one of my pages each time a link on the left side of the page is selected. It's for a team page - each time a user click on an employees name, I want the content to open in within an iframe on that same page. Does anyone know if this is possible? Is so, if the code needed to make this happen could be provided for me... I would be forever grateful. Thanks.

I tried putting "page2.html" in a folder within the MainSite Folder, naming the folder "page1", but all the pictures, formatting, etc. doesn't work for "page2.html".
Try putting page2.html in a folder named "page1" within the MainSite Folder (hint - make sure you use DW's Files panel to move this file into that folder). Alternatively just save it there! In other words, if what you did isn't working then you did something wrong.

Print this Page Java html snippet

I decided to try adding the above to one of my pages in iWeb.
I added the java code as shown on Old Toad's site:-
<form>input type="button" value=" Print this Page "
onclick="javascript:parent.window.print();return false;"/></form>
I placed this code in an html snippet in iWeb and applied it and it showed up as Print this Page in the site. I then published the site to a local folder and uploaded the changed pages to my external server. After uploading, I visited my site and tried clicking on the button and it did not work.
Anyone know why it did not work? The code is correct and I copied and pasted from OT's site directly into an html snippet.
Is the code site or page specific or generic, that it will work for any site?
Does it only work in MobileMe published sites and not for sites uploaded to an external server?
Any insights gratefully received.

Does the print button work when the site was on your HD locally? Here's some different code that you might try:
<SCRIPT LANGUAGE="JavaScript">
// This script was supplied free by Hypergurl // <a class="jive-link-external-small" href="http://www.hypergurl.com">http://www.hypergurl.com</a>  </script>
The original code should work on any server as far as I know. Cyclosaurus is the authority on javascript and should have an answer.
This Google search has numerous examples of code:http://www.google.com/search?hl=en&safe=active&client=safari&rls=en-us&ei=MBCjSd X6LoK2sQOIj8zGCQ&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=javascriptto+printpage&spell=1

IWeb pages, blog pages, tags and html snippets

I use Rage seo tool and Bluehost
Can I add tags to blog pages to support seo?
Now that Google bots look for "structured data" in pages, can I add an html snippet to pages containing something like:
<div itemscope itemtype="http://schema.org/Organization">
   <span itemprop="name">Noosa Therapy Studio, Doonan</span>
   Located at
   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">92 Marnie Cres</span>,
      <span itemprop="addressLocality">Doonan</span>,
      <span itemprop="addressRegion">Noosa</span>.
   </div>
<img itemprop="logo" src="http://www.noosatherapy.com/Logo.png" />
   Phone: <span itemprop="telephone">(07) 5471 1752</span>
   <a href="http://noosatherapy.com/Therapies" itemprop="url">http://noosatherapy.com/Therapies</a>
</div>
Or am I on the wrong track?
Thanks

The code you provided is not meta code. You don't paste in the head of the webpage.
Well, you can paste it there and the browser will render it.
It's code that should be in the body of a webpage.
And if you paste it there, make sure the info is correct.
This :
<a href="http://noosatherapy.com/Therapies" itemprop="url">http://noosatherapy.com/Therapies</a>
should be :
<a href="http://noosatherapy.com/Therapies.html" itemprop="url">http://noosatherapy.com/Therapies.html</a>
And I wonder if SEO is so good.
If I search for Noosa Therapy Studio Doonan
http://www.google.com/search?q=Noosa+Therapy+Studio+Doonan
I do find your post in this forum. And also your Google+ page. But no pages from you website.
But if I search with :
http://www.google.nl/search?q=Noosa+Therapy+Studio+Doonan
I find two events from May last year :
Noosa Therapy Studio Events
Noosa Therapy Studio, Doonan opens for business
Note that .nl is from the other side of the globe.
No wonder I wasn't at the event.
Also note that I used the words from your webpage: Noosa Therapy Studio Doonan
It means I know about you. Because you advertised your business in the forum.
Also, if I want to find one who does The Therapy in Doonan Queensland, I still do not find you :
http://www.google.com/search?q=Noosa+Therapy+Doonan+Qld
Perhaps your business name and domainname is not very unique. With 72,700 hits it looks like everybody is doing it in your area.

Pass HTML snippet TO JSPX page

Hi
I have a backing bean. In page's backing bean I have a small HTML snippet (that is small MenuBar functionality) that has come OUt of database.
How can i pass this HTML snippet FROM this backing bean TO the jspx page ? Meaning this HTML snippet should go as HTML in the body of jspx page and then get rendered as MenuBar as jspx page runs .......
thx
dd

Are you using ADF in jour JSPX?
It isn't good practice to create HTML in your backing bean and then pass it to your page...
In JSPX you can create dynamic menus without any problems. There are methods enough to iterate a collection from your backing bean.
The complete idea of beans is to have a seperation between your view layer and other layers. You shoulnd't realy use that methode... Instead, get a collection that respresent your menu. For example a public List<MenuItem> getMenu(). In your jspx you can iterate it and output it correctly.

Vertical alignment when the page content footnotes

I need this script:
Search footnotes in a document, and in these pages with footnotes change the vertical alignment to top...
Thanks.... (And sorry for my not good english !!!)

(Not sure I've understood the goal.)
Maybe you need something like this:
var tfs = app.activeDocument.textFrames.everyItem().getElements(),
     tf;
while( tf=tfs.pop() )
     if ( tf.footnotes.length )
          tf.textFramePreferences.verticalJustification = VerticalJustification.TOP_ALIGN;
@+
Marc

Page Vertical Alignment ?

Hi,
I'm using crystal reports 10. I want to ask a question to you. I want page Vertical Alignment from top and bottom in report page . can you help me for this, how to I do ? .
[Sample Form|http://img821.imageshack.us/img821/1533/formortalama.jpg]

Oh, Sorry, You would need to figure out how many total lines you have on the report.
So... First, will all your reports only be one page?
Are you using 8.5 X 11 paper size?
If you are using 10 point font, you can assume 6 lines per inch on a report.
Assume your header and footer will take about 12 lines (Just a guess)
You should have around 66 lines (total available on 11 inch paper)
If your report is 12 lines long, and then 12 lines for header and footer,
you have 66 lines total - 6 lines for the header, and - 6 lines for the footer,
you have 54 lines available, your report is 12 lines long.
54-12 leaves you with 42 lines left over
you will need to pad 21 lines at the top, to center the output.
Now the real trick, is figuring out, how many lines the report is going to be
and subtracting that from the 54..

Link to HTML Snippet rather than Page

I am uploading a 'Video' page with all of the videos embedding from Vimeo.com using HTML Snippets.
I only want to have one 'featured' video and then thumbnails below of the other videos. The only way I can think move the thumbnail videos to the 'featured' spot is by copying/pasting the page, switching the embed code, and making visitors reload the entire page.
Simply put, I would like to know if there is a way (or widget) which would allow you to switch the code on an HTML snipped via a hyperlink.
Hope this makes sense & thanks in advance,
Alex

Hello Alex,
Alex0liver wrote:
http://vimeo.com/channels/hpx170
I've had no experience with Vimeo but it seems this is your gallery there, correct ?
If so, you can show only that gallery with iFrames :
<iframe name="my vimeo"
src="http://vimeo.com/channels/hpx170"
onload="window.frames yyy'my vimeo'qqq.scrollTo(23,660)"
style="width:930px; height:220px;
border-width:2px;
border-color:#339900;
border-style:solid;"
scrolling="no" >
</iframe>
replace qqq with ]
and yyy with [
the brackets are special mark up codes here to include a link... so can't have them in the iFrame sample code here.
scrollTo(23,660) from left, top is how to position the content.
Note : the gallery is 930 px long so your page that contains the iFrame must be a bit longer.
Kind regards,
Leo

My HTML snippet widget on iWeb looks great on iWeb, but when I publish the page the HTML snippet doesn't appear on the webpage. Why?

I pasted in some HTML code generated by Google Forms into the iWeb HTML snippet widget. It looked great on my iWeb viewer, but when I published it to my website, the HTML snippet google form did not appear on my webpage. Does anyone know how to fix this?

What is the code?

WEB WIDGET - HTML SNIPPET how to post myspace music in iWeb

i'm making a site for a band. i'm using the *web widget- html snippet* to insert the myspace player from a band. the bands site is http://www.myspace.com/mod39lone.
this is the code i'm putting in :
<embed src="http://lads.myspace.com/music/musicplayer.swf?n=aHR0cDovL211c2ljLm15c3BhY2 UuY29t&t=wz7NYVvdN1sD5sZn5jwqhteIJEBAWtU7cGxSvblOZr59VYuvhFOEuaUs29mG1lCNKsOUiB4 00Vl6iAOogScxHQ==&u=LTE=&a=0&d=MTc4MzA0MTgxXjExODc3NDE1MjU=" quality=high bgcolor=#FFFFFF width="450" height="345" name="mp3player" align=""type="application/x-shockwave-flash" FlashVars="culture=nl-NL"pluginspage="http://www.macromedia.com/go/getflashplay er"> </embed>
when i'm editing iWeb, the player shows up and plays the music and everything is fine! but when i publish the site, it says "Movie not loaded" when you click on it.
the site i'm currently working on is still being worked on, but i made an extra page to show whoever could help me. the link is:
http://web.me.com/henreegee/IamTokyo/Blank.html

That method can be done using iFrame code in an HTML snippet. You need to upload the Family Matters - Computer.m4v file to your server and link to it there via an HTML snippet and iFrame code. An example is in this demo page along with the code: QT movies via iFrame.
There are other ways to add the movie (the full one Family Matters - Computer.m4v.
One is to upload the file to your server and linking to it as shown in this demo page: Opening Item in a New, Precisely Sized Window.
The method you posted is explained in this tutorial: Old Toad's Tutorial #18 - Adding Movie/Video File to iWeb Page via Export for Web in Quicktime Player. To see the edits click on the buttons in steps 5a and 5b.
OT

IWeb, HTML Snippet, and MySQL via GoDaddy (db already built)

I have a site (zigcodes.info) that is hosted by GoDaddy. I built the site using iWeb. No complaints there. I have a MySQL database and table built to store codes added by users. There is also one called "hit list" on another page, but I haven't finished coding it. I need to solve this problem before I can finish that page. So far, I've successfully linked my submit forms to the database. When a user adds a code, it does indeed populate into the database (hooray for small miracles).
Of course, doing this dumps the user onto a blank white page, but I think I can fix that with a redirect at the end of the php file used by the form. My problem comes in when I try to display the codes in the database on my page. I know how to query the db using SELECT * FROM, but I can't figure out what to do with the data after that.
I'm having a heck of a time getting the HTML Snippet widget correct in iWeb. I've seen suggestions that are all over the place, but can't seem to get any to work. I'm told that <iframe> may be a viable solution, but I am at a loss as to how. Honestly, my site is very simple and I don't need fancy functionality. All I need is a list, in table form would be nice but really not necessary, of the 30 names/codes most recently added to the db by users of my site. I can get the echo command to print headers for my data, but not the data itself.
Will <iframe> work, and if so, how? If not, what's my best bet? Should I go with a table in the HTML Snippet widget, with tags like <? echo "$code"; ?> inserted into my<td></td> content? Or, would it be best to use the <script src="activecodes.php"></script> solution with an external php file? Or am I way off on all of these? I do know that iWeb won't do it for me with it's own magic, but it seems like there should still be a way to add code into the HTML Snippet widget and display the db data on the iWeb designed page. Help?

Yeah, the code you suggested isn't live now because I always remove changes to my code that affect no change. It makes for a cleaner build later. Here are some variations of your sugestion that I tried:
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
</form>
</div>
AND
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
</form>
</div>
AND
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
<br />
<input type="submit" value="Add it!" />
</form>
</div>
I even tried this because I saw other people suggesting it in similar forums:
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
<input type="hidden" name="redirect" value="http://www.zigcodes.info/" />
</form>
</div>
All of the above produce the exact same, unwanted result: a blank white screen with the URL of my .php file (the one that handles the form post).

Vertical align to center in a div

Hi,
I'm putting together a css layout in dreamweaver CS3, i have a basic nav bar with a solid black colour with text on top. I'm trying to vertical align the text to the center, currently it's center horizontally, but the text is right at the top of the div. The only way i've been able to change the position is to use "line height"
Any there any easy way to do this in css?
Any help is much appreciated, thanks.

Hi again,
I'm having a bit of trouble trying to get my main text area vertically center on one of my pages, i have a two column layout(text area on the right). The above methods don't seem to work, they just seem expand my whole bodyArea downwards.
Currently my codes look like this:
Layout:
<style type="text/css">

</style></head>
<body>
<div id="wrapper">
<div id="logo"></div>
<div id="nav"><a href= nav text here </a></div>
<div id="bodyArea">
    <div id="left"></div>
    <div id="shadow"></div>
    <div id="right">text with paragraphs here</div>
    <div id="footer">copyright info here</div>
</div>
</div>
</body>
</html>
stylesheet:
#wrapper {
     width: 781px;
     margin-right: auto;
     margin-left: auto;
        height: 699px;
#wrapper #logo {
     height: 116px;
        background-image: url(../images/logo.jpg);
#wrapper #nav {
     height: 38px;
     text-align: center;
     color: #FFFFFF;
     font-family: "Courier New", Courier, monospace;
     font-size: 19px;
     line-height: 38px;
     background-repeat: no-repeat;
     background-color: #000000;
     margin: 0px;
#wrapper #bodyArea #left {
     width: 341px;
     float: left;
     height: 507px;
#wrapper #bodyArea #right {
     width: 440px;
     float: right;
     height: 507px;
     text-align: center;
     color: #000000;
     vertical-align: middle;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px;
#wrapper #bodyArea #right #shadow {
     height: 14px;
     background-image: url(../images/shadow.gif);
     background-repeat: repeat-x;
#wrapper #bodyArea #footer {
     height: 38px;
     clear: both;
     text-align: center;
     color: #FFFFFF;
     background-color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     line-height: 38px;
     margin: 0px;
p {
     margin-top: 0px;
     margin-right: 10px;
     margin-bottom: 15px;
     margin-left: 10px;
I'm fairly new to CSS layouts, if anyone could help me it would be much appreciated, thanks.

Vertical align page html snippet

Similar Messages

Maybe you are looking for