Maximize page to fit screen width
Hi,
I would like to maximize all the pages of the application to fit the entire screen size i.e. effect similar to F11.
Please let me know how it can be done at application level.
Thanks.
@fac586,
Thanks for your reply. I have been asked to check the feasibility of this feature. I just gathered the complete details.
Its a Org specific Knowledge search kind of application. So the users will be employees of that org.
The employees mostly use Mozilla Firefox or Internet Explorer and versions might be latest (or) one or two versions lower. We can also display a note in the browser and suggest them to use Mozilla(if required).
The main purpose of the full screen mode is we want to utilize maximum screen space to show the pages, as there are lot many regions displayed over there.
If there is a better way to show the page in full screen or use max space, we are ready to go with it.
<li>Which browser(s) and browser version(s) is this application going to run on?Mozilla Firefox or Internet Explorer and versions might be latest (or) one or two versions lower. We can also restrict them to use Mozilla only.
<li>Which operating systems?User will be in Windows XP in most cases. I assume its OS of the user here.
<li>Is it an intranet application that will run in a controlled environment?Yes it is.
<li>An internet application that anyone can run?No.
<li>How is it deployed? As a desktop icon in a controlled environment? As a link on another site? On a standalone kiosk device?Users will be provided with URL for the application. Its deployed in apex.oraclecorp.com
<li>Do the users expect it to run in full-screen mode? Do they even know what full-screen mode is? Do they know how to get out of it and back to their desktop or other apps? Will they want to run it in full-screen mode?Since the requirement is to have all the regions displayed comfortably in the page, without scrolling the page full screen mode is used. We are planning to have a button in the page, which will exit the full screen mode and move to normal mode so that users can perform regular activities with browser.
<li>Are there any accessibility concerns to doing this?The purpose of the full screen mode is we want to utilize maximum screen space to show the pages, as there are lot many regions displayed over there.
If there is a better way to show the page to use maximum space, we are ready to go with it.
<li>How will this work across multiple devices? Screen sizes? User font settings?We have not thought about this yet. Whatever may be the screen size or display settings the user have, it should expand to fit screen width.
Please do let me know if require more information on this.
@Joel_C,
I am a newbie in APEX and Web applications and to these forum categories too. Though the disclaimer claims, it hurts.
If I had known its a browser specific functionality earlier, why wouldnt I mention it ealier and end up in multiple iterations to get a solution to my query and waste valuable time of fac586?
No one can become 'Guru' in the way you have mentioned. Atleast I havent. Its through hardwork and continued contributions one can attain this position.
You might have also crossed this stage when you started with web applications. I am not a born genius and just a learner.
Similar Messages
-
Page wont fit screen and bar at bottom of page is central
'''bold text'''some pages wont fit on screen and bar at bottom of page is centred
Thank you, removing the corrupt localstore.rdf file was the complete solution. :o)
-
How to make web pages fit the screen width?
Some web pages don't fit the screen width and Firefox user (me) has to scroll horizontally, which is very annoying:
https://www.dropbox.com/s/kjyubp6f3z104ku/ScreenShot021.jpg
Opera user, on the other hand, just clicks on the "Fit to width" button and everything looks great again:
https://www.dropbox.com/s/hfsgl45f4d7uzgw/ScreenShot023.jpg
Is there a way to force web page text to wrap?I get EXACTALY what "SantosHaHa" posted above. (Ffox 20 Win 7 64).
Zoom doesn't help. Make things bigger or smaller, BUT THE PAGE WIDTH IS STILL CROPED!
Have had this problem for 2 years and several versions.
NOTHING seems to work.
I wander why Ffox keeps changing versions so often, with so many new problems apearing, if Netscape worked fine 15 years ago!!!! -
IBooks landscape view fit to screen-width
I believe it would be very nice to have option of fit to screen-width as default landscape view. Whenever I pass to next page, everything is so small that I have to resize it manually, all the time.
ThanksThis problem just cropped up for me. Similar situation, but my tools are displayed on a second monitoe (not a laptop). I stumbled onto the sulotion!
I had just moved one of the tool panels to near the bottom on the second monitor w/o realizing that it extended n pixels off the screen. Once I moved it back up (so that no panels were hanging "off" the second monitor). I got fit-in-view back! -
Need a scroll and fit to width in screen on presentation mode
I am using wireframe presentation in indesign, in web page design some pages are height is going high length, that time presentation mode shrink the page, that one is not good. that time we need some customisation for particular page width need to fit screen, and rest of things need scroll down. This feature really important for web page designer.
You'll need to make a feature request here:
Adobe - Feature Request/Bug Report Form
Normally, Adobe product managers don't view the forums. This is a user forum. They do read feature requests. -
Web page does not fit screen. now have scroll bar at the bottom
2 problems exist and i have tried to find solutions to both with no luck. On Firefox 16.0.2 using XP Pro.
First: Web pages no longer fit screen. Now have scroll bar at the bottom. For some strange reason this just started. I tried the CTRL+ 0 with no luck.
Second: At the same time the above started when i open a program it opens in a reduced screen size and i have increase it to full screen size. This also occurs when i have it reduced 9in the system tray and i bring it back to the desk top.
I have made no changes to firefox these problems just started. A reboot of the computer did not helpDid you check the window settings of the Firefox desktop shortcut to see how Firefox opens?
Did you try to delete the current Firefox desktop shortcut and create a new shortcut?
Use Restore or Maximize in the right-click context menu of the Taskbar icon to set focus to the Firefox application if you do not see the Firefox window.
Open the system menu of that Firefox window via Alt+Space and see if you can move and resize that window (use the keyboard cursor keys).<br />
If that works then first close all other open Firefox windows and then close Firefox via "File > Exit/Quit" to save that setting. -
The page prints out fine on Internet Explorer, but not on Firefox. 2 pages are supposed to print out but only 1 prints. Also it does not fit to width even though that's the setting.
That file could be set as a Launch Agent or Daemon in your ~/Library or /Library, You could try to look for it or Safeboot your computer and then empty the trash. Safebooting disables Launch Agents/Daemon and Third Party Kernal extensions. Here's the article to Safeboot OS X: What is Safe Boot, Safe Mode? - Apple Support
-
Make a StringItem fit the screen width
Hi,
I�m using a String Item in a Form and I�ve tried to make the Item fit the screen width by using the setPreferredSize(). But if the Text of the String Item is to long, the device still uses a second line to display the end of the text, which I don�t want.
This is how I tried to make my String Item be displayed on an unique line.
iTitleString = new StringItem("title : ","",Item.PLAIN);
int preferedWidth = this.getWidth();
iTitleString.setPreferredSize(preferedWidth,-1);
iTitleString.setText("blablablablablalblablalblalbla");
Thanks for your helpIf you mean that it should fit to the screen width by making the font smaller, then you're out of luck. You can try setting a preferred height to avoid multiple lines, but in a best case scenario it would just mean that not all of the text will be displayed.
shmoove -
Fit to Width not working when linking directly to page number
I have set my initial view to Fit to Width. If I link only to the file, the document fits to width. However, when I add a specific page number to the link, the document opens up the full page. It does not fit to width. Is there something else I need to set or is that how it is supposed to function? When I add destinations, the fit to width seems to work fine.
Try adding the view=fitH parameter like:
http://example.org/doc.pdf#page=72&view=fitH,100
www.adobe.com/devnet/acrobat/pdfs/pdf_open_parameters.pdf -
Pdf file, How do I fit by width in landscap mode on iphone?
In landscap mode, pdf file show full page and I have to zoom in everytime. I want to fit width when put in landscap. How to??
Doesn't seem to be a setting for this in iBooks 3.1 (tested on both an iPad [3rd Gen] and iPhone 4S both w/iOS 6.1.3)
However, a little experimentation reveals -- it depends on the PDF.
If the PDF is text (I used 'PowerShell in Action' - a programming book) you can use the same method as Mobile Safari - Double tap in the text and that section expands to fit the width of the screen in landscape or portrait. Centered on where you tapped in the text.
If the PDF is a single image - like a PDF comic book (I used a volume of 'Girl Genius'), it appears that the double tap to expand doesn't work. If the PDF is already full width, a double tap does appear to shrink it back to full page view.
Unfortunately, this seems to be on a per page basis. When you flip to the next/previous page it goes back to full page view.
Note: There are other PDF viewer apps/apps with PDF viewers built in that behave differently, more like you are looking for. Some are even free.
Hopefully Apple will improve this in the next version.
And, of course, the obligatory disclaimer - YMMV with different PDFs, versions of iBooks, and iOS and this is just a random comment on the Internet. Not warrantee expressed or implied. And my employer (which is not Apple) has no idea I just wrote this. -
Fit Table width/height to Margin
It would be a great handy feature if the table width could be fitted to the margin of the page.
Moreover 'tables' need some more extra features like : distribute rows/column evenly to fit table width/height. At present this feature extends the table width/height when applied. Once I fix the width and height of the table, distribute rows/column must fit to that width/height only. The table should only extend when I add rows or column.>I have a 2-page site for a customer and have set it up as
tables (from
> Photoshop CS to Dreamweaver MX).
Bad start. Read this for a better approach -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Then read this -
http://apptools.com/examples/pagelayout101.php
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
==================
"Jonclyde" <[email protected]> wrote in
message
news:gfenmb$dek$[email protected]..
>I have a 2-page site for a customer and have set it up as
tables (from
> Photoshop CS to Dreamweaver MX). The first page opens
fine with the table
> occupying 100% up and down as required, but clicking a
link to the second
> page
> causes the table to shrink in size, even though (as far
as I can tell)
> both
> pages are virtually identical when it comes to layout. I
did one page,
> then
> copied it to make the second page. Check it out for
yourself here:
> www.jonathanstewart.com/chc/index.html. I can get the
second page
> (Services) to
> open properly only if I set the target to _blank. Check
the far right and
> bottom of screen on both pages. The bar at the bottom
should rest on the
> bottom
> of the browser window whatever the window's size, and
the bar at the top
> should
> extend "off the page" at both left and right. Any ideas?
> -
Center web page on browser screen in Dreamweaver?
All web sites I have created and published in Dreamweaver have the pages come up on the browser screen on the left side. Is there a way to set up a site so the pages come up centered on all browser pages?
Good day, I have read the above posts, and other posts/videos online, tried many, but none seem to work. I'm wondering if it's because the page elements have absolute positioning, but maybe someone can help. Below is the html code, then below that i've included the css coding, i realize it's not clean, but just want to address the centering issue at this time.
Any help is appreciated, remember I'm not a coder
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.SectionTEXT {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
line-height: 45px;
color: #666666;
background-color: #FFFFFF;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
position: relative;
width: 542px;
left: 400px;
bottom: 20px;
text-decoration: none;
.FooterTEXT {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: light;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
height: 35px;
width: 904px;
position: relative;
left: 10px;
top: 10px;
#div_18 .SectionTEXT p a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
line-height: 45px;
font-weight: normal;
font-variant: normal;
color: #666666;
a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
line-height: 45px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FF0000;
text-decoration: none;
.nameplate {
font-family: Blue;
color: #666;
font-style: normal;
font-weight: inherit;
.forwardSlash {
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: inherit;
.verticalSlash {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: lighter;
color: #03AAF3;
.namePlateNOW {
font-family: "Briem Akademi Std Semibold";
font-style: inherit;
font-weight: inherit;
color: #F00;
.efitnesslogo {
color: #FFF;
visibility: hidden;
#div_18 .SectionTEXT p a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
visibility: visible;
color: #666666;
#HD1 {
position: absolute;
height: 352px;
width: 230px;
left: 10px;
top: 0px;
#HD2 {
position: absolute;
height: 352px;
width: 230px;
left: 240px;
top: 0px;
#HD3 {
position: absolute;
height: 352px;
width: 230px;
left: 470px;
top: 0px;
#HD4 {
position: absolute;
height: 352px;
width: 230px;
left: 700px;
top: 0px;
.GhostedBar {
position: absolute;
height: 105px;
width: 570px;
left: -10px;
top: 190px;
background-image: url(IMAGES/WhiteBar.png);
.WHTGRYBAR{
position: absolute;
height: 70px;
width: 955px;
top: 369px;
left: 0px;
background-repeat: no-repeat;
background-image: url(IMAGES/WHT_GRAY_BOX_WRAP.svg);
.WHTGRYSHADOW{
position: absolute;
height: 75px;
width: 924px;
top: 370px;
left: 4px;
background-repeat: no-repeat;
background-image: url(IMAGES/WHT_GRAY_SHADOW.png);
.BkgrndNAV {
background-color: #C3D3F2;
height: 1200px;
width: 897px;
position: absolute;
left: 31.5px;
top: 362.5px;
opacity:
#MembersFtrContainer {
position: absolute;
height: 65px;
width: 944px;
left: 8px;
top: 1630px;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
border-bottom: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
border-left: solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-right: solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 11%, #bfd3fc 55%, #3e78fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#ffffff), color-stop(55%,#bfd3fc), color-stop(100%,#3e78fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 11%,#bfd3fc 55%,#3e78fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 11%,#bfd3fc 55%,#3e78fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 11%,#bfd3fc 55%,#3e78fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 11%,#bfd3fc 55%,#3e78fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3e78fd',GradientType=0 ); /* IE6-9 */
</style>
<link href="Index.css" rel="stylesheet" type="text/css">
<script id="form_init_script" data-name="" src="common/js/form_init.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="common/css/jquery-ui-1.8.5.custom.css"></link><link rel="stylesheet" type="text/css" href="common/css/normalize.css"></link><script type="text/javascript" src="common/libs_js/jquery-1.4.4.min.js"></script><link id="theme" href="theme/default/css/default.css" type="text/css" rel="stylesheet"></link><title>e-fitness NOW Origin</title><script type="text/javascript" src="common/libs_js/jquery-ui-1.8.9.custom.min.js"></script><script type="text/javascript" src="common/libs_js/jquery.ui.datepicker.js"></script><script type="text/javascript" src="common/libs_js/easyXDM/easyXDM.min.js"></script><script type="text/javascript" src="common/js/jquery.validate.js"></script><script type="text/javascript" src="common/libs_js/jquery.metadata.js"></script><script type="text/javascript" src="common/libs_js/jquery.placeholder.min.js"></script><script type="text/javascript" src="validation_data.js?249"></script><script type="text/javascript" src="common/js/validation.js"></script><script type="text/javascript" src="common/js/conditionals.js"></script><script type="text/javascript" src="common/js/lang/messages_validation.js"></script><script type="text/javascript" src="common/js/lang/messages_datepicker.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=960, user-scalable=yes"/><title>Index</title>
<link rel="stylesheet" href="jQuery/themes/base/jquery.ui.all.css?version=11">
<style type="text/css">
a:link {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
line-height: 45px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: none;
a:visited {
text-decoration: none;
color: #666666;
a:active {
text-decoration: none;
color: #666666;
body,td,th {
color:#666666;
.hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
line-height: 45px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FF0000;
body {
margin-top: 0px;
.NEWnav {
position: absolute;
height: 45px;
width: 920px;
left: 20px;
top: 380px;
</style>
<script src="jQuery/jquery-1.4.4.js"></script>
<script src="jQuery/ui/jquery.ui.core.js"></script>
<script src="jQuery/ui/jquery.ui.widget.js"></script>
<script src ="jQuery/ui/jquery.ui.tabs.js"></script>
<script>
$(function(){
$("#Tab_5").tabs({});
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body bgcolor="#3E78FD" text="#666666" onLoad="MM_preloadImages('IMAGES/FitnessProgHvrClkBttn.png','IMAGES/What_HowHvrClkBttn.pn g','IMAGES/EnrollTodayHvrClkBttn.png','IMAGES/MemberLoginHvrClkBttn.png','IMAGES/GrnButton HvrClk.png','IMAGES/FitnessProgHvrClkBttn.svg','IMAGES/What_HowHvrClkBttn.svg','IMAGES/Enr ollTodayHvrClkBttn.svg','IMAGES/MemberLoginHvrClkBttn.svg','IMAGES/OriginHvrClkBttn1.svg', 'IMAGES/FitnessProgHvrClkBttn1.svg','IMAGES/What_HowHvrClkBttn1.svg','IMAGES/EnrollTodayHv rClkBttn1.svg','IMAGES/MemberLoginHvrClkBttn1.svg')">
<div id="div_1">
<div align="center">
<div id="HD1"><img src="IMAGES/DBS_FOTOSEARCH_u14758523.png" width="230" height="352" alt="Women Competitive Swimmer" /></div>
<div id="HD2"><img src="IMAGES/DBS_FOTOSEARCH_u18569747.png" width="230" height="350" alt="Hurdler" /></div>
<div id="HD3"><img src="IMAGES/DBS_FOTOSEARCH_u24747386.png" width="230" height="350" alt="Golfer" /></div>
<div id="HD4"><img src="IMAGES/DBS_FOTOSEARCH_u21161806.png" width="230" height="351" alt="Marathon Runners" /></div>
<div class="GhostedBar"></div>
</div>
<div class="overlayLOGO">
<img src="IMAGES/efitnessLOGO_copy1.svg" alt="e fitness now" width="508">
</div>
<!--end overlayLOGO div-->
</div>
<!--end headerImage div-->
<!-- end div_1-->
</div>
<div class="BkgrndNAV"></div>
<div class="WHTGRYSHADOW"></div>
<div class="WHTGRYBAR"></div>
<div class="NEWnav">
<a href="Index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Origin','','IMAGES/OriginHvrClkBttn1.svg',1)"><img src="IMAGES/OriginNormBttn1.svg" alt="Origin Page" width="180" height="45" id="Origin"></a>
<a href="FitnessPrograms.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('FitnessPrograms','','IMAGES/FitnessProgHvrClkBttn1.svg',1)"><i mg src="IMAGES/FitnessProgNormBttn1.svg" alt="Fitness Programs Page" width="180" height="45" id="FitnessPrograms"></a>
<a href="Learn.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Learn','','IMAGES/What_HowHvrClkBttn1.svg',1)"><img src="IMAGES/What_HowNormBttn1.svg" alt="Learn What & How" width="180" height="45" id="Learn"></a>
<a href="Enroll.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Enroll','','IMAGES/EnrollTodayHvrClkBttn1.svg',1)"><img src="IMAGES/EnrollTodayNormBttn1.svg" alt="Enroll Today Page" width="180" height="45" id="Enroll"></a>
<a href="Members.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Members','','IMAGES/MemberLoginHvrClkBttn1.svg',1)"><img src="IMAGES/MemberLoginNormBttn1.svg" alt="Members Page" width="180" height="45" id="Members"></a>
</div>
<div id="div_18">
<img src="IMAGES/FOTOSEARCH_x19148847.png" name="Image_14" id="Image_14" />
<div class="INTROtext">
<p>"WELCOME…Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est."</p>
</div>
</div>
<div id="div_19">
<img id="Image_15" src="IMAGES/stock-photo-12488366-man-playing-golf.png" />
<div class="SectionTEXT">
<p>Sports Conditioning & <br>
Personal Fitness Programs: <br>
<a href="http://www.youtube.com/watch?v=4a0Q-IAqO8U" target="_blank" class="hover">Triathlons</a> | Running | Cycling<br>
Swimming | Climbing | Surfing…</p>
</div>
</div>
<div id="div_20">
<img id="Image_16" src="IMAGES/000014338250_HDFlashVideo copy.png" />
<div class="SectionTEXT">
<p>Full Course Videos: <br>
What We Do & <br>
How e|fitnessNOW Programs Work for You … </p>
</div>
</div>
<div class="SectionTEXT" id="div_21">
<img id="Image_17" src="IMAGES/stock-photo-17198908-success-flow-chart-on-a-blackboard.png" />
<div class="SectionTEXT">
<p><br>
Learn About Advanced Conditioning Programs… </p>
</div>
</div>
<div id="div_23">
<img src="IMAGES/Bigstock_28225811.png" alt="Enroll Today Image of Track & Field Hurdlers" id="Image_24" />
<div class="SectionTEXT"> <br>
Fly Over Hurdles…<br>
Sign-Up with an e|fitnessNOW Trainer Today!
</div>
</div>
<div id="MembersFtrContainer">
<div id="MemberFtrInsideContainer">
<div class="FooterTEXT">© 2012–2017 e|fitnessNOW and e|fitnessTRAINER. All rights reserved. web design: grafacha.com | web development: Content for class</div>
</div>
</div>
</body>
</html>
CSS
@import url("webfonts/DroidSans/stylesheet.css");
#div_1
height : 349px;
left : 8px;
overflow : hidden;
position : absolute;
top : 11px;
width : 944px;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
border-bottom: solid;
border-bottom-color: #FF0A00;
border-bottom-width: 1px;
.headerImage {
position: absolute;
width: 923px;
height: 350px;
margin-left: 10px;
.overlayLOGO {
position: absolute;
top: 205px;
background-repeat: no-repeat;
width: 590px;
height: 150px;
left: 20px;
visibility: visible;
#efitnessLOGO
width: 5.823in;
height: 1.938in;
position: absolute;
top: 25px;
left: 45px;
visibility: visible;
#textheader_3
height : 104px;
left : 46px;
overflow : hidden;
position : absolute;
top : 11px;
width : 451px;
color : #575756;
font-family : Arial,sans-serif;
font-size : 78px;
line-height : 104px;
margin-top : 0;
width : 100%;
#textheader_3 a
color : #575756;
text-decoration : none;
#Tab_5
left: 0px;
top: 369px;
width : 960px;
position: absolute;
height: 55px;
#div_18
height : 220px;
left : 8px;
position : absolute;
top : 440px;
width : 944px;
border-top: solid;
border-bottom: solid;
border-bottom-color: #FF0A00;
border-top-color: #FF0A00;
border-bottom-width: 1px;
border-top-width: 1px;
background-color: #FFF;
#Image_14
height : 220px;
left : 0px;
overflow : hidden;
position : absolute;
top : 0px;
width : 380px;
#div_19
height : 220px;
left : 8px;
overflow : hidden;
position : absolute;
top : 680px;
width : 944px;
background-color : #ffffff;
border-bottom: solid;
border-bottom-color: #FF0A00;
border-bottom-width: 1px;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
#Image_15
height : 220px;
left : 0px;
overflow : hidden;
position : absolute;
top : 0px;
width : 380px;
#div_20
height : 220px;
left : 8px;
overflow : hidden;
position : absolute;
top : 920px;
width : 944px;
background-color : #ffffff;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
border-bottom: solid;
border-bottom-color: #FF0A00;
border-bottom-width: 1px;
#Image_16
height : 220px;
left : 0px;
overflow : hidden;
position : absolute;
top : 0px;
width : 380px;
#div_21
height : 220px;
left : 9px;
overflow : hidden;
position : absolute;
top : 1160px;
width : 943px;
background-color : #ffffff;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
border-bottom: solid;
border-bottom-color: #FF0A00;
border-bottom-width: 1px;
#Image_17
height : 220px;
left : 0px;
overflow : hidden;
position : absolute;
top : 0px;
width : 380px;
#div_23
height : 220px;
left : 9px;
overflow : hidden;
position : absolute;
top : 1400px;
width : 943px;
background-color : #ffffff;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
border-bottom: solid;
border-bottom-color: #FF0A00;
border-bottom-width: 1px;
#Image_24
height : 220px;
left : 0px;
overflow : hidden;
position : absolute;
top : 0px;
width : 380px;
#div_22
height : 300px;
left : 8px;
overflow : hidden;
position : absolute;
top : 1632px;
width : 944px;
border-top: solid;
border-top-color: #FF0A00;
border-top-width: 1px;
border-bottom: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
border-left: solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-right: solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d 3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc 2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiB ncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogI CAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3R vcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2JmZDNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZ mZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzhjYjBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ 9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTc4ZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+C iAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJ hdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #bfd3ff 66%, #8cb0ff 84%, #3e78fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#bfd3ff), color-stop(84%,#8cb0ff), color-stop(100%,#3e78fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#bfd3ff 66%,#8cb0ff 84%,#3e78fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#bfd3ff 66%,#8cb0ff 84%,#3e78fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#bfd3ff 66%,#8cb0ff 84%,#3e78fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#bfd3ff 66%,#8cb0ff 84%,#3e78fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3e78fd',GradientType=0 ); /* IE6-8 */
<style>
#docContainer .fb_cond_applied{ display:none; visibility: visible;
</style><noscript>
<style>
#docContainer
.fb_cond_applied{ display:inline-block; }
</style>
#div_24 {
height: 290px;
width: 220px;
background-color: #3e78fd;
top: 11px;
left: 246px;
position: absolute;
visibility: visible;
border-left: solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-right: solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
#div_25 {
height: 290px;
width: 220px;
background-color: #3e78fd;
top: 11px;
left: 479px;
position: absolute;
visibility: visible;
border-left: solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-right: solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
#div_26 {
height: 290px;
width: 220px;
background-color: #3e78fd;
top: 11px;
left: 710px;
position: absolute;
visibility: visible;
border-left: solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-right: solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
line-height: 45px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FF0000;
text-decoration: none;
.INTROtext {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: inherit;
line-height: normal;
font-weight: inherit;
font-variant: normal;
color: #666666;
background-color: #FFFFFF;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
position: absolute;
width: 525px;
left: 400px;
bottom: 20px;
text-decoration: none;
top: 10px;
text-align: justify;
#MemberFtrInsideContainer {
background-color: #3e78fd;
position: absolute;
visibility: visible;
height: 55px;
width: 924px;
left: 10px;
top: 10px;
border-left: solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-right: solid;
border-right-color: #FFFFFF;
border-right-width: 1px; -
CS6 problem. When I open the Mask panel, it takes up the entire screen width and the Looks controls disappear, Also, there is a new panel below the Mask panel that seems to have no purpose that I can find. The documentation says "Mask and Look panels - The Mask panel is now placed next to the Look panel. WIth the masking and grading tools placed side-by-side, you can now work faster on the mask workflow." Is there a way to move, hide, or otherwise manipulate the panels for a custom layout? All the examples I can find on the Web show the Looks panel to the left of the Mask panel where the controls are available.
Ok, here is what I have so far. Appdelete the iWork and reinstalled. Pages and Number work, but not Keynote.
Now, I downloaded a couple apps that I need, and no matter what I did, the spinning ball came up and the download stopped till it unlocked itself. It is really frustrating because the download was not completed and whatever came through would not mount. Could this issue be the internet connection? Permission fix showed a lot of Airport issues. I will try to run permissions fix again. -
Resizing images in a div to fit browser width
i have a page with rollovers in a DIV:
http://toddheymandirector.com/REEL/index_newlook.html
i want the the images, "nike the getaway", etc, to resize to fit the browser window width. i tried putting them in a div and adding
row {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
but it didnt work..
ideas?
thanksYou could try something like the below. Basically it will show a maximum of 4 images per row (25%) so:
if your image width is 300px, for the browser to view all 4 at 100% their window needs to be 1200px wide
if their browser window is smaller than 1200px, the images will start to move onto new rows
if the browser window is bigger than 1200px, it will scale the 4 up to fit the width.
You can change the width of the images to match your optimal browser window and/or change the percentages to see the effect it has.
Eg, if you remove the "min-width:25%;" from #gallery ul li it will not scale the images at all. If you change "min-width:25%;" to "width:25%;", it will always show 4 images in a row and scale up or down to fit the window.
Best thing to do is play around until you're happy. Good luck.
<!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-color:#666666;
margin:0;
padding:0;
#container{
width:100%;
height:auto;
margin:0;
padding:0;
#title{
width:100%;
float:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:140%;
line-height:150%;
margin-bottom:30px;
text-align:center;
#gallery{
width:100%;
height:auto;
margin:0;
padding:0;
float:left;
#gallery ul{
width:100%;
height:auto;
margin:0;
padding:0;
float:left;
background-color:#666666;
list-style-type:none;
#gallery ul li{
min-width:25%;
display:block;
margin:0;
padding:0;
float:left;
background-color:#666666;
img{
display:block;
border:none;
margin:0;
padding:0;
width:100%;
</style>
</head>
<body>
<div id="container">
<div id="title">This is a floating web gallery</div>
<div id="gallery">
<ul>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
</ul>
</div>
</div>
</body>
</html> -
Resizing to fit screen resolution
I'm hoping for someone to be out there that could answer my
question as desperation will begin to settle in soon....
I have a website for some coursework I've been studying and
would like to present it in 800 x 600 pixels.
However it's actual size is 1200 x 800......does Dreamweaver
have any extensions that force a page to display in a certain size
even if that page is bigger than you want.
Help much appreciated at his late hour...
jonathanResolution is not the critical issue. Browser viewport width
is. To make
your decision you need to have some ideas about the following
issues -
1. What is the primary target demographic for this site?
2. What are the browsing habits of that demographic? Do they
normally have
their browser window maximized on the screen?
3. If they usually have their browser maximized, what is the
typical screen
width?
4. If they usually do NOT have their browser maximized, what
is the MINIMUM
screen width in that demographic.
5. How do I want to build the page?
a. Fixed width and left aligned?
b. Fixed width and centering?
c. Flexible to fill whatever width from left to right?
d. Flexible (within limits) and left aligned?
e. Flexible (within limits) and centering?
As you can see, this decision is probably much more complex
than you
thought, and will require that you know quite a bit about
your intended
target visitor and their browsing habits.
If you elect to go with 5a, or 5b, then your decision would
be - 'what is
the mimimum browser width I want to support without
horizontal scrolling?'.
Once you have determined that minimum supported width, all of
your decisions
are made. That's how wide you want your page to be.
If you elect to go with 5c, then you just build your page
within a flexible
container (the simplest example - although an obsolet one -
would be to use
a 100% width table to hold the entire page). Be aware that
pages with
limited text content can look VERY sparse and empty on wide
viewports when
built in this way.
If you elect to go with 5d, or 5e, then you would add this
sophistication to
your decision matrix -
'what is the greatest width I want to allow the page and its
contents to
become?'
In this case, you would use the CSS styles - 'min-width' and
'max-width' on
the primary page container. Just so you'll know, although
these styles are
well supported *now*, earlier versions of IE (and some other
browsers) will
not support them so reliably.
So - which is it? 8)
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
==================
"brother_jonnycat" <[email protected]> wrote
in message
news:[email protected]...
> I'm hoping for someone to be out there that could answer
my question as
> desperation will begin to settle in soon....
>
> I have a website for some coursework I've been studying
and would like to
> present it in 800 x 600 pixels.
> However it's actual size is 1200 x 800......does
Dreamweaver have any
> extensions that force a page to display in a certain
size even if that
> page is
> bigger than you want.
>
> Help much appreciated at his late hour...
> jonathan
>
Maybe you are looking for
-
Mexico Roaming Data Charges and MiFi Hotspot Wireless
Hi, I've been a Verizon customer for many years. I've used their PC Card and the unlimited data plan for my computer. I often travel near the border, Detroit, MI ... Niagara Falls, NY ... Laredo, TX ... Del Rio, TX ... El Paso, TX ... Nogales, AZ ...
-
I recently got an iphone 4 through my network provider after 4 days of having the product i started to experience problems. My iphone 4 would start calling people in my contacts without me even touching the phone, at first it was funny but people we
-
Hi, We have made a custom report for UCCX8.5, which we'd like to schedule. This report can only show the details of one CSQ, by selecting a CSQ filter. Because of this we'll need to schedule a new task for every CSQ. Here the issue arises: when I loo
-
DVD's not working on Sony dvd player
I just bought some TDK DVD-R 16x. I burned a DVD with my iMac G4 in iDVD. I tried to play it in my Sony DVD player and it said it was was not allowed because there were limitations or something. Can I fix this or do I need new DVDs??
-
Preventing html text from downloading before image
Hi. I am so NEW to this. I just created my first web site ever! It's mine. Problem: If anyone goes to see the site for the first time and clicks on the links--my html text downloads before my images, and this looks weird for a second. What can I do t