Need Help Centering Page in Browser Window

I'm designing my pages by creating a graphic framework in
Photoshop, slicing and exporting images into css using Fireworks to
a Dreamweaver html page. These pages look great; but they load into
the upper left corner of the browser window
I was taking a Dreamweaver class at the Denver Art Institute,
that was worthless. I dropped the class after the 4th week and am
now teaching myself. I asked the teacher how to center this kind of
page in a browser window, so the page would behave like most
webpages, centering as you change the width of the browser window.
I also wanted to add a repeating pattern in a background image. She
told me that she didn't know how, that I would have to build the
background into my Photoshop file. So, that's what I've been doing.
However, when people with smaller monitors change pages within a
site the built-in background requires them to recenter the page
manually each time.
Is there a way to center the page and add a background image
that is not built in? I've tried using Dreamweaver's background
image and margins in the Page Properties; but that just pushes the
page to the upper left and adds the background to the right and
bottom of the page.
Please visit:
http://www.livingwater.la,
http://www.renegadegraphics.biz
and
http://www.dentalmatchmakers.net
for examples.
Thanks for your help.
Mary

>I was taking a Dreamweaver class at the Denver Art
Institute, that was worthless
Yes, those classes usually are worthless because they focus
on using the tool without giving you the proper foundation for
understanding and managing html and css. Unfortunately, all of the
example sites you gave you AP Divs (layers) as a primary layout
method, which is a terrible approach. AP Divs should be used rarely
if ever, and only when you understand how they work. When the
visitors font is sized differently than you expected, the site
falls apart. The correct approach is to learn web
design/development outside of the context of a specific
application.
http://www.w3schools.com/html/
is a good place to start for a basic understanding of html and css.
And some basic layout techniques can be found here:
http://apptools.com/examples/pagelayout101.php

Similar Messages

  • Need Help Centering Page Content

    Hi, I have added a white box behind my main page content but the content is not centered within the box. It seems to be on the left. There are a number of different style sheets and I need to find out which style is affecting how the content is positioned.
    1. In this link below I’m not sure what is making the content go to the “left”. I need all of the thumbnails to be centered in the white area. That is what I need to find out first. What is the best way to find what is causing the thumbnails to go to the left? Is there an easy way to narrow down what is causing the thumbnails to go to the left?
    If I select “ul.work li” I notice it is set to (float: left). If I change it to (float: right) the thumbnails all move to the right. but if I set it to (float: none) the thumbnails all line up vertically. Not what I want.
    http://www.buzzfx.ca/2d_character.html
    In the homepage I also need to have all of the content centered.
    http://www.buzzfx.ca
    2. Also, how would I move the white box up to align with (touch the bottom) of the grey header?

    Thanks John, I managed to watch a good tutorial that set me straight.
    So back to the initial question. I am trying to center the content in the body but it seems to be aligned "left". Using Firebug, I think I have found the part that needs changing.
    1. At this link: http://www.buzzfx.ca/2d_character.html
    2. I hovered over the thumbnails until I found: <ul class="work fullwork clearfix">
    3. I then looked in the style and I believe it is this code below in "bold italics" that I need to edit to get the "content" to be centered but I am not sure how specifically to fix it/
    Q. Why does "margin-left: 40px;" have a strike through it?
    Q. Is "margin-left: 40px;" the reason the content is aligned "left"?
    Q. Could I not just "center" the contents instead of have it positioned from the "left"? Please explain!
    I would be very grateful if someone could look at my page in Firebug to tell what the best way is to center the body content.
    .clearfix:after {   clear: both;
       content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    ul.work {
    margin: 0 -15px;
    ul, ol {
    margin-left: 40px;
    h1, h2, h3, h4, form, table, ul, ol, p, dl, blockquote, hr {margin-bottom: 30px;
    text-align: left;
    ol, ul {
    list-style: none outside none;

  • Need help centering page

    This page is just a baby but I'd like to get this figured out
    before i get to deep into it. It's in php but only the swf menu at
    the top is the consistent thing. the menu at the top will center.
    the background and the sidebar will not. here is the code and a
    link so you can see what I'm talking about.
    www.mmdup.com/newindex.php
    <!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;
    background-image: url(images/mmdcombkg.jpg);
    background-color: #000000;
    background-repeat: no-repeat;
    margin-top: 0px;
    width:800;
    margin-left: auto;
    margin-right:auto;
    background-position: auto;
    text-align: center;
    -->
    </style></head>
    <body><?php include("menuhead.html"); ?>
    <img src="images/bannerline.png" width="1000" height="5"
    />
    <table width="191" height="533" border="0"
    cellspacing="0">
    <tr>
    <td bgcolor="#779993"> </td>
    </tr>
    </table>
    </body>
    </html>
    Thanks for any advice.

    Here try this code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    background-image: url(images/mmdcombkg.jpg);
    background-color: #000000;
    background-repeat: no-repeat;
    margin-top: 20px;
    #wrapper {
    width:1000px;
    margin:0 auto;
    background-color:#CCC;
    #main {
    width:1000px;
    height:500px;
    background-color:#CCC;
    -->
    </style>
    </head>
    <body>
    <div id="wrapper">
    <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
    width="1000" height="248" title="menu">
    <param name="movie" value="bannermenu.swf" />
    <param name="quality" value="high" />
    <embed src="bannermenu.swf" quality="high"
    pluginspage="
    http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash" width="1000"
    height="248"></embed>
    </object>
    <div id="main">
    <p>Some text here</p>
    </div>
    </div>
    </body>
    </html>
    aka Frenchy ASP
    "vidfix55" <[email protected]> wrote in
    message
    news:[email protected]...
    > This page is just a baby but I'd like to get this
    figured out before i get
    > to
    > deep into it. It's in php but only the swf menu at the
    top is the
    > consistent
    > thing. the menu at the top will center. the background
    and the sidebar
    > will
    > not. here is the code and a link so you can see what I'm
    talking about.
    > www.mmdup.com/newindex.php
    >
    > <!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;
    > background-image: url(images/mmdcombkg.jpg);
    > background-color: #000000;
    > background-repeat: no-repeat;
    > margin-top: 0px;
    > width:800;
    > margin-left: auto;
    > margin-right:auto;
    > background-position: auto;
    > text-align: center;
    > }
    > -->
    > </style></head>
    >
    > <body><?php include("menuhead.html"); ?>
    > <img src="images/bannerline.png" width="1000"
    height="5" />
    > <table width="191" height="533" border="0"
    cellspacing="0">
    > <tr>
    > <td bgcolor="#779993"> </td>
    > </tr>
    > </table>
    >
    > </body>
    > </html>
    > Thanks for any advice.
    >
    >
    >

  • I need help Centering a div box to a background image using dreamweaver cs5.5.

    I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors?  See what I mean at
    www.woodlandhospice.com

    Have you looked at your page with images disabled?
    I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators.  Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
    Navigation, headings and descriptions all need to be in real text -- not images of text.
    Ken is right.  Absolute positioning is pure poison for such a simple layout.  My advice is to start over with one of the pre-built Starter Pages in DW.  Go to File > New > Blank page > HTML.  Select a layout from the 3rd column and hit CREATE button.
    Nancy O.

  • I need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

    need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

    No same idea: 1. Look  2. Try.
    This is in Mavericks:
    Peter

  • Need help I can't install windows 7 to my SATA HD

    need help I can't install windows 7 to my SATA hard drive, when it gets to the part of selecting a drive partition to install windows it tells me my hardware does not support booting to this disk check that the disk's controller is enabled in the bios settings, I can't find any AHCI mode to switch to and RAID also did not solve my problem, bios version 786F1 v01.04

    Hi,
    You might get better assistance on the HP Enterprise Business Forum since you have a business class PC.
    HP DV9700, t9300, Nvidia 8600, 4GB, Crucial C300 128GB SSD
    HP Photosmart Premium C309G, HP Photosmart 6520
    HP Touchpad, HP Chromebook 11
    Custom i7-4770k,Z-87, 8GB, Vertex 3 SSD, Samsung EVO SSD, Corsair HX650,GTX 760
    Custom i7-4790k,Z-97, 16GB, Vertex 3 SSD, Plextor M.2 SSD, Samsung EVO SSD, Corsair HX650, GTX 660TI
    Windows 7/8 UEFI/Legacy mode, MBR/GPT

  • I am working on a program book in Pages...need help moving pages around...

    I am working on a program book in Pages...need help moving pages around...

    I think word procession mode but I used a magazine template to get started and then just kept adding blank pages to finish...I have done these before without any trouble moving the pages around...so very confused.  Thanks for any assistance. 

  • HT201541 I need help with updating my browser.

    I need help with updating my browser.  Its telling me that Safari is outdated.

    That is a very old version belonging to Snow Leopard. I take it you are not actually running Yosemite.
    Upgrading to Yosemite
    You can upgrade to Yosemite from Lion or directly from Snow Leopard. Yosemite can be downloaded from the Mac App Store for FREE.
    Upgrading to Yosemite
    To upgrade to Yosemite you must have Snow Leopard 10.6.8 or Lion installed. Download Yosemite from the App Store. Sign in using your Apple ID. Yosemite is free. The file is quite large, over 5 GBs, so allow some time to download. It would be preferable to use Ethernet because it is nearly four times faster than wireless.
        OS X Mavericks/Yosemite- System Requirements
          Macs that can be upgraded to OS X Yosemite
             1. iMac (Mid 2007 or newer) - Model Identifier 7,1 or later
             2. MacBook (Late 2008 Aluminum, or Early 2009 or newer) - Model Identifier 5,1 or later
             3. MacBook Pro (Mid/Late 2007 or newer) - Model Identifier 3,1 or later
             4. MacBook Air (Late 2008 or newer) - Model Identifier 2,1 or later
             5. Mac mini (Early 2009 or newer) - Model Identifier 3,1 or later
             6. Mac Pro (Early 2008 or newer) - Model Identifier 3,1 or later
             7. Xserve (Early 2009) - Model Identifier 3,1 or later
    To find the model identifier open System Profiler in the Utilities folder. It's displayed in the panel on the right.
         Are my applications compatible?
             See App Compatibility Table - RoaringApps.
    Upgrading to Lion
    If your computer does not meet the requirements to install Mavericks, it may still meet the requirements to install Lion.
    You can purchase Lion at the Online Apple Store. The cost is $19.99 (as it was before) plus tax.  It's a download. You will get an email containing a redemption code that you then use at the Mac App Store to download Lion. Save a copy of that installer to your Downloads folder because the installer deletes itself at the end of the installation.
         Lion System Requirements
           1. Mac computer with an Intel Core 2 Duo, Core i3, Core i5, Core i7,
               or Xeon processor
           2. 2GB of memory
           3. OS X v10.6.6 or later (v10.6.8 recommended)
           4. 7GB of available space
           5. Some features require an Apple ID; terms apply.

  • How to get header to stay centered on different browser window sizes

    Hi,
    Is there a way to change the header design so it stays
    centered and moves to accommodate different browser window sizes?
    Right now, it stays where it is, and everything else moves and
    stays centered as window size changes. I'm a new Dreamweaver user.
    the url is
    http://ellifolks.com/
    I tried changing the template I made for the site, and was
    able to delete some things, but it won't let me add things now. I
    can't undo to where it started, either. I tried doing a second
    template. Now I can't save anything -- I get a message saying
    "sharing issues".
    Thank you.

    Combining absolutely positioned elements with centering
    tables (as you have)
    accounts for about 20% of the posts on this forum. It's
    commonly done
    because it seems so easy. This is one of the penalties you
    pay for taking
    that easy road.
    The answer to your question is yes, you can do this.
    1. Make this image the page background -
    http://ellifolks.com/images/ellifolks_web_header_repeat.gif
    - and use CSS to
    give it a style of background-repeat:repeat-x.
    2. Place your assembled header within a STATIC div (i.e., NOT
    a layer) at
    the top of the page by changing this -
    <div id="apDiv1"><img
    src="images/dots_header_left.gif" width="175"
    height="192" alt="dots left" /></div>
    <div id="apDiv2">
    <div align="center"><img
    src="images/header_animals_logo.gif" width="759"
    height="195" alt="ellifolks logo" /></div>
    </div>
    <div id="apDiv3"><img
    src="images/dots_header_right.gif" alt="dots right"
    width="175" height="192" /></div>
    to this -
    <div id="header"><img
    src="images/dots_header_left.gif" width="175"
    height="192" alt="dots left" /><img
    src="images/header_animals_logo.gif"
    width="759" height="195" alt="ellifolks logo" /><img
    src="images/dots_header_right.gif" alt="dots right"
    width="175" height="192"
    /></div>
    3. Add this to your CSS -
    #header { width:1109px; margin:0 auto; }
    That should do the trick.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "zinnia3" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi,
    >
    > Is there a way to change the header design so it stays
    centered and moves
    > to
    > accommodate different browser window sizes? Right now,
    it stays where it
    > is,
    > and everything else moves and stays centered as window
    size changes. I'm
    > a
    > new Dreamweaver user. the url is
    http://ellifolks.com/
    >
    > I tried changing the template I made for the site, and
    was able to delete
    > some
    > things, but it won't let me add things now. I can't undo
    to where it
    > started,
    > either. I tried doing a second template. Now I can't
    save anything -- I
    > get a
    > message saying "sharing issues".
    >
    > Thank you.
    >
    >

  • Help centering page

    sorry guys - newbie here trying to center a page. ive been
    using dreamweaver cs3 - the design tools - not straight up css
    coding. but i think that because im using absolute positioning, the
    page loads up aligned on the left side. how can i center the page
    (with color on both sides)? basically im aiming for the center area
    to automatically center in a window and run all the way from the
    top to the bottom. i have included the code for the page, thanks!
    i read somewhere i can put everything in a container and set
    that container to the center. I have attached the HTML code below:
    <!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>J</title>
    <link rel="stylesheet" type="text/css" href="style.css"
    />
    <style type="text/css">
    <!--
    #apDiv1 {
    position:absolute;
    left:23px;
    top:111px;
    width:604px;
    height:30px;
    z-index:1;
    background-color: #000000;
    .style2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    font-weight: bold;
    #apDiv2 {
    position:absolute;
    left:23px;
    top:141px;
    width:167px;
    height:669px;
    z-index:2;
    background-color: #4574a2;
    #apDiv3 {
    position:absolute;
    left:197px;
    top:141px;
    width:430px;
    height:667px;
    z-index:3;
    .style3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    color: #FFFFFF;
    margin-left: 5px;
    .style4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFF00;
    margin-left: 5px;
    #apDiv4 {
    position:absolute;
    left:23px;
    top:806px;
    width:604px;
    height:19px;
    z-index:4;
    margin-top: 5px;
    .style11 {font-size: larger}
    .style12 {
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    .style13 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    .style16 {font-family: Georgia, "Times New Roman", Times,
    serif; font-size: 12px; font-weight: bold; }
    .style17 {font-family: Georgia, "Times New Roman", Times,
    serif}
    .style18 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    font-style: italic;
    .style19 {font-family: Georgia, "Times New Roman", Times,
    serif; font-size: 10px; }
    .style21 {font-size: 16px}
    a:link {
    color: #0033FF;
    text-decoration: none;
    a:visited {
    text-decoration: none;
    a:hover {
    text-decoration: underline;
    a:active {
    text-decoration: none;
    .style23 {font-family: Georgia, "Times New Roman", Times,
    serif; font-size: 12px; color: #0000FF; }
    .style24 {color: #0000FF}
    .style25 {color: #000000}
    -->
    </style>
    </head>
    <body>
    <div id="apDiv1">
    <div align="center" class="style2">A - B - C -
    D</div>
    </div>
    <div id="apDiv2">
    <p> </p>
    <p class="style4"><a
    href="1.html">A</a></p>
    <p class="style3"> &amp; 2</p>
    <p> </p>
    <p class="style4"><a
    href="1.html">A</a></p>
    <p class="style3">V</p>
    <p class="style3"> </p>
    <p class="style4">A</p>
    <p class="style3">V &amp; A</p>
    <p class="style3"> </p>
    <p class="style4"><a
    href="1.html">A</a></p>
    <p class="style3">V &amp; 4</p>
    <p class="style3"> </p>
    <p class="style4">A</p>
    <p class="style3">A</p>
    <p class="style3"> </p>
    <p class="style4">A</p>
    <p class="style3">A</p>
    <p class="style3"> </p>
    <p class="style4">A</p>
    <p class="style3">2 &amp; 3</p>
    <p class="style3"> </p>
    <p class="style4">A</p>
    <p class="style3">V</p>
    </div>
    <div id="apDiv3">
    <p> </p>
    <p align="center" class="style17">1&amp;
    2</p>
    <p align="center"> </p>
    <p align="center" class="style12"><span
    class="style11">L<span class="style21">A <span
    class="style11">F</span>RA
    </span>S</span>A<span class="style11">
    T</span>A</p>
    <p align="center"> </p>
    <p align="center" class="style23"><span
    class="style25">[page 1] <strong>[page
    2]</strong></span></p>
    <p align="center"> </p>
    <p align="left" class="style16">A</p>
    <p align="left" class="style18">S</p>
    <p align="left" class="style13"> </p>
    <p align="left" class="style16">A</p>
    <p align="left" class="style18">A</p>
    <p align="left" class="style19"> </p>
    <p align="left" class="style16">A</p>
    <p align="left" class="style18"> </p>
    <p align="left" class="style13"> </p>
    </div>
    <div id="apDiv4">
    <div align="center">D</div>
    </div>
    <ul id="nav">
    <p><img src="1.jpg" /></p>
    <p> </p>
    </ul>
    </body>
    </html>

    > im using absolute positioning
    You're starting on the wrong foot already. Read this -
    http://apptools.com/examples/pagelayout101.php
    Anyhow, change this -
    </head>
    to this -
    <style type="text/css">
    #wrapper { width:760px; margin:0 auto;position:relative; }
    /* 760px will display on an 800px screen maximized browser
    window without */
    /* horizontal scrollbars. */
    </style>
    </head>
    change this -
    <body>
    to this -
    <body>
    <div id="wrapper">
    and this -
    </body>
    to this -
    <!-- /wrapper -->
    </div>
    </body>
    and see if that helps.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "newbie918273" <[email protected]> wrote in
    message
    news:[email protected]...
    > sorry guys - newbie here trying to center a page. ive
    been using
    > dreamweaver
    > cs3 - the design tools - not straight up css coding. but
    i think that
    > because
    > im using absolute positioning, the page loads up aligned
    on the left side.
    > how
    > can i center the page (with color on both sides)?
    basically im aiming for
    > the
    > center area to automatically center in a window and run
    all the way from
    > the
    > top to the bottom. i have included the code for the
    page, thanks!
    >
    > i read somewhere i can put everything in a container and
    set that
    > container to
    > the center. I have attached the HTML code below:
    >
    > <!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>J</title>
    > <link rel="stylesheet" type="text/css"
    href="style.css" />
    > <style type="text/css">
    > <!--
    > #apDiv1 {
    > position:absolute;
    > left:23px;
    > top:111px;
    > width:604px;
    > height:30px;
    > z-index:1;
    > background-color: #000000;
    > }
    > .style2 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > color: #FFFFFF;
    > font-size: 16px;
    > margin-top: 5px;
    > margin-bottom: 5px;
    > padding: 0;
    > font-weight: bold;
    > }
    > #apDiv2 {
    > position:absolute;
    > left:23px;
    > top:141px;
    > width:167px;
    > height:669px;
    > z-index:2;
    > background-color: #4574a2;
    > }
    > #apDiv3 {
    > position:absolute;
    > left:197px;
    > top:141px;
    > width:430px;
    > height:667px;
    > z-index:3;
    > }
    > .style3 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 10px;
    > color: #FFFFFF;
    > margin-left: 5px;
    > }
    > .style4 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 12px;
    > font-weight: bold;
    > color: #FFFF00;
    > margin-left: 5px;
    > }
    > #apDiv4 {
    > position:absolute;
    > left:23px;
    > top:806px;
    > width:604px;
    > height:19px;
    > z-index:4;
    > margin-top: 5px;
    > }
    > .style11 {font-size: larger}
    > .style12 {
    > font-size: 14px;
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-weight: bold;
    > }
    > .style13 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 12px;
    > }
    > .style16 {font-family: Georgia, "Times New Roman",
    Times, serif;
    > font-size:
    > 12px; font-weight: bold; }
    > .style17 {font-family: Georgia, "Times New Roman",
    Times, serif}
    > .style18 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 10px;
    > font-style: italic;
    > }
    > .style19 {font-family: Georgia, "Times New Roman",
    Times, serif;
    > font-size:
    > 10px; }
    > .style21 {font-size: 16px}
    > a:link {
    > color: #0033FF;
    > text-decoration: none;
    > }
    > a:visited {
    > text-decoration: none;
    > }
    > a:hover {
    > text-decoration: underline;
    > }
    > a:active {
    > text-decoration: none;
    > }
    > .style23 {font-family: Georgia, "Times New Roman",
    Times, serif;
    > font-size:
    > 12px; color: #0000FF; }
    > .style24 {color: #0000FF}
    > .style25 {color: #000000}
    > -->
    > </style>
    > </head>
    >
    > <body>
    >
    > <div id="apDiv1">
    > <div align="center" class="style2">A - B - C -
    D</div>
    >
    > </div>
    > <div id="apDiv2">
    > <p> </p>
    > <p class="style4"><a
    href="1.html">A</a></p>
    > <p class="style3"> &amp; 2</p>
    > <p> </p>
    > <p class="style4"><a
    href="1.html">A</a></p>
    >
    > <p class="style3">V</p>
    > <p class="style3"> </p>
    > <p class="style4">A</p>
    > <p class="style3">V &amp; A</p>
    > <p class="style3"> </p>
    > <p class="style4"><a
    href="1.html">A</a></p>
    >
    > <p class="style3">V &amp; 4</p>
    > <p class="style3"> </p>
    > <p class="style4">A</p>
    > <p class="style3">A</p>
    > <p class="style3"> </p>
    > <p class="style4">A</p>
    >
    > <p class="style3">A</p>
    > <p class="style3"> </p>
    > <p class="style4">A</p>
    > <p class="style3">2 &amp; 3</p>
    > <p class="style3"> </p>
    > <p class="style4">A</p>
    >
    > <p class="style3">V</p>
    > </div>
    > <div id="apDiv3">
    > <p> </p>
    > <p align="center" class="style17">1&amp;
    2</p>
    > <p align="center"> </p>
    > <p align="center" class="style12"><span
    class="style11">L<span
    > class="style21">A <span
    class="style11">F</span>RA
    </span>S</span>A<span
    > class="style11"> T</span>A</p>
    >
    > <p align="center"> </p>
    > <p align="center" class="style23"><span
    class="style25">[page 1]
    >
    [page
    > 2]</span></p>
    > <p align="center"> </p>
    > <p align="left" class="style16">A</p>
    > <p align="left" class="style18">S</p>
    > <p align="left"
    class="style13"> </p>
    > <p align="left" class="style16">A</p>
    >
    > <p align="left" class="style18">A</p>
    > <p align="left"
    class="style19"> </p>
    > <p align="left" class="style16">A</p>
    > <p align="left"
    class="style18"> </p>
    > <p align="left"
    class="style13"> </p>
    > </div>
    > <div id="apDiv4">
    > <div align="center">D</div>
    >
    > </div>
    > <ul id="nav">
    > <p><img src="1.jpg" /></p>
    > <p> </p>
    >
    >
    > </body>
    > </html>
    >
    >

  • New page in browser window on event trigger

    Hello Experts,
    I have created webdynpro abap application which generates pdf  interactive forms on pressing a button in UI. I want pdf to be generated in the new page of browser instead of the current page.
    Any suggestions how can I implement this?
    Thanks & Regards,
    Viral

    Hello Viral,
    Anky is helping you to open a new browser window tith 'Google' website.
    In your case, could you do the below steps:-
    Step1 : create a new window, add your view containing Adobe interactive form into this window.
    Step 2: Open this window on button action event. Following snippet of code might be helpful for you.
    DATA lo_nd_tabnode TYPE REF TO if_wd_context_node.
    lo_nd_tabnode = wd_context->get_child_node( Name = '<Node_Name>' ).
    data lo_window_manager type ref to if_wd_window_manager.
    data lo_api_component  type ref to if_wd_component.
    data lo_window         type ref to if_wd_window.
    lo_api_component  = wd_this->wd_get_api( ).
    lo_window_manager = lo_api_component->get_window_manager( ).
    lo_window         = lo_window_manager->create_window(
                       window_name            = '<Window_Name>'
                       message_display_mode   = if_wd_window=>co_msg_display_mode_selected
                       button_kind            = if_wd_window=>co_buttons_ok
                       message_type           = if_wd_window=>co_msg_type_none
                       default_button         = if_wd_window=>co_button_ok
    lo_window->open( ).
    Explanation:
    Line 1 & 2. A reference to the context node is created This context node(Node_Name) which is mapped to the UI elemenents on the adobe interactive form.
    Line 3,4 & 5: reference to the window manager, component and window are created(all those starting with 'if' stands for interfaces, if you want details about these interfaces, goto transaction SE24 and insert their name and search for parameters and methods.- putting all these details as you said you are new to Wd ABAP).
    rest of the lines: creating window API and assigning mandatory parameters to this window.
    last line: opening window whenever this particular(wd window) is getting called.
    for more details goto SE 24 search with 'if_wd_window".
    Cheers,
    Jakes.

  • Need help with upgrading my browser

    I need help to upgrade my window browser, which I use msn 9. I have java 1.5.02 or higher but won't be able to work with.

    Start by checking if you can run Snow Leopard:
    Requirements for OS X 10.6 'Snow Leopard'
    http://support.apple.com/kb/SP575
    Whilst Apple withdrew Snow Leopard from their stores, you can still get it from Apple by calling 1-800-MY-APPLE (if you are in the USA) and they will supply the SL DVD for $20 for a single user, or $30 for a family pack that covers up to 5 Macs.  You can also purchase the code to use to download Lion from the same number (Lion requires an Intel-based Mac with a Core 2 Duo, i3, i5, i7 or Xeon processor and 2GB of RAM, running the latest version of Snow Leopard), or you can purchase Mountain Lion from the App Store - if you can run that:
    http://www.apple.com/osx/specs/
    If you are outside the US call your national Apple Helpline:
    http://support.apple.com/kb/HE57
    If you're in the UK, use this number: 0871 508 4400
    When you have installed it, run Software Update to download and install the latest updates for Snow Leopard.
    UPDATE:
    OS 10.6 Snow Leopard is once again available from the Apple Store:
    http://store.apple.com/us/product/MC573/mac-os-x-106-snow-leopard
    and in the UK:
    http://store.apple.com/uk/product/MC573/mac-os-x-106-snow-leopard
    but nobody knows for how long it will be available.
    To use iCloud you have to upgrade all the way to Mountain Lion:
    http://support.apple.com/kb/HT4759

  • Centering page in browser

    Hi
    I have used the following code to centre a site i am working
    on.:
    </head>
    to this -
    <style type="text/css">
    <!--
    body { text-align:center; }
    #wrapper { text-align:left; width:760px; margin:0
    auto;position:relative; }
    /* 760px will display on an 800px screen maximized browser
    window without */
    /* horizontal scrollbars. */
    -->
    </style>
    </head>
    change this -
    <body ...>
    to this -
    <body ...>
    <div id="wrapper">
    and this -
    </body>
    to this -
    <!-- /wrapper -->
    </div>
    </body>
    It centres the pages but they take a long time to load now
    compared to when they weren't centered.
    Is there a different centering technique i can use that won't
    cause the same problem?
    P.S - The have built the site with layers and some image
    ready slices.

    The page load times are not affected by your centering
    method. They are
    affected by your server speed, your net congestion, and your
    page weight.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Dilroy" <[email protected]> wrote in
    message
    news:efgskn$p11$[email protected]..
    > Hi
    > I have used the following code to centre a site i am
    working on.:
    > </head>
    > to this -
    > <style type="text/css">
    > <!--
    > body { text-align:center; }
    > #wrapper { text-align:left; width:760px; margin:0
    > auto;position:relative; }
    > /* 760px will display on an 800px screen maximized
    browser window without
    > */
    > /* horizontal scrollbars. */
    > -->
    > </style>
    > </head>
    > change this -
    > <body ...>
    > to this -
    > <body ...>
    > <div id="wrapper">
    > and this -
    > </body>
    > to this -
    > <!-- /wrapper -->
    > </div>
    > </body>
    >
    > It centres the pages but they take a long time to load
    now compared to
    > when
    > they weren't centered.
    >
    > Is there a different centering technique i can use that
    won't cause the
    > same
    > problem?
    >
    > P.S - The have built the site with layers and some image
    ready slices.
    >

  • I need help with blue screen on Windows 7

    Hi guys...I was wondering if someone could help me...!
    While I play a video game, I recieve a error blues screen message...I don't know if it is an error from my S.O, or it is an error for that video game...! 
    The message that I been given so far says :
    Problem signature:
      Problem
    Event Name:                        BlueScreen
      OS Version:                                         6.1.7600.2.0.0.256.1
      Locale ID:                                             10250
      Additional
    information about the problem:
      BCCode: 
                                                 50
      BCP1:                                                    FFFFF900C061C770
      BCP2:                                                    0000000000000000
      BCP3:                                                    FFFFF96000636D15
      BCP4:                                                    0000000000000000
      OS
    Version:                                          6_1_7600
      Service
    Pack:                                       0_0
     Product:                      
                            256_1
      Files
    that help describe the problem:
      C:\Windows\Minidump\022710-26223-01.dmp
      C:\Users\Caroline\AppData\Local\Temp\WER-125393-0.sysdata.xml

    Hi,
    In order to assist you, we will need the .DMP files to analyze what exactly occurred at the time of the crash, etc.
    If you don't know where .DMP files are located, here's how to get to them:
    1. Navigate to the %systemroot%\Minidump folder.
    2. Copy any and all DMP files in the Minidump folder to your Desktop and then zip up these files.
    3. Upload the zip containing the .DMP files to Onedrive or a hosting site of your choice and paste in your reply. Preferred sites: Onedrive, Mediafire, Dropbox, etc. Nothing with wait-timers, download managers, etc.
    4 (optional): The type of .DMP files located in the Minidump folder are known as Small Memory Dumps. In %systemroot% there will be what is known as a Kernel-Dump (if your system is set to generate). It is labeled MEMORY.DMP. The difference
    between Small Memory Dumps and Kernel-Dumps in the simplest definition is a Kernel-Dump contains
    much more information at the time of the crash, therefore allowing further debugging of your issue. If your upload speed permits it, and you aren't going against any strict bandwidth and/or usage caps, etc, the Kernel-Dump is the best
    choice. Do note that Kernel-Dumps are much larger in size due to containing much more info, which is why I mentioned upload speed, etc.
    If you are going to use Onedrive but don't know how to upload to it, please visit the following:
    Upload photos and files to Onedrive.
    After doing that, to learn how to share the link to the file if you are unaware, please visit the following link -
    Share files and folders and change permissions and view 'Get a link'.
    Please note that any "cleaner" programs such as TuneUpUtilities, CCleaner, etc, by default will delete .DMP files upon use. With this said, if you've run such software, you will need to allow the system to crash once again to generate a crash dump.
    If your computer is not generating .DMP files, please do the following:
    1. Start > type %systemroot% which should show the Windows folder, click on it. Once inside that folder, ensure there is a Minidump folder created. If not, CTRL-SHIFT-N to make a New Folder and name it Minidump.
    2. Windows key + Pause key. This should bring up System. Click Advanced System Settings on the left > Advanced > Performance > Settings > Advanced > Ensure there's a check-mark for 'Automatically manage paging file size for all
    drives'.
    3. Windows key + Pause key. This should bring up System. Click Advanced System Settings on the left > Advanced > Startup and Recovery > Settings > System Failure > ensure there is a check mark next to 'Write an event to the system
    log'.
    Ensure Small Memory Dump is selected and ensure the path is %systemroot%\Minidump.
    4. Double check that the WERS is ENABLED:
    Start > Search > type services.msc > Under the name tab, find Windows Error Reporting Service > If the status of the service is not Started then right click it and select Start. Also ensure that under Startup Type it is set to Automatic rather than
    Manual. You can do this by right clicking it, selecting properties, and under General selecting startup type to 'Automatic', and then click Apply.
    If you cannot get into normal mode to do any of this, please do this via Safe Mode.
    Regards,
    Patrick
    “Be kind whenever possible. It is always possible.” - Dalai Lama

  • Need help with as3 for popup window

    I am nearing the end of the semester in my Flash Animation class. I have learned very simple AS3 things, code snippets etc. I am trying to find the actionscript for coding a very simple popup window, but have not found a clue.
    Here's what I want to do...I have a white box with some type on the stage. When a person clicks on the white box, I want a popup to open that is larger, that will contain the same type but larger. That box will have an x so it can be dismissed. I don't want to do this in html, only in Flash CS5. I don't want a browser window, I just want a bigger version of the smaller box. I know how to build both boxes, just don't know how to write the code. I know there will be an on-click mouse event listener, and then I am lost.
    Can anyone help with the code I might use? It would be most appreciated.

    It would be something along the lines of... (using instance names relative to your description)...
    popup.visible = false;
    whiteBox.addEventListener(MouseEvent.CLICK, showPopup);
    function showPopup(evt:MouseEvent):void {
         popup.visible = true;
    popup.popupX.addEventListener(MouseEvent.CLICK, hidePopup);
    function hidePopup(evt:MouseEvent):void {
         popup.visible = false;

Maybe you are looking for